/* =========================================================
   V18 — MOBILE FINAL PASS
   Camada única de normalização mobile carregada após style.css.
   Desktop permanece intocado.
   ========================================================= */
@media (max-width:900px){
  /* ---------- Menu: um comportamento em todas as páginas ---------- */
  .header,.home-v3 .header{z-index:500!important}
  .header .nav,.home-v3 .header .nav{position:relative!important;z-index:502!important}
  .menu-btn,.home-v3 .menu-btn{
    display:grid!important;place-items:center!important;position:relative!important;z-index:530!important;
    width:40px!important;height:40px!important;margin-left:auto!important;padding:0!important;
    border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;
    cursor:pointer!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;
  }
  .menu-btn::before,.home-v3 .menu-btn::before{
    content:'•••'!important;display:block!important;font:400 16px/1 Arial,sans-serif!important;
    letter-spacing:3px!important;opacity:.88!important;transform:translate(1px,-2px)!important;
  }
  .menu-btn.is-open::before,.home-v3 .menu-btn.is-open::before{
    content:'×'!important;font-size:29px!important;font-weight:200!important;letter-spacing:0!important;transform:none!important;
  }
  .nav-links,.home-v3 .header .nav-links{
    display:flex!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;
    width:min(88vw,380px)!important;height:100dvh!important;min-height:100vh!important;padding:90px 22px 28px!important;
    flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;
    background:linear-gradient(180deg,#080808 0%,#050505 100%)!important;
    border:0!important;border-left:1px solid rgba(255,255,255,.07)!important;box-shadow:-24px 0 70px rgba(0,0,0,.42)!important;
    opacity:1!important;visibility:visible!important;transform:translate3d(104%,0,0)!important;pointer-events:none!important;
    transition:transform .42s cubic-bezier(.22,1,.36,1)!important;z-index:520!important;overflow:auto!important;
    overscroll-behavior:contain!important;
  }
  .nav-links.open,.home-v3 .header .nav-links.open{transform:translate3d(0,0,0)!important;pointer-events:auto!important}
  .nav-links::before{content:'Menu'!important;display:block!important;padding:0 2px 14px!important;margin:0 0 12px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;color:#b99870!important;font:600 8px/1.2 "Segoe UI",Arial,sans-serif!important;letter-spacing:.22em!important;text-transform:uppercase!important}
  .nav-links::after{content:'Cacio Silva  •  CRECI 240055F'!important;display:block!important;margin-top:auto!important;padding:22px 2px 0!important;border-top:1px solid rgba(255,255,255,.07)!important;color:rgba(255,255,255,.34)!important;font:500 8px/1.6 "Segoe UI",Arial,sans-serif!important;letter-spacing:.13em!important;text-transform:uppercase!important}
  .nav-links>a{display:flex!important;align-items:center!important;min-height:68px!important;padding:0 2px!important;border-bottom:1px solid rgba(255,255,255,.075)!important;color:#fff!important;font:400 clamp(29px,8.5vw,39px)/1 Georgia,"Times New Roman",serif!important;letter-spacing:-.035em!important}
  .nav-links>a::before,.nav-links>a::after{display:none!important}
  .nav-links>a[aria-current="page"]{color:#d4b17e!important}
  body.menu-open::before{content:''!important;position:fixed!important;inset:0!important;background:rgba(0,0,0,.58)!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;z-index:510!important}
  body.menu-open{overflow:hidden!important}

  /* ---------- Hero: vídeo limpo + convite para explorar ---------- */
  .home-v3 .hero-v3{
    height:70svh!important;min-height:520px!important;max-height:760px!important;padding:0!important;margin:0!important;
    display:block!important;position:relative!important;background:#000!important;overflow:hidden!important;
  }
  .home-v3 .hero-v3::before,.home-v3 .hero-v3::after,
  .home-v3 .hero-media,.home-v3 .hero-overlay,.home-v3 .hero-inner{display:none!important;content:none!important}
  .home-v3 .mobile-hero-logo-video{
    display:block!important;position:absolute!important;inset:0!important;z-index:1!important;width:100%!important;height:100%!important;
    object-fit:contain!important;object-position:center center!important;background:#000!important;filter:none!important;opacity:1!important;transform:none!important;
  }
  /* O vídeo já conta a marca: remove o bloco redundante antes dos imóveis. */
  .home-v3 .mobile-home-intro{display:none!important}
  .home-v3 .mobile-home-intro + .editorial-ribbon{display:none!important}

  /* Pequena cápsula entre a marca e o conteúdo; 3px mais alta que V17. */
  .home-v3 .hero-scroll{
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;
    position:absolute!important;left:50%!important;bottom:23px!important;z-index:8!important;
    width:68px!important;height:66px!important;transform:translateX(-50%)!important;
    padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;
    color:#fff!important;opacity:.86!important;overflow:visible!important;animation:none!important;
  }
  .home-v3 .hero-scroll span{
    display:grid!important;place-items:center!important;width:29px!important;height:45px!important;
    border:1px solid rgba(255,255,255,.28)!important;border-radius:999px!important;background:rgba(0,0,0,.12)!important;
    color:rgba(255,255,255,.84)!important;font:300 14px/1 Arial,sans-serif!important;
    backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important;
    animation:v18Arrow 1.85s cubic-bezier(.22,1,.36,1) infinite!important;
  }
  .home-v3 .hero-scroll::before{display:none!important;content:none!important}
  .home-v3 .hero-scroll::after{
    content:'EXPLORAR'!important;display:block!important;position:static!important;
    color:rgba(255,255,255,.43)!important;font:600 6px/1 "Segoe UI",Arial,sans-serif!important;
    letter-spacing:.20em!important;text-transform:uppercase!important;white-space:nowrap!important;
  }
  @keyframes v18Arrow{0%{transform:translateY(-3px);opacity:.55}50%{transform:translateY(4px);opacity:1}100%{transform:translateY(-3px);opacity:.55}}

  /* ---------- Primeira vitrine: começa do mesmo preto e respira ---------- */
  .home-v3 .outdoor-dark{background:#050505!important;border-top:0!important;padding-top:72px!important}
  .home-v3 .outdoor-dark .outdoor-heading{display:block!important;text-align:center!important;margin-bottom:28px!important}
  .home-v3 .outdoor-dark .outdoor-heading>div:first-child{padding-left:0!important}
  .home-v3 .outdoor-dark .outdoor-number{display:none!important}
  .home-v3 .outdoor-dark .outdoor-heading .eyebrow{font-size:7px!important;letter-spacing:.21em!important;color:rgba(198,164,116,.78)!important}
  .home-v3 .outdoor-dark .outdoor-heading h2{max-width:340px!important;margin:9px auto 0!important;font-size:clamp(38px,10.5vw,48px)!important;line-height:.98!important}
  .home-v3 .outdoor-dark .outdoor-heading-side{display:none!important}

  /* ---------- Mais repertório: usar exatamente a nova foto enviada ---------- */
  .home-v3 .authority-split{
    display:block!important;position:relative!important;min-height:790px!important;margin:0!important;padding:0!important;overflow:hidden!important;
    background-color:#030303!important;
    background-image:linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.04) 35%,rgba(0,0,0,.28) 57%,rgba(0,0,0,.92) 76%,#030303 100%),url('../img/authority-mobile-v18.webp')!important;
    background-size:cover!important;background-position:center 16%!important;background-repeat:no-repeat!important;
    border:0!important;border-radius:0!important;
  }
  .home-v3 .authority-media{display:none!important}
  .home-v3 .authority-copy{
    position:relative!important;z-index:2!important;min-height:790px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;
    padding:455px 20px 42px!important;margin:0!important;background:transparent!important;color:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  }
  .home-v3 .authority-copy .eyebrow{color:#c6a474!important;font-size:7px!important}
  .home-v3 .authority-copy h2{color:#fff!important;font-size:clamp(38px,10.3vw,48px)!important;line-height:.98!important;margin:10px 0 17px!important}
  .home-v3 .authority-copy>p{color:rgba(255,255,255,.62)!important;font-size:13px!important;line-height:1.64!important;margin-bottom:22px!important}
  .home-v3 .authority-stats{margin:10px 0 24px!important;border-top:1px solid rgba(255,255,255,.10)!important}
  .home-v3 .authority-stats>div{padding:12px 0!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.09)!important}
  .home-v3 .authority-stats>div:last-child{border-bottom:0!important}
  .home-v3 .authority-stats strong{font-size:28px!important;color:#fff!important}
  .home-v3 .authority-stats span{font-size:8px!important;color:rgba(255,255,255,.47)!important}
  .home-v3 .authority-copy .btn-dark{align-self:flex-start!important;background:#fff!important;color:#080808!important}

  /* ---------- "O imóvel além da fachada" — reconstrução mobile ---------- */
  .home-v3 .technical-panel{
    position:relative!important;padding:76px 0 70px!important;background:#070707!important;color:#fff!important;overflow:hidden!important;
  }
  .home-v3 .technical-panel::before{
    content:''!important;position:absolute!important;right:-90px!important;top:-120px!important;width:260px!important;height:260px!important;border-radius:50%!important;
    background:radial-gradient(circle,rgba(185,152,112,.11),transparent 68%)!important;pointer-events:none!important;
  }
  .home-v3 .technical-grid{
    width:calc(100% - 36px)!important;margin:0 auto!important;display:block!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  }
  .home-v3 .technical-copy{position:relative!important;padding:24px 0 0!important;border-top:1px solid rgba(255,255,255,.10)!important}
  .home-v3 .technical-copy>.outdoor-number{display:inline-block!important;margin:0 0 16px!important;color:#b99870!important;font-size:9px!important}
  .home-v3 .technical-copy .eyebrow{color:rgba(201,169,124,.82)!important;font-size:7px!important;letter-spacing:.20em!important}
  .home-v3 .technical-copy h2{
    max-width:340px!important;margin:12px 0 18px!important;color:#fff!important;font-size:clamp(40px,11vw,50px)!important;line-height:.94!important;letter-spacing:-.045em!important;
  }
  .home-v3 .technical-copy>p{max-width:340px!important;margin:0!important;color:rgba(255,255,255,.58)!important;font-size:13px!important;line-height:1.68!important}
  .home-v3 .technical-list{
    display:grid!important;gap:1px!important;margin:30px 0 0!important;padding:1px!important;background:rgba(255,255,255,.08)!important;border:0!important;border-radius:16px!important;overflow:hidden!important;
  }
  .home-v3 .technical-list>div{
    display:grid!important;grid-template-columns:38px 1fr!important;align-items:center!important;min-height:68px!important;padding:0 14px!important;
    background:#0d0d0d!important;border:0!important;
  }
  .home-v3 .technical-list span{color:#b99870!important;font:500 8px/1 "Segoe UI",Arial,sans-serif!important;letter-spacing:.12em!important}
  .home-v3 .technical-list strong{color:#fff!important;font:400 17px/1.2 Georgia,"Times New Roman",serif!important}
  .home-v3 .technical-copy::after{
    content:'Engenharia  •  Arquitetura  •  Documentação'!important;display:block!important;margin-top:24px!important;padding-top:16px!important;
    border-top:1px solid rgba(255,255,255,.08)!important;color:rgba(255,255,255,.34)!important;font:600 7px/1.5 "Segoe UI",Arial,sans-serif!important;letter-spacing:.15em!important;text-transform:uppercase!important;
  }
  .home-v3 .technical-image{display:none!important}

  /* ---------- Divisões e região: não competir com o conteúdo ---------- */
  .home-v3 .photo-divider{display:none!important}
  .home-v3 .region-marquee{min-height:28px!important;background:#070707!important;border-top:1px solid rgba(255,255,255,.04)!important;border-bottom:1px solid rgba(255,255,255,.04)!important}
  .home-v3 .region-marquee-track{animation-duration:78s!important}
  .home-v3 .region-marquee-track span{padding:9px 13px 10px!important;color:rgba(255,255,255,.38)!important;font:500 8px/1 "Segoe UI",Arial,sans-serif!important;letter-spacing:.15em!important;text-transform:uppercase!important}
  .home-v3 .region-marquee-track i{padding:0!important;color:rgba(185,152,112,.48)!important;font:500 5px/1 Arial,sans-serif!important}

  /* CTA móvel respeita a área segura do aparelho. */
  .mobile-whatsapp{padding-bottom:max(12px,env(safe-area-inset-bottom))!important}
}

@media (max-width:430px){
  .home-v3 .hero-v3{height:68svh!important;min-height:500px!important}
  .home-v3 .hero-scroll{bottom:22px!important}
  .home-v3 .authority-split,.home-v3 .authority-copy{min-height:760px!important}
  .home-v3 .authority-copy{padding:430px 18px 34px!important}
  .home-v3 .technical-grid{width:calc(100% - 32px)!important}
}

@media (prefers-reduced-motion:reduce) and (max-width:900px){
  .home-v3 .hero-scroll span{animation:none!important}
}

/* =========================================================
   V19 — MOBILE POLISH: EXPLORE JUNCTION + TRUE BLACK + CRISP MENU
   ========================================================= */
@media (max-width:900px){
  /* Indicador passa a morar ENTRE o vídeo e a vitrine, sobrepondo a junção. */
  .home-v3 .hero-scroll{display:none!important}
  .mobile-explore-junction{
    display:flex!important;
    position:relative!important;
    z-index:40!important;
    height:0!important;
    margin:0!important;
    align-items:center!important;
    justify-content:center!important;
    pointer-events:none!important;
  }
  .mobile-explore-junction-inner{
    position:absolute!important;
    top:0!important;
    left:50%!important;
    transform:translate(-50%,-50%)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:7px!important;
    color:#fff!important;
  }
  .mobile-explore-junction .explore-dot{
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    height:42px!important;
    border:1px solid rgba(255,255,255,.25)!important;
    border-radius:50%!important;
    background:#060606!important;
    box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
  }
  .mobile-explore-junction .explore-dot span{
    display:block!important;
    font:300 15px/1 Arial,sans-serif!important;
    color:rgba(255,255,255,.86)!important;
    animation:v19ExploreArrow 1.75s cubic-bezier(.22,1,.36,1) infinite!important;
  }
  .mobile-explore-junction small{
    display:block!important;
    color:rgba(255,255,255,.40)!important;
    font:600 6px/1 "Segoe UI",Arial,sans-serif!important;
    letter-spacing:.20em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
  }
  @keyframes v19ExploreArrow{
    0%{transform:translateY(-4px);opacity:.35}
    48%{transform:translateY(3px);opacity:1}
    100%{transform:translateY(6px);opacity:.18}
  }

  /* A abertura dos imóveis continua no mesmo preto do vídeo. */
  .home-v3 .outdoor-property-section.outdoor-dark,
  .home-v3 .outdoor-dark,
  .home-v3 .outdoor-dark .outdoor-heading,
  .home-v3 .outdoor-dark .outdoor-viewport{
    background:#000!important;
    background-image:none!important;
  }
  .home-v3 .outdoor-dark::before,
  .home-v3 .outdoor-dark::after{display:none!important;content:none!important}
  .home-v3 .outdoor-dark{padding-top:82px!important;border-top:0!important}

  /* Menu V19: painel nítido, opaco e sem qualquer blur por cima. */
  body.menu-open::before{display:none!important;content:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .header.menu-open,
  .home-v3 .header.menu-open{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    filter:none!important;
    background:#050505!important;
  }
  .nav-links,
  .home-v3 .header .nav-links{
    width:100vw!important;
    max-width:none!important;
    inset:0!important;
    top:0!important;right:0!important;bottom:0!important;left:0!important;
    height:100dvh!important;
    padding:92px 22px 30px!important;
    background:#050505!important;
    background-image:linear-gradient(180deg,#080808 0%,#050505 100%)!important;
    border:0!important;
    box-shadow:none!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translateY(-8px)!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    pointer-events:none!important;
    transition:opacity .24s ease,transform .34s cubic-bezier(.22,1,.36,1),visibility .24s ease!important;
    z-index:520!important;
  }
  .nav-links.open,
  .home-v3 .header .nav-links.open{
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    pointer-events:auto!important;
    filter:none!important;
  }
  .nav-links *{filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;text-shadow:none!important}
  .menu-btn,.home-v3 .menu-btn{z-index:540!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .header .nav,.home-v3 .header .nav{z-index:530!important}
  body.menu-open{overflow:hidden!important}
}

@media (min-width:901px){
  .mobile-explore-junction{display:none!important}
}
\n\n/* =========================================================
   V20 — MOBILE CANONICAL MENU + FIRST SHOWCASE BLACK
   ========================================================= */
@media (max-width:900px){
  /* Desktop nav remains source of truth for desktop only. On mobile, one shared overlay is used everywhere. */
  .nav-links,.home-v3 .header .nav-links{display:none!important}

  .mobile-menu-v20{
    display:block!important;position:fixed!important;inset:0!important;z-index:515!important;
    background:#050505!important;color:#fff!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transform:translateY(-6px)!important;
    transition:opacity .24s ease,transform .34s cubic-bezier(.22,1,.36,1),visibility .24s ease!important;
    overflow:auto!important;overscroll-behavior:contain!important;
  }
  .mobile-menu-v20.open{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;
  }
  .mobile-menu-v20-inner{
    min-height:100dvh!important;display:flex!important;flex-direction:column!important;
    justify-content:center!important;align-items:center!important;
    padding:88px 28px 34px!important;text-align:center!important;background:#050505!important;
  }
  .mobile-menu-v20-kicker{
    position:absolute!important;top:86px!important;left:50%!important;transform:translateX(-50%)!important;
    color:#b99870!important;font:600 7px/1 "Segoe UI",Arial,sans-serif!important;
    letter-spacing:.24em!important;text-transform:uppercase!important;
  }
  .mobile-menu-v20-links{width:min(100%,360px)!important;display:grid!important;gap:0!important}
  .mobile-menu-v20-links a{
    display:block!important;padding:17px 4px 19px!important;
    border-bottom:1px solid rgba(255,255,255,.075)!important;
    color:#fff!important;font:400 clamp(34px,10vw,46px)/.98 Georgia,"Times New Roman",serif!important;
    letter-spacing:-.04em!important;text-decoration:none!important;
  }
  .mobile-menu-v20-links a:first-child{border-top:1px solid rgba(255,255,255,.075)!important}
  .mobile-menu-v20-links a[aria-current="page"]{color:#d4b17e!important}
  .mobile-menu-v20-foot{
    position:absolute!important;left:24px!important;right:24px!important;bottom:26px!important;
    color:rgba(255,255,255,.32)!important;font:500 7px/1.5 "Segoe UI",Arial,sans-serif!important;
    letter-spacing:.15em!important;text-transform:uppercase!important;
  }
  .mobile-menu-v20-foot span{color:#b99870!important;margin:0 6px!important}
  body.menu-open{overflow:hidden!important}
  body.menu-open::before{display:none!important;content:none!important}
  .header.menu-open,.home-v3 .header.menu-open{background:#050505!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .menu-btn,.home-v3 .menu-btn{z-index:540!important}

  /* First property showcase = one uninterrupted black field, including heading, moving cards viewport and spacing. */
  .home-v3 .outdoor-property-section.outdoor-dark,
  .home-v3 .outdoor-property-section.outdoor-dark .container,
  .home-v3 .outdoor-property-section.outdoor-dark .outdoor-heading,
  .home-v3 .outdoor-property-section.outdoor-dark .outdoor-viewport,
  .home-v3 .outdoor-property-section.outdoor-dark .outdoor-runner,
  .home-v3 .outdoor-property-section.outdoor-dark .outdoor-set{
    background:#000!important;background-image:none!important;
  }
  .home-v3 .outdoor-property-section.outdoor-dark{
    padding-top:82px!important;padding-bottom:72px!important;border:0!important;box-shadow:none!important;
  }
  .home-v3 .outdoor-property-section.outdoor-dark::before,
  .home-v3 .outdoor-property-section.outdoor-dark::after,
  .home-v3 .outdoor-property-section.outdoor-dark .outdoor-viewport::before,
  .home-v3 .outdoor-property-section.outdoor-dark .outdoor-viewport::after{
    display:none!important;content:none!important;background:none!important;
  }
}
@media (min-width:901px){.mobile-menu-v20{display:none!important}}