/* Rodada de ajustes 01: Hero, Quadra 500, Metragem, Arquitetura e Lazer */

:root{

  --orange:#9F1D26!important;

  --brand-red:#9F1D26!important;

  --brand-red-hover:#b5222c!important;

  --brand-red-active:#85171e!important;

  --brand-red-light:#C2242E!important;

  --brand-red-glow:rgba(159,29,38,.42)!important;

  --display: "roc-grotesk", "Roc Grotesk", "Montserrat", sans-serif !important;

  --sans: "roc-grotesk", "Roc Grotesk", "Montserrat", sans-serif !important;

  --body: "roc-grotesk", "Roc Grotesk", "Montserrat", sans-serif !important;

}

.hero-v9 .hero-form-desktop{opacity:1!important}

.hero-v9 .v9-form-head{gap:0!important;min-height:0!important;margin-bottom:0!important}

.hero-v9 .v9-form-head>span{font-size:10px!important;line-height:1.1!important;letter-spacing:.11em!important;white-space:normal!important}

.hero-v9 .v9-form-summary{display:flex!important;flex-direction:column!important;align-items:center!important;gap:14px!important;margin-top:14px!important;margin-bottom:16px!important}

.hero-v9 .v9-form-summary>.hero-heading-copy{margin:0!important;padding:0!important;font-family:var(--display)!important;font-size:clamp(1.4rem,1.7vw,1.62rem)!important;font-weight:100!important;line-height:1.08!important;letter-spacing:0.015em!important;text-transform:uppercase!important;color:#fff!important;text-align:center!important}

.hero-v9 .v9-form-summary strong{margin:0!important;padding:0!important;font-size:clamp(.88rem,1vw,1rem)!important;line-height:1.35!important;color:#C2242E!important}

.hero-v9 .v9-form-note{display:block!important;margin:12px auto 0!important;max-width:36ch!important;font-size:12px!important;line-height:1.4!important;color:rgba(255,255,255,.82)!important;text-align:center!important}

.hero-v9 .lead-form-v9>.hero-authority{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;margin:12px auto 0!important;padding:0;color:#fff}

.hero-v9 .hero-authority img{display:block;width:70px;height:auto;flex:0 0 auto}

.hero-v9 .hero-authority span{font-size:9px;line-height:1.3;letter-spacing:.045em;text-align:center;text-transform:uppercase;color:rgba(255,255,255,.8)}

.hero-v9 .hero-authority strong{font-size:1.35em!important;color:#fff}

.hero-v9 .form-status{display:block;min-height:16px;margin-top:4px}

#arquitetura .architecture-proof{margin-top:18px!important;font-size:.92rem!important;color:rgba(255,255,255,.72)!important;opacity:1!important;transform:none!important}

.details-awaiting-plan{height:auto!important;min-height:0!important}

.details-awaiting-plan .details-sticky{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;display:block!important;padding-top:clamp(88px,9vw,140px)!important;padding-bottom:clamp(88px,9vw,140px)!important}

.details-awaiting-plan .details-copy{width:min(780px,100%)!important;max-width:780px!important;margin:0 auto!important;opacity:1!important;transform:none!important;text-align:center!important}

.details-awaiting-plan .details-gallery{display:none!important}

.details-awaiting-plan .details-copy p{max-width:62ch!important;margin-inline:auto!important}

@media(max-width:980px){

  .hero-v9 .hero-form-mobile{margin:360px auto 0!important}

  .hero-v9 .hero-form-mobile .lead-form-v9{padding:22px!important}

  .hero-v9 .hero-form-mobile .v9-form-summary{margin-top:14px!important;gap:12px!important;margin-bottom:14px!important}

  .hero-v9 .hero-form-mobile .v9-form-summary .hero-heading-copy{margin:0 auto!important;padding:0!important;font-size:clamp(1.3rem,5.5vw,1.5rem)!important;line-height:1.04!important;max-width:100%!important}

  .hero-v9 .hero-form-mobile .v9-form-summary strong{margin:0!important;padding:0!important}

  .hero-v9 .hero-form-mobile .v9-form-head{min-height:0!important;margin-bottom:0!important;gap:0!important}

  .hero-v9 .hero-form-mobile .v9-form-head>span{font-size:8.5px!important;line-height:1.25!important;max-width:none!important}

  .hero-v9 .hero-form-mobile .v9-form-note{margin-top:10px!important;font-size:11px!important;line-height:1.32!important}

  .hero-v9 .hero-form-mobile .hero-authority{margin-top:9px!important;padding:0;gap:3px}

  .hero-v9 .hero-form-mobile .hero-authority img{width:52px}

  .hero-v9 .hero-form-mobile .hero-authority span{font-size:8px;line-height:1.25}

  #lazer.details-scroll{height:auto!important;margin-top:0!important}

  #lazer .details-sticky{padding-top:110px!important;padding-bottom:32px!important;gap:20px!important}

  #lazer #leisure-title{font-size:clamp(2rem,7.8vw,2.75rem)!important;line-height:1.02!important;margin-bottom:12px!important;text-align:left!important}

  #lazer .leisure-intro{margin:0 0 14px!important;font-size:.95rem!important;line-height:1.5!important;text-align:left!important}

  #lazer .leisure-levels{margin:0 0 16px!important;text-align:left!important}

  #lazer .leisure-levels article{grid-template-columns:1fr;gap:4px;padding:8px 0!important;border-top:1px solid rgba(255,255,255,.12)!important}

  #lazer .leisure-levels strong{font-size:.78rem!important;display:block!important;letter-spacing:.1em!important;color:var(--brand-red-light,#C2242E)!important}

  #lazer .leisure-levels p{font-size:.88rem!important;line-height:1.4!important;color:rgba(255,255,255,.85)!important}

  #lazer .leisure-levels .leisure-sound{padding-top:8px!important;font-size:.82rem!important;line-height:1.4!important;color:rgba(255,255,255,.65)!important}

  #lazer .detail-index{margin-top:12px!important}

}

@media(max-width:600px){

  .hero-v9 .hero-form-mobile{margin:360px auto 0!important}

  .hero-v9 .hero-form-mobile .lead-form-v9{padding:22px!important}

  .hero-v9 .hero-form-mobile .v9-fields label{margin-bottom:11px!important}

  .hero-v9 .hero-form-mobile .lead-form-v9 button{min-height:46px!important}

  #lazer #leisure-title .title-row{white-space:normal!important}

}

@media(prefers-reduced-motion:reduce){#lazer.details-scroll{height:auto!important}}



/* ==========================================================================

   CARROSSEL DE LAZER — 100% IDÊNTICO À SEÇÃO DE BELEZA ORIGINAL (MIX7.ORG)

   ========================================================================== */

#lazer.details-scroll {

  height: 520vh!important;

  position: relative!important;

  background: #020102!important;

}



#lazer .details-sticky {

  height: 100svh!important;

  min-height: 760px!important;

  position: sticky!important;

  top: 0!important;

  display: grid!important;

  grid-template-columns: minmax(360px,.72fr) minmax(0,1.4fr)!important;

  gap: 90px!important;

  align-items: center!important;

  width: var(--shell)!important;

  margin-inline: auto!important;

  padding: 0!important;

}



#lazer .details-copy {

  max-width: 520px!important;

  width: 100%!important;

  text-align: left!important;

  margin: 0!important;

}



#lazer #leisure-title {

  font-family: var(--display)!important;

  font-size: clamp(2.1rem, 2.9vw, 3.3rem)!important;

  font-weight: 200!important;

  line-height: .96!important;

  text-transform: uppercase!important;

  letter-spacing: -.03em!important;

  margin: 0 0 22px!important;

  color: #fff!important;

  text-align: left!important;

  max-width: 440px!important;

}



#lazer #leisure-title .title-row {

  white-space: nowrap!important;

  display: block!important;

}



#lazer .leisure-intro {

  font-size: 1.08rem!important;

  line-height: 1.55!important;

  color: rgba(255, 255, 255, .78)!important;

  max-width: 480px!important;

  margin: 0 0 16px!important;

  text-align: left!important;

}



