.zshero-left-column .zpelem-spacer:first-child { display: none; }

.zphero { background: transparent; }
.zphero .zsborder-text-box { padding: 15px; }

@media all and (min-width: 992px) {
    .zphero .zsborder-text-box { padding: 30px; }
    .zphero .zsborder-box { padding: 30px; background: #0b0501; margin-left: -150px; position: relative; z-index: 1; }
    .zphero .zsoverlay-image-left { margin-left: -80px; margin-top: 410px; }
    .zphero .zsoverlay-image-right { margin-left: -100px; margin-bottom: 395px; }
    .zphero .zsoverlay-button { margin-bottom: -52px; }
    .zphero .zshero-left-column .zpelem-spacer:first-child { display: block; }
}

/* ==========================================================================
   HOUSTON APOSTILLE — DESIGN SYSTEM (global). Installed once. All pages inherit.
   Tokens + components. CTA logic: RED = primary (Start Form / email capture),
   BLUE = secondary (Call). Brand: navy #1a2352, navy-deep #2d2b45, band #e5f0f1.
   ========================================================================== */
:root{
  --ha-navy:#1a2352; --ha-navy-deep:#2d2b45;
  --ha-blue:#1a73e8; --ha-blue-dark:#1558b8;
  --ha-red:#c0392b;  --ha-red-dark:#a3301f;
  --ha-band:#e5f0f1; --ha-band-soft:#f4f7f8;
  --ha-ink:#1f2733;  --ha-ink-soft:#55606e; --ha-line:#dce3e8; --ha-white:#fff;
  --ha-font-head:'Poppins','Helvetica Neue',Arial,sans-serif;
  --ha-font-body:'Inter','Helvetica Neue',Arial,sans-serif;
  --ha-h1:44px; --ha-h2:32px; --ha-h3:22px; --ha-lead:19px;
  --ha-body:16px; --ha-small:14px; --ha-tiny:12.5px;
  --ha-s1:8px; --ha-s2:16px; --ha-s3:24px; --ha-s4:32px; --ha-s5:48px; --ha-s6:64px; --ha-s7:96px;
  --ha-container:1120px; --ha-radius:10px; --ha-radius-lg:16px;
  --ha-shadow:0 2px 8px rgba(26,35,82,.08); --ha-shadow-lg:0 8px 30px rgba(26,35,82,.12);
}

/* ---- Base typography (scoped to our wrapper so we never fight Zoho globals) ---- */
.ha-page{ font-family:var(--ha-font-body); font-size:var(--ha-body); line-height:1.6; color:var(--ha-ink); -webkit-font-smoothing:antialiased; }
.ha-page h1,.ha-page h2,.ha-page h3,.ha-page h4{ font-family:var(--ha-font-head); color:var(--ha-navy); line-height:1.2; font-weight:700; margin:0 0 .4em; }
.ha-page h1{ font-size:var(--ha-h1); letter-spacing:-.5px; }
.ha-page h2{ font-size:var(--ha-h2); letter-spacing:-.3px; }
.ha-page h3{ font-size:var(--ha-h3); font-weight:600; }
.ha-page p{ margin:0 0 var(--ha-s2); }
.ha-page a{ color:var(--ha-blue); text-decoration:none; }
.ha-container{ max-width:var(--ha-container); margin:0 auto; padding:0 var(--ha-s3); }

/* ===== Buttons (.ha-) ===== */
.ha-page a.ha-btn,
.ha-page a.ha-btn:link,
.ha-page a.ha-btn:visited {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  font-family:'Poppins','Helvetica Neue',Arial,sans-serif; font-weight:600;
  font-size:16px; line-height:1; padding:14px 30px; border-radius:10px;
  border:none; cursor:pointer; text-align:center; text-decoration:none;
  transition:background .15s, color .15s, transform .05s;
}
.ha-page a.ha-btn:active { transform:translateY(1px); }

/* PRIMARY = red (Start Form / self-serve) */
.ha-page a.ha-btn-primary, .ha-page a.ha-btn-primary:link, .ha-page a.ha-btn-primary:visited,
.ha-page a.ha-btn-red,     .ha-page a.ha-btn-red:link,     .ha-page a.ha-btn-red:visited {
  background:#c0392b; color:#fff !important;
}

/* SECONDARY = blue (Call / phone) */
.ha-page a.ha-btn-secondary, .ha-page a.ha-btn-secondary:link, .ha-page a.ha-btn-secondary:visited,
.ha-page a.ha-btn-blue,      .ha-page a.ha-btn-blue:link,      .ha-page a.ha-btn-blue:visited {
  background:#1a73e8; color:#fff !important;
}

/* GHOST = tertiary */
.ha-page a.ha-btn-ghost, .ha-page a.ha-btn-ghost:link, .ha-page a.ha-btn-ghost:visited {
  background:transparent; color:#1a2352 !important; border:2px solid #1a2352;
}

/* HOVER = yellow attention flip (solid buttons) */
.ha-page a.ha-btn-primary:hover,
.ha-page a.ha-btn-secondary:hover,
.ha-page a.ha-btn-red:hover,
.ha-page a.ha-btn-blue:hover {
  background:#ffd400; color:#1a2352 !important;
}
.ha-page a.ha-btn-ghost:hover { background:#1a2352; color:#fff !important; }

/* Large */
.ha-page a.ha-btn-lg { font-size:18px; padding:18px 40px; }

/* ---- Sections ---- */
.ha-section{ padding:var(--ha-s7) 0; }
.ha-band{ background:var(--ha-band); }
.ha-soft{ background:var(--ha-band-soft); }
.ha-dark{ background:var(--ha-navy-deep); color:#fff; }
.ha-dark h1,.ha-dark h2,.ha-dark h3{ color:#fff; }
.ha-eyebrow{ font-family:var(--ha-font-head); font-weight:600; font-size:13px; letter-spacing:1.5px; text-transform:uppercase; color:var(--ha-red); margin-bottom:var(--ha-s1); }
.ha-lead{ font-size:var(--ha-lead); color:var(--ha-ink-soft); max-width:62ch; }

/* ---- Hero ---- */
.ha-hero{ background:linear-gradient(180deg,var(--ha-band) 0%,#fff 100%); padding:var(--ha-s7) 0; }
.ha-hero h1{ max-width:18ch; }
.ha-cta-row{ display:flex; gap:var(--ha-s2); flex-wrap:wrap; margin-top:var(--ha-s3); }

/* ---- Trust bar ---- */
.ha-trust{ display:flex; gap:var(--ha-s5); flex-wrap:wrap; align-items:center; justify-content:center; padding:var(--ha-s3) 0; }
.ha-trust-item{ font-family:var(--ha-font-head); font-weight:600; color:var(--ha-navy); font-size:15px; display:flex; align-items:center; gap:8px; }
.ha-star{ color:#f5a623; }

/* ---- Cards ---- */
.ha-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:var(--ha-s3); }
.ha-card{ background:#fff; border:1px solid var(--ha-line); border-radius:var(--ha-radius-lg); padding:var(--ha-s4); box-shadow:var(--ha-shadow); }
.ha-card h3{ margin-bottom:var(--ha-s1); }
.ha-price{ font-family:var(--ha-font-head); font-weight:700; font-size:34px; color:var(--ha-navy); }
.ha-card-feature{ border:2px solid var(--ha-red); }

/* ---- Two-column grid (four-card pricing forks) ---- */
.ha-grid-2{ display:grid; grid-template-columns:1fr; gap:var(--ha-s3); }
@media (min-width:760px){ .ha-grid-2{ grid-template-columns:repeat(2,1fr); } }

/* ---- Callouts ---- */
.ha-callout{ background:#eaf1fe; border-left:5px solid var(--ha-blue); border-radius:var(--ha-radius); padding:var(--ha-s3); }
.ha-callout-red{ background:#fdece9; border-left:5px solid var(--ha-red); }

/* ---- Step list (mail-in / how-it-works) ---- */
.ha-steps{ counter-reset:ha-step; }
.ha-step{ display:flex; gap:var(--ha-s3); margin-bottom:var(--ha-s3); }
.ha-step-num{ flex-shrink:0; width:40px; height:40px; border-radius:50%; background:var(--ha-navy); color:#fff; font-family:var(--ha-font-head); font-weight:700; display:flex; align-items:center; justify-content:center; }
.ha-address{ background:var(--ha-band); border-left:5px solid var(--ha-navy); border-radius:var(--ha-radius); padding:var(--ha-s3); font-size:17px; }

/* ---- Utility ---- */
.ha-center{ text-align:center; }
.ha-mt2{ margin-top:var(--ha-s2); } .ha-mt3{ margin-top:var(--ha-s3); } .ha-mt4{ margin-top:var(--ha-s4); }

/* ---- Responsive ---- */
@media (max-width:860px){
  :root{ --ha-h1:34px; --ha-h2:26px; --ha-s7:56px; }
  .ha-trust{ gap:var(--ha-s3); }
}

/* ===== MOBILE MENU HAMBURGER FIX ===== */
@media (max-width: 860px) {

  /* The tappable burger area */
  .theme-responsive-menu-container[data-zp-burger-clickable-area],
  .theme-responsive-menu-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-width: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    cursor: pointer !important;
    position: relative !important;
  }

  /* The single existing bar = MIDDLE bar */
  .theme-responsive-menu-container span,
  .theme-responsive-menu-container i,
  .theme-responsive-menu-container div,
  .theme-responsive-menu-container [class*="bar"],
  .theme-responsive-menu-container [class*="line"] {
    background-color: #1a2352 !important;
    display: block !important;
    width: 28px !important;
    height: 3px !important;
    border-radius: 2px !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    margin: 0 !important;
  }

  /* TOP bar (drawn) */
  .theme-responsive-menu-container span::before,
  .theme-responsive-menu-container i::before,
  .theme-responsive-menu-container div::before,
  .theme-responsive-menu-container [class*="bar"]::before,
  .theme-responsive-menu-container [class*="line"]::before {
    content: "" !important;
    position: absolute !important;
    top: -9px !important;
    left: 0 !important;
    width: 28px !important;
    height: 3px !important;
    background-color: #1a2352 !important;
    border-radius: 2px !important;
    display: block !important;
  }

  /* BOTTOM bar (drawn) */
  .theme-responsive-menu-container span::after,
  .theme-responsive-menu-container i::after,
  .theme-responsive-menu-container div::after,
  .theme-responsive-menu-container [class*="bar"]::after,
  .theme-responsive-menu-container [class*="line"]::after {
    content: "" !important;
    position: absolute !important;
    top: 9px !important;
    left: 0 !important;
    width: 28px !important;
    height: 3px !important;
    background-color: #1a2352 !important;
    border-radius: 2px !important;
    display: block !important;
  }

  /* Give the menu area room */
  .theme-responsive-menu-area.theme-navigation-and-icons,
  .theme-responsive-menu-area {
    min-width: 56px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* =========================================================
   SPANISH HUB ADDITIONS - Added July 13, 2026
   Built for /apostilla (Spanish Apostille hub page).
   Reusable site-wide - the English pages should adopt these too.

   .ha-feat       Checkmark bullet list inside pricing cards
                  (red check + muted text). Replaces one-off
                  markup on /pricing, /fbi-background-check.
   .ha-speed      Red pill badge for turnaround time inside a
                  pricing card (e.g. "7 dias habiles").
   .ha-ata        ATA (American Translators Association) credential
                  block - circular badge + text. Used on
                  /apostilla and /certified-translation.
   .ha-faq        FAQ list wrapper. Adds a hairline divider above
                  each question after the first. Wrap the FAQ items
                  in <div class="ha-faq"> and let each Q/A be a
                  bare <div><h3>..</h3><p>..</p></div>.
   ========================================================= */

.ha-feat{
  list-style:none;
  padding:0;
  margin:var(--ha-s2) 0 0;
}
.ha-feat li{
  position:relative;
  padding-left:20px;
  margin-bottom:8px;
  font-size:14px;
  color:var(--ha-ink-soft);
  line-height:1.5;
}
.ha-feat li:last-child{
  margin-bottom:0;
}
.ha-feat li:before{
  content:"\2713";
  position:absolute;
  left:0;
  top:0;
  color:var(--ha-red);
  font-weight:700;
}
.ha-speed{
  display:inline-block;
  background:#fdecea;
  color:var(--ha-red);
  font-weight:700;
  font-size:13px;
  padding:5px 12px;
  border-radius:20px;
  margin:8px 0 4px;
}
.ha-ata{
  display:flex;
  align-items:center;
  gap:28px;
  flex-wrap:wrap;
}
.ha-ata-badge{
  flex:0 0 auto;
  width:96px;
  height:96px;
  border-radius:50%;
  border:2px solid var(--ha-navy);
  background:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.ha-ata-badge strong{
  font-family:var(--ha-font-head);
  font-size:24px;
  color:var(--ha-navy);
  line-height:1;
  letter-spacing:1px;
}
.ha-ata-badge span{
  font-size:8px;
  letter-spacing:1.5px;
  color:var(--ha-red);
  margin-top:4px;
  font-weight:600;
}
.ha-ata-body{
  flex:1 1 320px;
}
.ha-faq > div{
  padding-top:var(--ha-s3);
}
.ha-faq > div + div{
  border-top:1px solid var(--ha-line);
  margin-top:var(--ha-s3);
}
.ha-faq h3{
  margin-bottom:8px;
}
.ha-faq p{
  margin:0;
  color:var(--ha-ink-soft);
}
@media (max-width: 860px) {
  .theme-disable-sitename-mobile,
  .theme-site-name {
    display: inline-block !important;
    font-size: 15px;
    line-height: 1.2;
  }
}