#lazer .leisure-levels {

  margin: 0 0 20px!important;

  text-align: left!important;

  max-width: 480px!important;

}



#lazer .leisure-levels article {

  padding: 8px 0!important;

  border-top: 1px solid rgba(255, 255, 255, .12)!important;

  display: block!important;

}



#lazer .leisure-levels strong {

  display: block!important;

  font-size: .88rem!important;

  text-transform: uppercase!important;

  letter-spacing: .11em!important;

  color: var(--brand-red-light, #C2242E)!important;

  margin-bottom: 3px!important;

  font-weight: 600!important;

}



#lazer .leisure-levels p {

  font-size: 1.02rem!important;

  line-height: 1.48!important;

  color: rgba(255, 255, 255, .88)!important;

  margin: 0!important;

}



#lazer .leisure-levels .leisure-sound {

  margin-top: 8px!important;

  font-size: .92rem!important;

  line-height: 1.42!important;

  color: rgba(255, 255, 255, .62)!important;

  text-align: left!important;

}



#lazer .detail-index {

  display: flex!important;

  align-items: center!important;

  gap: 13px!important;

  margin-top: 32px!important;

  font-size: .80rem!important;

  color: rgba(255, 255, 255, .6)!important;

  justify-content: flex-start!important;

}



#lazer .detail-index b,

#lazer .detail-index em {

  font-style: normal!important;

  font-weight: 400!important;

  font-family: var(--sans)!important;

}



#lazer .detail-index b {

  color: #fff!important;

}



#lazer .detail-index span {

  width: 110px!important;

  height: 1px!important;

  background: rgba(255, 255, 255, .25)!important;

  position: relative!important;

  overflow: hidden!important;

  display: block!important;

  border-radius: 0!important;

}



#lazer .detail-index span::after {

  content: ""!important;

  position: absolute!important;

  inset: 0!important;

  background: #9F1D26!important;

  transform: scaleX(var(--detail-progress, .2))!important;

  transform-origin: left!important;

}



#lazer .details-gallery {

  position: relative!important;

  height: min(76vh, 820px)!important;

  min-height: 560px!important;

  width: 100%!important;

  max-width: none!important;

  justify-self: stretch!important;

  overflow: hidden!important;

  border-radius: 0!important;

  margin: 0!important;

}



#lazer .details-gallery .detail-shot {

  position: absolute!important;

  margin: 0!important;

  border-radius: 0!important;

  opacity: 0!important;

  visibility: hidden!important;

  clip-path: inset(14% 10%)!important;

  transform: scale(1.08)!important;

  transition: opacity .5s ease, transform .65s ease!important;

  will-change: opacity, clip-path, transform!important;

}



#lazer .details-gallery .detail-shot.is-active {

  opacity: 1!important;

  visibility: visible!important;

  clip-path: inset(0)!important;

  transform: scale(1)!important;

}



/* Insets do original (mix7.org/emplavi) com recuo ergonômico no slide 1 para afastar do texto: */

#lazer .details-gallery .detail-shot:nth-child(1) {

  inset: 3% 0 3% 10%!important;

}



#lazer .details-gallery .detail-shot:nth-child(even) {

  inset: 9% 0 9% 22%!important;

}



#lazer .details-gallery .detail-shot:nth-child(odd):not(:first-child) {

  inset: 6% 18% 6% 4%!important;

}



/* Slide 02 — Galeria Pilotis: imagem panorâmica inteira (1000x355) sem corte e respeitando colunas/bordas */

#lazer .details-gallery .detail-shot:nth-child(2),

#lazer .details-gallery .detail-shot.detail-shot--galeria {

  inset: 0!important;

  margin: auto 0!important;

  height: fit-content!important;

  max-height: 100%!important;

  aspect-ratio: 1000 / 355!important;

  width: 100%!important;

  max-width: 100%!important;

  overflow: hidden!important;

}



#lazer .details-gallery .detail-shot:nth-child(2) picture,

#lazer .details-gallery .detail-shot.detail-shot--galeria picture {

  width: 100%!important;

  height: 100%!important;

  display: block!important;

  transform: none!important;

}



#lazer .details-gallery .detail-shot:nth-child(2) img,

#lazer .details-gallery .detail-shot.detail-shot--galeria img {

  width: 100%!important;

  height: 100%!important;

  aspect-ratio: 1000 / 355!important;

  object-fit: contain!important;

  transform: none!important;

}



#lazer .details-gallery .detail-shot picture,

#lazer .details-gallery .detail-shot img {

  display: block!important;

  width: 100%!important;

  height: 100%!important;

  object-fit: cover!important;

  border-radius: 0!important;

  transform: scale(1.025)!important;

  transition: transform 1.4s cubic-bezier(.2,.75,.2,1)!important;

}



#lazer .details-gallery .detail-shot.is-active img {

  transform: scale(1) !important;

}



#lazer .details-gallery .detail-shot .detail-room-badge {

  position: absolute!important;

  top: 22px!important;

  left: 22px!important;

  background: rgba(14, 14, 18, 0.50)!important;

  backdrop-filter: blur(14px)!important;

  -webkit-backdrop-filter: blur(14px)!important;

  border: 1px solid rgba(255, 255, 255, 0.20)!important;

  color: #ffffff!important;

  font-family: var(--sans, Montserrat, sans-serif)!important;

  font-size: 0.74rem!important;

  font-weight: 600!important;

  letter-spacing: 0.09em!important;

  text-transform: uppercase!important;

  padding: 6px 14px!important;

  border-radius: 999px!important;

  z-index: 10!important;

  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35)!important;

  pointer-events: none!important;

  display: inline-flex!important;

  align-items: center!important;

  line-height: 1!important;

}



#lazer .details-gallery .detail-shot .detail-room-badge::before {

  display: none!important;

  content: none!important;

}



@media (max-width: 980px) {

  .site-header .header-cta {

    display: none!important;

  }

  #lazer.details-scroll {

    height: 480svh!important;

  }

  #lazer .details-sticky {

    position: sticky!important;

    top: 0!important;

    height: 100svh!important;

    min-height: 0!important;

    display: flex!important;

    flex-direction: column!important;

    justify-content: center!important;

    gap: 20px!important;

    padding: 96px 0 24px!important;

    width: var(--shell)!important;

  }

  #lazer .details-copy {

    width: 100%!important;

    max-width: 100%!important;

    flex: 0 0 auto!important;

    text-align: center!important;

  }

  #lazer #leisure-title {

    font-size: clamp(2rem, 7vw, 3rem)!important;

    line-height: 1!important;

    margin-bottom: 8px!important;

    text-align: center!important;

    max-width: 100%!important;

  }

  #lazer #leisure-title .title-row {

    white-space: normal!important;

  }

  #lazer .leisure-intro {

    font-size: .88rem!important;

    line-height: 1.4!important;

    text-align: center!important;

    margin: 0 auto 10px!important;

  }

  #lazer .leisure-levels {

    display: none!important;

  }

  #lazer .detail-index {

    justify-content: center!important;

    margin-top: 10px!important;

  }

  #lazer .details-gallery {

    width: 100%!important;

    flex: 1 1 auto!important;

    height: 44svh!important;

    min-height: 160px!important;

    max-height: 480px!important;

    position: relative!important;

  }

  #lazer .details-gallery .detail-shot {

    display: block!important;

    position: absolute!important;

    inset: 0!important;

    height: 100%!important;

    max-height: none!important;

    margin: 0!important;

    opacity: 0!important;

    visibility: visible!important;

    transform: none!important;

    clip-path: none!important;

    transition: opacity .65s!important;

  }

  #lazer .details-gallery .detail-shot.is-active {

    opacity: 1!important;

  }

  #lazer .details-gallery .detail-shot .detail-room-badge {

    top: 14px!important;

    left: 14px!important;

    font-size: 0.68rem!important;

    padding: 5px 12px!important;

    letter-spacing: 0.07em!important;

  }

  #lazer .details-gallery .detail-shot:nth-child(2),

  #lazer .details-gallery .detail-shot.detail-shot--galeria {

    inset: 0!important;

    margin: auto 0!important;

    height: fit-content!important;

    max-height: 100%!important;

    aspect-ratio: 1000 / 355!important;

    width: 100%!important;

    overflow: hidden!important;

    transform: none!important;

  }

  #lazer .details-gallery .detail-shot:nth-child(2) picture,

  #lazer .details-gallery .detail-shot.detail-shot--galeria picture {

    width: 100%!important;

    height: 100%!important;

    display: block!important;

    transform: none!important;

  }

  #lazer .details-gallery .detail-shot:nth-child(2) img,

  #lazer .details-gallery .detail-shot.detail-shot--galeria img {

    width: 100%!important;

    height: 100%!important;

    aspect-ratio: 1000 / 355!important;

    object-fit: contain!important;

    transform: none!important;

  }

}



/* Seção Planta — Final 03 */

.plant-section{background:#fff!important;color:#17110f;padding:clamp(96px,10vw,160px) 0}

.plant-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:clamp(56px,7vw,120px);align-items:center}

.plant-visual{margin:0;min-width:0}

.plant-image-wrap{

  background:#fff;

  border:1px solid rgba(23,17,15,.12);

  border-radius:6px;

  overflow:hidden;

  box-shadow:0 12px 36px rgba(0,0,0,.06);

  display:flex;

  align-items:center;

  justify-content:center;

  padding:20px;

}

.plant-image-wrap img{

  width:100%;

  height:auto;

  display:block;

  object-fit:contain;

  aspect-ratio:1024/853;

}

.plant-placeholder{aspect-ratio:4/3;min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px;background:#fff;border:1px solid rgba(23,17,15,.16);text-align:center}

.plant-placeholder span,.plant-placeholder small,.plant-visual figcaption{text-transform:uppercase;letter-spacing:.13em}

.plant-placeholder span{font-size:.68rem;color:rgba(23,17,15,.52)}

.plant-placeholder strong{font-family:var(--display);font-size:clamp(2.2rem,3.5vw,4.4rem);font-weight:400;line-height:.95}

.plant-placeholder small{font-size:.65rem;color:rgba(23,17,15,.46)}

.plant-visual figcaption{margin-top:14px;font-size:.65rem;color:rgba(23,17,15,.56)}

.plant-copy{width:100%;max-width:500px;min-width:0;container-type:inline-size}

.plant-copy .section-label{color:rgba(23,17,15,.54)}

.plant-copy h2{margin:28px 0 24px;font-size:clamp(3rem,12cqw,5rem);line-height:.88;letter-spacing:-.045em;text-transform:uppercase}

.plant-copy p{max-width:28ch;font-size:1.05rem;line-height:1.6;color:rgba(23,17,15,.72)}

.plant-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:36px;padding:16px 26px;border-radius:999px;background:#fa5601;color:#0d0e1b;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 4px 18px rgba(250,86,1,.38);transition:transform .25s,background .25s}

.plant-cta:hover{background:#ff6a20;transform:translateY(-2px)}

.plant-cta:active{background:#e04e01;transform:translateY(0)}

@media(max-width:980px){

  .plant-section{padding:72px 0}

  .plant-layout{grid-template-columns:1fr;gap:32px}

  .plant-copy{order:1;max-width:680px;text-align:center;margin-inline:auto}

  .plant-visual{order:2}

  .plant-copy h2{font-size:clamp(2.2rem,8vw,3.2rem)}

  .plant-copy p{margin-inline:auto}

  .plant-placeholder{min-height:0}

}

@media(max-width:600px){

  .plant-section{padding:56px 0}

  .plant-layout{gap:24px}

  .plant-copy h2{margin:16px 0 12px;font-size:clamp(1.85rem,7.5vw,2.35rem)}

  .plant-copy p{font-size:.95rem}

  .plant-cta{width:100%;margin-top:22px;min-height:44px}

  .plant-placeholder{aspect-ratio:4/5;padding:28px 20px}

}

/* FAQ — título editorial, perguntas H3 e preservação do acordeão */

#faq, #cadastro-final, #planta, #lazer, #arquitetura, #metragem, #quadra{scroll-margin-top:84px!important}

.faq .faq-main-title{font-size:clamp(2.4rem,4vw,4.5rem)!important;line-height:1.05!important}

.faq-list summary h3{margin:0;font-family:var(--display);font-size:clamp(1.55rem,2.1vw,2.35rem);font-weight:400;line-height:1.15}

@media(max-width:980px){

  .faq{padding-top:80px!important}

  .faq .faq-main-title{font-size:clamp(1.75rem,5.8vw,2.15rem)!important;line-height:1.15!important;margin:0 auto 24px!important}

  .faq-list summary h3{text-align:left!important;font-size:clamp(1.08rem,4vw,1.3rem)!important}

}



/* Fechamento — padronização do formulário final com o do Hero (Itens 9.2 e 9.3) */

.lead-form-bottom .v9-form-head{gap:0!important;min-height:0!important;margin-bottom:0!important}

.lead-form-bottom .v9-form-head>span{font-size:10px!important;line-height:1.1!important;letter-spacing:.11em!important;white-space:normal!important;text-align:center!important}

.lead-form-bottom .v9-form-summary{display:flex!important;flex-direction:column!important;align-items:center!important;gap:14px!important;margin-top:14px!important;margin-bottom:16px!important}

.lead-form-bottom .v9-form-summary>.hero-heading-copy{margin:0!important;padding:0!important;font-family:var(--display)!important;font-size:clamp(1.65rem,2vw,1.85rem)!important;font-weight:100!important;line-height:1.04!important;letter-spacing:-.025em!important;text-transform:uppercase!important;color:#fff!important;text-align:center!important}

.lead-form-bottom .v9-form-summary strong{margin:0!important;padding:0!important;font-size:clamp(.88rem,1vw,1rem)!important;line-height:1.35!important;text-align:center!important;color:var(--brand-red-light,#C2242E)!important}

.lead-form-bottom .v9-form-note{display:block!important;margin:12px auto 0!important;max-width:36ch!important;font-size:12px!important;line-height:1.4!important;color:rgba(255,255,255,.82)!important;text-align:center!important}

@media(max-width:980px){

  .closing-inner{padding-top:110px!important;margin:0 20px!important}

  .lead-form-bottom{padding:22px!important}

  .lead-form-bottom .v9-form-head{gap:0!important;margin-bottom:0!important}

  .lead-form-bottom .v9-form-summary{gap:12px!important;margin-top:14px!important;margin-bottom:14px!important}

  .lead-form-bottom .v9-form-summary .hero-heading-copy{padding:0!important;font-size:clamp(1.3rem,5.5vw,1.5rem)!important;line-height:1.04!important}

  .lead-form-bottom .v9-form-summary strong{margin:0!important;padding:0!important}

  .lead-form-bottom .v9-form-head>span{font-size:8.5px!important;line-height:1.25!important}

  .lead-form-bottom .v9-form-note{margin-top:10px!important;font-size:11px!important;line-height:1.32!important}

}



/* ==========================================================================

   EFEITOS DOS BOTÕES — IDÊNTICOS AO ORIGINAL MIX7 COM COR VERMELHO ÁGATA

   - Header CTA: pílula translúcida com borda fina Ágata (#9F1D26) e glow sutil

   - Botão de Formulário Superior: pílula sólida em Vermelho Ágata (#9F1D26)

   - Botões de Chamada / Faixas (.solid-cta, .outline-cta, .lead-form-bottom button, .plant-cta):

     fundo translúcido em repouso com borda fina 1px, transição fluida, feixe de luz

     (shimmer ::before a 110deg) e preenchimento gradiente no :hover

   ========================================================================== */



/* Base compartilhada de interatividade e transições suaves */

.header-cta,

.hero-v9 .lead-form-v9 button,

.lead-form-bottom button,

.lead-form button,

.solid-cta,

.outline-cta,

.plant-cta,

.mobile-fixed-cta-btn {

  position: relative!important;

  overflow: hidden!important;

  display: inline-flex!important;

  align-items: center!important;

  justify-content: center!important;

  border-radius: 999px!important;

  text-transform: uppercase!important;

  letter-spacing: .1em!important;

  font-weight: 600!important;

  cursor: pointer!important;

  text-decoration: none!important;

  box-sizing: border-box!important;

  transition: transform .45s cubic-bezier(.2,.8,.2,1), background .35s, color .35s, border-color .35s, box-shadow .45s, opacity .35s!important;

}



/* Feixe de luz deslizante (shimmer beam ::before a 110deg) idêntico ao mix7.org/emplavi */

.header-cta::before,

.hero-v9 .lead-form-v9 button::before,

.lead-form-bottom button::before,

.lead-form button::before,

.solid-cta::before,

.outline-cta::before,

.plant-cta::before,

.mobile-fixed-cta-btn::before {

  content: ""!important;

  position: absolute!important;

  inset: 0!important;

  pointer-events: none!important;

  background: linear-gradient(110deg, transparent 10%, rgba(255, 255, 255, .22) 45%, transparent 70%)!important;

  transform: translateX(-140%)!important;

  transition: transform .75s cubic-bezier(.2, .8, .2, 1)!important;

  z-index: 1!important;

}



.header-cta:hover::before,

.header-cta:focus-visible::before,

.hero-v9 .lead-form-v9 button:hover::before,

.hero-v9 .lead-form-v9 button:focus-visible::before,

.lead-form-bottom button:hover::before,

.lead-form-bottom button:focus-visible::before,

.lead-form button:hover::before,

.lead-form button:focus-visible::before,

.solid-cta:hover::before,

.solid-cta:focus-visible::before,

.outline-cta:hover::before,

.outline-cta:focus-visible::before,

.plant-cta:hover::before,

.plant-cta:focus-visible::before,

.mobile-fixed-cta-btn:hover::before,

.mobile-fixed-cta-btn:focus-visible::before {

  transform: translateX(140%)!important;

}



/* 1. Header CTA: Pílula translúcida com borda fina laranja (#fa5601) idêntica a mix7.org/em */

.header-cta {

  background: rgba(6, 2, 1, 0.12)!important;

  border: 1px solid #fa5601!important;

  color: #ffffff!important;

  padding: 12px 21px!important;

  font-size: 11.2px!important;

  white-space: nowrap!important;

  box-shadow: 0 0 0 1px rgba(250, 86, 1, .08), 0 0 18px rgba(250, 86, 1, .2), inset 0 0 15px rgba(250, 86, 1, .04)!important;

}

.header-cta:hover,

.header-cta:focus-visible {

  background: rgba(250, 86, 1, .09)!important;

  border-color: #fa5601!important;

  color: #ffffff!important;

  box-shadow: 0 0 0 1px rgba(250, 86, 1, .22), 0 0 28px rgba(250, 86, 1, .42), inset 0 0 24px rgba(250, 86, 1, .1)!important;

  transform: translateY(-2px)!important;

}

.header-cta:active {

  transform: translateY(0)!important;

}



/* 2. Formulário Superior Hero (.lead-form-v9 button): Pílula sólida Laranja mix7 */

.hero-v9 .lead-form-v9 button {

  background: #fa5601!important;

  border: 1px solid transparent!important;

  color: #0d0e1b!important;

  padding: 13px 18px!important;

  font-size: 12px!important;

  font-weight: 700!important;

  width: 100%!important;

  min-height: 48px!important;

  margin-top: 18px!important;

  box-shadow: 0 4px 14px rgba(250, 86, 1, .3), 0 2px 6px rgba(0, 0, 0, .18)!important;

}

.hero-v9 .lead-form-v9 button:hover,

.hero-v9 .lead-form-v9 button:focus-visible {

  background: #ff6a20!important;

  color: #0d0e1b!important;

  transform: translateY(-2px)!important;

  box-shadow: 0 10px 24px rgba(250, 86, 1, .4), 0 4px 12px rgba(0, 0, 0, .24)!important;

}

.hero-v9 .lead-form-v9 button:active {

  transform: translateY(0)!important;

  background: #e04e01!important;

}



/* 3. Botões de Chamada translúcidos em repouso (.solid-cta, .outline-cta, .lead-form-bottom button) */

.solid-cta,

.outline-cta {

  background: rgba(255, 255, 255, 0.035)!important;

  border: 1px solid rgba(250, 86, 1, 0.55)!important;

  color: #ffffff!important;

  box-shadow: 0 0 0 rgba(250, 86, 1, 0)!important;

}



.location-copy .outline-cta {

  border: 1px solid rgba(250, 86, 1, 0.72)!important;

  background: rgba(10, 5, 4, 0.34)!important;

  color: #ffffff!important;

}

.location-copy .outline-cta:hover,

.location-copy .outline-cta:focus-visible {

  background: #fa5601!important;

  color: #140603!important;

  border-color: #ff8750!important;

  box-shadow: 0 0 0 1px rgba(255, 173, 126, .2), 0 0 24px rgba(250, 86, 1, .24), 0 12px 28px rgba(0, 0, 0, .24)!important;

}



.solid-cta {

  padding: 14px 24px!important;

  font-size: 11.2px!important;

  white-space: nowrap!important;

}



.outline-cta {

  padding: 14px 24px!important;

  font-size: 11.2px!important;

}



.lead-form-bottom button {

  background: #fa5601!important;

  border: 1px solid transparent!important;

  color: #0d0e1b!important;

  width: 100%!important;

  min-height: 48px!important;

  padding: 14px 18px!important;

  font-size: 11.2px!important;

  font-weight: 700!important;

  margin-top: 18px!important;

  box-shadow: 0 4px 14px rgba(250, 86, 1, .3), 0 2px 6px rgba(0, 0, 0, .18)!important;

}



/* 4. Botão da Seção Planta (.plant-cta): Pílula sólida Laranja mix7 */

.plant-cta {

  background: #fa5601!important;

  border: 1px solid transparent!important;

  color: #0d0e1b!important;

  padding: 15px 28px!important;

  font-size: 11.5px!important;

  font-weight: 700!important;

  margin-top: 28px!important;

  box-shadow: 0 4px 18px rgba(250, 86, 1, .38)!important;

}

.plant-cta:hover,

.plant-cta:focus-visible {

  background: #ff6a20!important;

  color: #0d0e1b!important;

  transform: translateY(-2px)!important;

  box-shadow: 0 10px 26px rgba(250, 86, 1, .48)!important;

}

.plant-cta:active {

  transform: translateY(0)!important;

  background: #e04e01!important;

}



/* Hover e Focus dos botões translúcidos: ganham o preenchimento gradiente Laranja mix7 */

.solid-cta:hover,

.solid-cta:focus-visible,

.outline-cta:hover,

.outline-cta:focus-visible {

  background: linear-gradient(135deg, rgba(250, 86, 1, .92), rgba(255, 138, 66, .96))!important;

  border-color: #ff8a42!important;

  color: #120603!important;

  box-shadow: 0 0 0 1px rgba(255, 172, 120, .28), 0 0 28px rgba(250, 86, 1, .32), 0 18px 34px rgba(0, 0, 0, .22)!important;

  transform: translateY(-2px)!important;

}



.solid-cta:active,

.outline-cta:active {

  transform: translateY(0)!important;

  background: linear-gradient(135deg, rgba(224, 78, 1, 1), rgba(250, 86, 1, 1))!important;

}



/* Botão fixo inferior no mobile */

.mobile-fixed-cta-btn {

  width: 100%!important;

  min-height: 44px!important;

  padding: 10px 14px!important;

  font-size: 10.5px!important;

  background: #fa5601!important;

  border: 1px solid transparent!important;

  color: #0d0e1b!important;

  font-weight: 700!important;

  box-shadow: 0 4px 16px rgba(250, 86, 1, .38)!important;

}

.mobile-fixed-cta-btn:hover {

  background: #ff6a20!important;

}



/* ==========================================================================

   EFEITOS DE LUZ — IDÊNTICOS AO ORIGINAL MIX7 COM TINTA ÁGATA SUTIL

   - Hero: radial sutil (opacity: 0.36, mix-blend-mode: screen)

   - Fechamento: radial suave (opacity: 0.7) com respiração sutil ::after

   ========================================================================== */



/* Luz do Banner Principal (Hero Desktop e Mobile) */

.hero-v9 .hero-pointer-light,

.hero-pointer-light {

  position: absolute!important;

  inset: -10%!important;

  pointer-events: none!important;

  display: block!important;

  background: radial-gradient(circle at var(--pointer-x, 48%) var(--pointer-y, 44%), rgba(255, 180, 185, .15), transparent 34%)!important;

  mix-blend-mode: screen!important;

  opacity: .36!important;

  transition: opacity .5s ease!important;

  z-index: 2!important;

}



.hero-v9:hover .hero-pointer-light,

.hero:hover .hero-pointer-light {

  opacity: .62!important;

}



@media(max-width: 980px) {

  .hero-v9 .hero-mobile-v9 .hero-pointer-light,

  .hero-pointer-light {

    display: block!important;

    inset: 0!important;

    z-index: 7!important;

    opacity: .38!important;

    background: radial-gradient(circle 220px at var(--pointer-x, 50%) var(--pointer-y, 35%), rgba(255, 180, 185, .20), rgba(159, 29, 38, .07) 35%, transparent 75%)!important;

  }

}



/* Luz do Fechamento (Closing) */

.closing-pointer-light {

  position: absolute!important;

  inset: 0!important;

  z-index: 1!important;

  pointer-events: none!important;

  display: block!important;

  mix-blend-mode: screen!important;

  opacity: .7!important;

  background: radial-gradient(ellipse 42% 46% at var(--closing-x, 40%) var(--closing-y, 48%), rgba(255, 180, 185, .20), rgba(159, 29, 38, .08) 38%, transparent 72%)!important;

}



.closing-pointer-light::after {

  content: ""!important;

  position: absolute!important;

  inset: 0!important;

  pointer-events: none!important;

  display: block!important;

  background: radial-gradient(ellipse at 65% 50%, rgba(159, 29, 38, .11), transparent 62%)!important;

  animation: 7s ease-in-out infinite alternate closing-glow-v32!important;

}



@keyframes closing-glow-v32 {

  from { opacity: .25; }

  to { opacity: .75; }

}



/* Canvas de Luz Fluida */

.fluid-light-canvas {

  position: fixed!important;

  inset: 0!important;

  width: 100%!important;

  height: 100%!important;

  z-index: 150!important;

  pointer-events: none!important;

  mix-blend-mode: screen!important;

  filter: blur(1.2px)!important;

  contain: strict!important;

  display: block!important;

}

.fluid-light-canvas.fluid-light-on-paper {

  mix-blend-mode: multiply!important;

  opacity: .62!important;

}



/* Halo sutil no formulário no hover/toque */

.lead-form::after {

  content: ""!important;

  position: absolute!important;

  z-index: 0!important;

  inset: 0!important;

  pointer-events: none!important;

  opacity: 0!important;

  background: radial-gradient(circle 180px at var(--glow-x, 50%) var(--glow-y, 50%), rgba(255, 180, 185, .18), rgba(159, 29, 38, .07) 34%, transparent 72%)!important;

  transition: opacity .42s ease!important;

  mix-blend-mode: screen!important;

}

.lead-form.is-glowing::after {

  opacity: 1!important;

}



.v9-fields .v9-field-optional{position:relative!important;padding:0 0 10px!important;margin-bottom:16px!important;border-bottom:1px solid rgba(255,255,255,.22)!important}

.v9-fields .v9-field-optional span{display:flex!important;justify-content:space-between!important;align-items:baseline!important;font-size:10.5px!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:rgba(255,255,255,.78)!important;margin-bottom:4px!important}

.v9-fields .v9-field-optional span em{font-style:normal!important;font-size:9px!important;letter-spacing:.04em!important;opacity:.6!important;text-transform:lowercase!important}

.v9-fields .v9-field-optional select{width:100%!important;background:transparent!important;border:none!important;color:#fff!important;font-family:var(--body)!important;font-size:14.5px!important;line-height:1.3!important;padding:2px 24px 2px 0!important;outline:none!important;cursor:pointer!important;-webkit-appearance:none!important;appearance:none!important}

.v9-fields .v9-field-optional select option{background:#180806!important;color:#fff!important;padding:8px!important}

.v9-fields .v9-field-optional::after{content:""!important;position:absolute!important;right:4px!important;bottom:18px!important;width:7px!important;height:7px!important;border-right:1.5px solid rgba(255,255,255,.65)!important;border-bottom:1.5px solid rgba(255,255,255,.65)!important;transform:rotate(45deg)!important;pointer-events:none!important}



.decision-marquee-link{display:block!important;text-decoration:none!important;color:inherit!important;cursor:pointer!important}

.decision-marquee-link:hover .decision-marquee{filter:brightness(1.18)!important}



.mobile-fixed-cta{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:999!important;padding:10px 16px max(12px,env(safe-area-inset-bottom))!important;background:rgba(10,3,2,.94)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;border-top:1px solid rgba(255,255,255,.14)!important;transform:translateY(110%)!important;transition:transform .32s cubic-bezier(.2,.8,.2,1)!important;display:none}



/* Item 11.1 e 11.2: Destaques de texto e conveniência */

#convenience-title strong{color:var(--brand-red-light,#C2242E)!important}

.car-wash-pill{border-color:rgba(159,29,38,.4)!important;background:rgba(159,29,38,.08)!important;color:var(--brand-red-light,#C2242E)!important}

.footer-credit a:hover,.footer-credit-mix7 a:hover{color:var(--brand-red-light,#C2242E)!important;text-shadow:0 0 12px rgba(159,29,38,.4)!important}

.hero-two-fallback{color:rgba(159,29,38,.9)!important}





/* Item 12.1: Quebras de imagem em largura total (full-bleed) entre seções */

.location-media,

.closing-media,

.facade-reveal,

.split-image{

  width:100%!important;

  max-width:none!important;

}

.location-media img,

.facade-reveal img,

.split-image img,

.details-gallery .detail-shot img,

.closing-media img{

  width:100%!important;

  max-width:none!important;

  object-fit:cover!important;

}



@media(max-width:980px){

  .hero-v9 .hero-form-mobile .lead-form-v9 button,

  .lead-form-bottom button{font-size:10.5px!important;letter-spacing:.07em!important;min-height:44px!important;padding:10px 14px!important}

  .v9-fields .v9-field-optional{margin-bottom:11px!important;padding-bottom:8px!important}

  .v9-fields .v9-field-optional span{font-size:9px!important}

  .v9-fields .v9-field-optional select{font-size:13.5px!important}

  .v9-fields .v9-field-optional::after{bottom:14px!important}

  .mobile-fixed-cta{display:block!important}

  .mobile-fixed-cta.is-active{transform:translateY(0)!important}

}



/* ==========================================================================

   RODADA 2026-09-15: AJUSTES REFINADOS DO FORMULÁRIO, METRAGEM, SELOS E CONVENIÊNCIA

   ========================================================================== */



/* 1. Topo do formulário: Aumentar e reorganizar cabeçalho (Screenshot 15) */

.hero-v9 .v9-form-head,

.lead-form-bottom .v9-form-head,

.hero-v9 .hero-form-mobile .v9-form-head {

  display: flex!important;

  justify-content: center!important;

  align-items: center!important;

  margin-bottom: 22px!important;

  padding-bottom: 12px!important;

  border-bottom: 1px solid rgba(255, 255, 255, 0.15)!important;

  width: 100%!important;

  min-height: auto!important;

}



.hero-v9 .v9-form-head > span,

.lead-form-bottom .v9-form-head > span,

.hero-v9 .hero-form-mobile .v9-form-head > span {

  font-size: min(12px, 3.2vw) !important;

  letter-spacing: min(0.25em, 0.3vw) !important;

  font-weight: 400 !important;

  color: #ffffff !important;

  text-transform: uppercase !important;

  white-space: nowrap !important;

  text-align: center !important;

  display: block !important;

  width: 100% !important;

  line-height: 1.35 !important;

}



/* 2. Metragem discriminada por tipologias (Screenshot Metragem) */

.measure-typologies {

  display: flex!important;

  flex-direction: column!important;

  gap: 14px!important;

  margin-bottom: 24px!important;

  width: 100%!important;

  max-width: 480px!important;

}



.measure-type-row {

  background: rgba(255, 255, 255, 0.05)!important;

  border: 1px solid rgba(255, 255, 255, 0.12)!important;

  border-radius: 8px!important;

  padding: 14px 18px!important;

  text-align: left!important;

}



.measure-type-row .type-title {

  display: block!important;

  font-size: 1.05rem!important;

  font-weight: 600!important;

  color: #ffffff!important;

  margin-bottom: 4px!important;

  letter-spacing: 0.01em!important;

}



.measure-type-row .type-desc {

  font-size: 0.95rem!important;

  color: rgba(255, 255, 255, 0.85)!important;

  margin: 0!important;

  line-height: 1.4!important;

}



.measure-type-row .type-sep {

  color: var(--brand-red-light, #C2242E)!important;

  margin: 0 6px!important;

  font-weight: bold!important;

}



/* 3. Selo Technogym na academia (Screenshot Academia) */

.gym-technogym-badge {

  position: absolute!important;

  bottom: 24px!important;

  left: 24px!important;

  background: rgba(18, 18, 20, 0.86)!important;

  backdrop-filter: blur(10px)!important;

  -webkit-backdrop-filter: blur(10px)!important;

  border: 1px solid rgba(255, 255, 255, 0.22)!important;

  color: #ffffff!important;

  font-size: 0.80rem!important;

  font-weight: 600!important;

  letter-spacing: 0.08em!important;

  text-transform: uppercase!important;

  padding: 8px 16px!important;

  border-radius: 999px!important;

  z-index: 10!important;

  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.45)!important;

  pointer-events: none!important;

}



/* 4. Rodapé enxuto (Screenshot Rodapé) */

.site-footer .footer-grid {

  display: flex!important;

  justify-content: space-between!important;

  align-items: center!important;

  flex-wrap: wrap!important;

  gap: 24px!important;

}



/* 5. Conveniência: Painéis refinados em glassmorphism de alto padrão para os cards */

.conv-card {

  position: relative!important;

  overflow: hidden!important;

}



/* Painel flutuante de vidro translúcido contido no rodapé */

.conv-card .conv-card-panel {

  position: absolute!important;

  bottom: 14px!important;

  left: 14px!important;

  right: 14px!important;

  top: auto!important;

  padding: 12px 14px!important;

  background: rgba(14, 14, 18, 0.46)!important;

  backdrop-filter: blur(16px)!important;

  -webkit-backdrop-filter: blur(16px)!important;

  border: 1px solid rgba(255, 255, 255, 0.16)!important;

  border-radius: 12px!important;

  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.32)!important;

  color: #ffffff!important;

  text-align: left!important;

  z-index: 5!important;

  pointer-events: none!important;

  box-sizing: border-box!important;

}



/* Painel compacto apenas para os cards que têm somente o identificador */

.conv-card .conv-card-panel.conv-card-panel--compact {

  right: auto!important;

  padding: 6px 14px!important;

  border-radius: 999px!important;

  bottom: 18px!important;

  left: 18px!important;

  background: rgba(14, 14, 18, 0.46)!important;

}



/* Badge identificador do cômodo / subsolo sem bolinha vermelha */

.conv-card .conv-badge {

  display: inline-flex!important;

  align-items: center!important;

  font-family: var(--sans, Montserrat, sans-serif)!important;

  font-size: 0.68rem!important;

  font-weight: 600!important;

  letter-spacing: 0.08em!important;

  text-transform: uppercase!important;

  color: #ffffff!important;

  margin-bottom: 5px!important;

  line-height: 1!important;

}



.conv-card-panel--compact .conv-badge {

  margin-bottom: 0!important;

}



.conv-card .conv-badge::before {

  display: none!important;

  content: none!important;

}



/* Título refinado (proporcional, delicado e sem caixa alta pesada) */

.conv-card .conv-title {

  display: block!important;

  font-family: var(--sans, Montserrat, sans-serif)!important;

  font-size: 0.86rem!important;

  font-weight: 600!important;

  color: #ffffff!important;

  margin: 0 0 4px 0!important;

  line-height: 1.25!important;

  text-transform: none!important;

  letter-spacing: -0.01em!important;

}



/* Descrição suave, elegante e discreta */

.conv-card .conv-desc {

  font-family: var(--sans, Montserrat, sans-serif)!important;

  font-size: 0.72rem!important;

  line-height: 1.38!important;

  color: rgba(255, 255, 255, 0.80)!important;

  margin: 0 0 8px 0!important;

  text-transform: none!important;

  font-weight: 300!important;

}



/* Diferenciais em chips em linha */

.conv-card .conv-chips {

  display: flex!important;

  flex-wrap: wrap!important;

  gap: 5px!important;

  margin-top: 2px!important;

}



.conv-card .conv-chips span {

  display: inline-flex!important;

  align-items: center!important;

  font-family: var(--sans, Montserrat, sans-serif)!important;

  font-size: 0.64rem!important;

  font-weight: 500!important;

  color: rgba(255, 255, 255, 0.92)!important;

  background: rgba(255, 255, 255, 0.08)!important;

  border: 1px solid rgba(255, 255, 255, 0.14)!important;

  border-radius: 999px!important;

  padding: 3px 8px!important;

  line-height: 1!important;

  text-transform: none!important;

  white-space: nowrap!important;

}



@media (max-width: 980px) {

  .conv-card .conv-card-panel {

    bottom: 12px!important;

    left: 12px!important;

    right: 12px!important;

    padding: 10px 12px!important;

    border-radius: 10px!important;

  }

  .conv-card .conv-title {

    font-size: 0.82rem!important;

  }

  .conv-card .conv-desc {

    font-size: 0.70rem!important;

    line-height: 1.32!important;

    margin-bottom: 6px!important;

  }

  .conv-card .conv-chips span {

    font-size: 0.62rem!important;

    padding: 2px 6px!important;

  }

}

/* ==========================================================================

   AJUSTE DO CAMPO SELECT (JÁ MORA NO SUDOESTE)

   ========================================================================== */

.lead-form select {

  display: none !important;

  width: 100% !important;

  border: 0 !important;

  outline: 0 !important;

  background: transparent !important;

  color: #e1e0e0 !important;

  font-size: 16px !important;

  font-family: inherit !important;

  padding: 0 !important; margin: 0 !important; transform: translateY(3px) !important;

  appearance: none !important;

  -webkit-appearance: none !important;

  -moz-appearance: none !important;

  cursor: pointer !important;

  line-height: 1.3 !important;

}



.hero-v9 .lead-form-v9 select {

  min-height: 18px !important;

}



.hero-v9 .hero-form-mobile .lead-form-v9 select {

  font-size: 16px !important;

  min-height: 22px !important;

}



.lead-form-bottom select {

  min-height: 18px !important;

}



/* Custom dropdown options */

.lead-form select option {

  background-color: #4a0d11 !important; /* Dark red Emplavi theme */

  color: #ffffff !important;

  font-size: 16px !important;

  padding: 8px !important;

}



/* Set focus state for select */

.lead-form select:focus {

  border: 0 !important;

  outline: none !important;

  box-shadow: none !important;

}





.v9-field-optional {

  position: relative !important;

}



.v9-field-optional::after {

  content: "" !important;

  position: absolute !important;

  right: 0 !important;

  bottom: 4px !important;

  width: 12px !important;

  height: 12px !important;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;

  background-size: contain !important;

  background-repeat: no-repeat !important;

  pointer-events: none !important;

  opacity: 0.7 !important;

}





/* CUSTOM SELECT COMPONENT */

.custom-select-wrapper {

  position: relative;

  width: 100%;

}

.custom-select-trigger {

  display: block;

  width: 100%;

  color: #e1e0e0;

  font-size: 16px;

  padding: 0;

  margin: 0;

  transform: translateY(3px);

  cursor: pointer;

  line-height: 1.3;

}

.custom-select-trigger.has-value {

  color: #ffffff;

}

.custom-select-options {

  position: absolute;

  top: 100%;

  left: 0;

  right: 0;

  background: #010001; /* Fundo puro do site ou #4a0d11 */

  border: 1px solid rgba(255, 255, 255, 0.15);

  border-radius: 6px;

  margin-top: 12px;

  opacity: 0;

  visibility: hidden;

  transition: all 0.2s ease;

  z-index: 9999;

  overflow: hidden;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);

}

.custom-select-options.open {

  opacity: 1;

  visibility: visible;

  margin-top: 8px; /* Slight animation */

}

.custom-select-option {

  padding: 12px 16px;

  color: #ffffff;

  font-size: 15px;

  cursor: pointer;

  transition: background 0.2s;

}

.custom-select-option:hover,
.custom-select-option.keyboard-active {

  background: #9f1d26; /* Brand red hover instead of native blue */

}





.v9-field-optional {

  z-index: 9999 !important;

}

.custom-select-wrapper {

  z-index: 9999 !important;

}





.v9-fields {

  position: relative !important;

  z-index: 9999 !important;

}





.elementor-button {

  position: relative !important;

  z-index: 1 !important;

}





.v9-fields {

  transform: translateZ(10px) !important;

}

.elementor-button {

  transform: translateZ(0px) !important;

}





@media (max-width: 480px) {

  .hero-v9 .v9-form-head > span,

  .lead-form-bottom .v9-form-head > span,

  .hero-v9 .hero-form-mobile .v9-form-head > span {

    font-size: min(11px, 2.7vw) !important;

    letter-spacing: 0.15em !important;

    white-space: nowrap !important;

    text-align: center !important;

  }

}





.lead-form-bottom button {

  background: #fa5601 !important;

  color: #0d0e1b !important;

  font-weight: 700 !important;

  border-radius: 999px !important;

  border: 0 !important;

  box-shadow: 0 4px 14px rgba(250, 86, 1, .3), 0 2px 6px rgba(0, 0, 0, .18) !important;

  text-transform: uppercase !important;

  padding: 13px 18px !important;

  font-size: 13px !important;

}

.lead-form-bottom button:hover,

.lead-form-bottom button:focus-visible {

  background: #ff6a20 !important;

  color: #0d0e1b !important;

  transform: translateY(-2px) !important;

  box-shadow: 0 10px 24px rgba(250, 86, 1, .4), 0 4px 12px rgba(0, 0, 0, .24) !important;

}

.lead-form-bottom button:active {

  transform: translateY(0) !important;

  background: #e04e01 !important;

}





.v9-form-head {

  display: flex !important;

  justify-content: center !important;

  align-items: center !important;

  width: 100% !important;

  text-align: center !important;

}

.hero-v9 .v9-form-head > span,

.lead-form-bottom .v9-form-head > span,

.hero-v9 .hero-form-mobile .v9-form-head > span {

  text-align: center !important;

  margin: 0 auto !important;

}





/* Ajuste de espaçamento superior e inferior dos botões dos dois formulários */

.hero-v9 .lead-form-v9 button,

.lead-form-bottom button,

.lead-form.elementor-form button[type="submit"] {

  margin-top: 10px !important;

  margin-bottom: 10px !important;

}



/* Ajuste de respiro para o gatilho Selecione em relacao a linha inferior */

.custom-select-trigger {

  padding-bottom: 8px !important;

  transform: none !important;

}

.v9-field-optional::after {

  bottom: 8px !important;

}



/* ==========================================================================

   CALIBRAGEM TIPOGRÁFICA GLOBAL (PARIDADE DE LAYOUT E PESO COM MIX7.ORG/EMPLAVI-V2)

   ========================================================================== */



/* 1. Formulários (Hero e Fechamento) — Headline "Morar melhor é morar no que importa" */

.hero-heading-copy,

.hero-v9 .v9-form-summary > .hero-heading-copy,

.lead-form-bottom .v9-form-summary > .hero-heading-copy,

.hero-v9 .hero-form-mobile .v9-form-summary .hero-heading-copy {

  font-family: var(--display) !important;

  font-size: clamp(1.35rem, 1.62vw, 1.55rem) !important;

  font-weight: 100 !important;

  line-height: 1.08 !important;

  letter-spacing: 0.015em !important;

  text-transform: uppercase !important;

  text-align: center !important;

  margin: 0 auto !important;

  padding: 0 !important;

  max-width: 340px !important;

}

.hero-heading-copy span:first-child,

.hero-heading-copy .hero-heading-accent,

.hero-heading-copy span:last-child {

  color: #ffffff !important;

  font-weight: 100 !important;

}



/* 2. Seção Quadra 500 — "O endereço mais desejado do Sudoeste" (3 linhas perfeitas) */

#location-title,

.location-copy h2 {

  font-family: var(--display) !important;

  font-size: clamp(2.3rem, 3.1vw, 3.6rem) !important;

  font-weight: 200 !important;

  line-height: 0.94 !important;

  letter-spacing: -0.03em !important;

  max-width: 540px !important;

  margin: 24px 0 34px !important;

  color: #f7f4ef !important;

  text-transform: none !important;

}

#location-title span,

.location-copy h2 span {

  display: inline-block !important;

  white-space: nowrap !important;

  font-weight: 200 !important;

}



/* 3. Seção Metragem — "Morar melhor é morar no que importa" */

#measure-title,

.measure-title {

  font-family: var(--display) !important;

  font-size: clamp(3.2rem, 4.8vw, 5.4rem) !important;

  font-weight: 200 !important;

  line-height: 0.9 !important;

  letter-spacing: -0.035em !important;

  text-transform: uppercase !important;

}

.measure-title .measure-serif {

  color: #f7f4ef !important;

  font-weight: 200 !important;

}

.measure-title .measure-accent {

  color: var(--brand-red-light, #C2242E) !important;

  font-weight: 200 !important;

}



/* 4. Seção Arquitetura — "Uma fachada que também é assinatura" */

#architecture-title,

#arquitetura .split-copy h2 {

  font-family: var(--display) !important;

  font-size: clamp(2.3rem, 3.2vw, 3.6rem) !important;

  font-weight: 200 !important;

  line-height: 0.96 !important;

  letter-spacing: -0.03em !important;

  max-width: 460px !important;

  margin: 24px 0 34px !important;

  text-transform: uppercase !important;

  color: #f7f4ef !important;

}



/* 5. Seção Lazer — "Lazer em dois andares da sua rotina" (contido, elegante) */

#lazer #leisure-title,

#lazer .details-copy h2 {

  font-family: var(--display) !important;

  font-size: clamp(2rem, 2.7vw, 3.1rem) !important;

  font-weight: 200 !important;

  line-height: 0.96 !important;

  letter-spacing: -0.03em !important;

  max-width: 440px !important;

  margin: 0 0 22px !important;

  text-transform: uppercase !important;

  color: #ffffff !important;

  text-align: left !important;

}



/* 6. Seção Planta — "O apartamento de 81,84 m²" (2 linhas perfeitas) */

#plant-title,

.plant-copy h2 {

  font-family: var(--display) !important;

  font-size: clamp(2rem, 2.5vw, 3rem) !important;

  font-weight: 200 !important;

  line-height: 1.02 !important;

  letter-spacing: -0.025em !important;

  max-width: none !important;

  text-transform: uppercase !important;

}

#plant-title span,

.plant-copy h2 span {

  display: inline-block !important;

  white-space: nowrap !important;

  font-weight: 200 !important;

}



/* 7. Seção Conveniência — "PENSADO PARA COMO VOCÊ VIVE HOJE" (2 linhas perfeitas e contidas) */

.convenience #convenience-title,

.convenience-head #convenience-title,

.convenience .convenience-head h2,

#convenience-title {

  font-family: var(--display) !important;

  font-size: clamp(1.65rem, 2.1vw, 2.45rem) !important;

  font-weight: 200 !important;

  line-height: 0.98 !important;

  letter-spacing: -0.03em !important;

  text-transform: uppercase !important;

  max-width: 540px !important;

}



.convenience #convenience-title span,

.convenience-head #convenience-title span,

#convenience-title span {

  display: block !important;

  color: #171310 !important;

  font-family: var(--display) !important;

  font-size: inherit !important;

  font-weight: 200 !important;

  line-height: inherit !important;

  letter-spacing: inherit !important;

  white-space: nowrap !important;

}



.convenience #convenience-title em,

.convenience-head #convenience-title em,

#convenience-title em {

  display: block !important;

  color: #9F1D26 !important;

  font-family: var(--display) !important;

  font-size: inherit !important;

  font-weight: 200 !important;

  font-style: normal !important;

  line-height: inherit !important;

  letter-spacing: inherit !important;

  white-space: nowrap !important;

}



/* 8. Seção Dúvidas / FAQ — Título e Acordeões */

#faq-title,

.faq-title-wrap h2 {

  font-family: var(--display) !important;

  font-size: clamp(2.2rem, 3.1vw, 3.5rem) !important;

  font-weight: 200 !important;

  line-height: 0.98 !important;

  letter-spacing: -0.025em !important;

  max-width: 390px !important;

  text-transform: uppercase !important;

  color: #ffffff !important;

}

.faq-list summary h3,

.faq-list summary b {

  font-family: var(--display) !important;

  font-size: clamp(1.25rem, 1.6vw, 1.75rem) !important;

  font-weight: 300 !important;

}



/* 9. Seção Fechamento — "O último lançamento de 2 quartos na Quadra 500 do Sudoeste" */

#closing-title,

.closing-copy h2 {

  font-family: var(--display) !important;

  font-size: clamp(2.1rem, 2.8vw, 3.3rem) !important;

  font-weight: 200 !important;

  line-height: 0.96 !important;

  letter-spacing: -0.03em !important;

  max-width: 460px !important;

  text-transform: none !important;

  color: #f7f4ef !important;

}

#closing-title em {

  font-style: italic !important;

  color: var(--brand-red-light, #C2242E) !important;

  font-weight: 200 !important;

  display: block !important;

  white-space: nowrap !important;

}

#closing-title span {

  display: block !important;

  font-weight: 200 !important;

}



/* 10. Seção Proof — "Se é Emplavi, é único" */

#proof-title,

.proof-shell h2 {

  font-family: var(--display) !important;

  font-size: clamp(2.8rem, 4.2vw, 4.8rem) !important;

  font-weight: 200 !important;

  letter-spacing: -0.03em !important;

  text-transform: none !important;

  color: #ffffff !important;

}



/* 11. Ajustes de Responsividade Mobile (max-width: 980px) */

@media (max-width: 980px) {

  #location-title,

  .location-copy h2 {

    font-size: clamp(2.2rem, 7.8vw, 3.4rem) !important;

    max-width: 10ch !important;

    margin-inline: auto !important;

    text-align: center !important;

  }

  #measure-title,

  .measure-title {

    font-size: clamp(2.4rem, 8.5vw, 4.2rem) !important;

  }

  #architecture-title,

  #arquitetura .split-copy h2 {

    font-size: clamp(1.9rem, 7vw, 3rem) !important;

  }

  #lazer #leisure-title,

  #lazer .details-copy h2 {

    font-size: clamp(1.8rem, 6.5vw, 2.6rem) !important;

    line-height: 1.02 !important;

  }

  #plant-title,

  .plant-copy h2 {

    font-size: clamp(1.7rem, 6vw, 2.6rem) !important;

  }

  /* Conveniência Mobile: Centralização perfeita, sem overflow e proporção harmoniosa */

  .convenience .convenience-head,

  .convenience-head {

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

    justify-content: center !important;

    text-align: center !important;

    width: 100% !important;

    max-width: 100% !important;

    margin: 0 auto !important;

    padding-inline: 20px !important;

    box-sizing: border-box !important;

    gap: 16px !important;

  }



  .convenience .convenience-title-lockup,

  .convenience-title-lockup {

    width: 100% !important;

    max-width: 100% !important;

    margin: 0 auto !important;

    padding: 0 !important;

    text-align: center !important;

  }



  .convenience #convenience-title,

  .convenience-head #convenience-title,

  .convenience .convenience-head h2,

  #convenience-title {

    display: block !important;

    width: 100% !important;

    max-width: none !important;

    margin: 0 auto !important;

    padding: 0 !important;

    text-align: center !important;

    font-family: var(--display) !important;

    font-size: clamp(1.35rem, 5.5vw, 2.05rem) !important;

    font-weight: 200 !important;

    line-height: 1.06 !important;

    letter-spacing: -0.025em !important;

    text-transform: uppercase !important;

  }



  .convenience #convenience-title span,

  .convenience-head #convenience-title span,

  #convenience-title span {

    display: block !important;

    width: 100% !important;

    max-width: none !important;

    margin: 0 auto !important;

    text-align: center !important;

    white-space: nowrap !important;

    color: #171310 !important;

    font-size: inherit !important;

    font-weight: 200 !important;

    letter-spacing: inherit !important;

  }



  .convenience #convenience-title em,

  .convenience-head #convenience-title em,

  #convenience-title em {

    display: block !important;

    width: 100% !important;

    max-width: none !important;

    margin: 4px auto 0 !important;

    text-align: center !important;

    white-space: nowrap !important;

    color: #9F1D26 !important;

    font-style: normal !important;

    font-size: inherit !important;

    font-weight: 200 !important;

    letter-spacing: inherit !important;

  }



  .convenience .convenience-copy-panel,

  .convenience-copy-panel {

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

    justify-content: center !important;

    width: 100% !important;

    max-width: 100% !important;

    margin: 0 auto !important;

    padding: 0 !important;

    text-align: center !important;

  }



  .convenience .convenience-copy-panel p,

  .convenience-copy-panel p {

    display: block !important;

    width: 100% !important;

    max-width: 36ch !important;

    margin: 0 auto !important;

    text-align: center !important;

    font-size: clamp(0.9rem, 3.5vw, 1.02rem) !important;

    line-height: 1.48 !important;

    color: #4a4542 !important;

  }



  .convenience .convenience-pills,

  .convenience-pills {

    display: flex !important;

    flex-wrap: wrap !important;

    justify-content: center !important;

    align-items: center !important;

    gap: 8px !important;

    margin: 16px auto 0 !important;

    width: 100% !important;

  }

  #faq-title,

  .faq-title-wrap h2 {

    font-size: clamp(1.85rem, 6.8vw, 2.8rem) !important;

  }

  #closing-title,

  .closing-copy h2 {

    font-size: clamp(1.9rem, 6.8vw, 2.9rem) !important;

  }

  #closing-title em {

    white-space: normal !important;

  }

  #proof-title,

  .proof-shell h2 {

    font-size: clamp(2.1rem, 7.5vw, 3.4rem) !important;

  }

}

/* --- Validação Visual dos Formulários de Lead --- */
.lead-form input.is-invalid,
.lead-form select.is-invalid {
  border-color: #ff4d4f !important;
  box-shadow: 0 0 0 1px rgba(255, 77, 79, 0.4), 0 0 12px rgba(255, 77, 79, 0.25) !important;
  outline: none !important;
  animation: shakeInput 0.36s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

@keyframes shakeInput {
  10%, 90% { transform: translate3d(-1px, 0, 0); }
  20%, 80% { transform: translate3d(2px, 0, 0); }
  30%, 50%, 70% { transform: translate3d(-3px, 0, 0); }
  40%, 60% { transform: translate3d(3px, 0, 0); }
}

.lead-form .form-status {
  display: block;
  margin-top: 8px;
  font-size: 0.84rem;
  font-style: normal;
  text-align: center;
  transition: all 0.28s ease;
}

.lead-form .form-status.is-error {
  color: #ff7875 !important;
  font-weight: 500;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}

/* Contraste solicitado na auditoria de 22/09; geometria preservada. */
.convenience .section-label,
.convenience-head p {
  color: #130d0b !important;
}
.measure-specs p, .location-copy p, .details-copy p {
  color: rgba(255,255,255,0.85) !important;
}
.custom-select-trigger:focus-visible,
.details-gallery:focus-visible,
.convenience-stage:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}