/* ============================================================
   Estação Botafogo Residencial — landing page (template Apetopia, out/2026)
   Paleta: tirada do próprio book — o laranja-terracota do "e" em forma
   de pin da logo, o carvão dos fundos escuros, a pedra clara das páginas,
   o azul do céu e da enseada de Botafogo e o âmbar do pôr do sol.
   Motivo: as linhas de trajeto com pontos (mapa de metrô) do book.
   ============================================================ */

:root{
  /* ---------- PALETA DE CORES ---------- */
  --charcoal: #2B2927;        /* carvão da logo e dos fundos do book */
  --charcoal-dark: #1E1C1B;   /* carvão profundo — ficha, plantas e rodapé */
  --cream: #F6F1EC;           /* pedra clara */
  --cream-2: #ECE4DC;         /* pedra areia — seções .alt */
  --white: #ffffff;
  --terracotta: #E0703A;      /* laranja do pin "e" — botões e links */
  --terracotta-dark: #B9531F;
  --gold: #F4B04C;            /* âmbar do pôr do sol */
  --leaf: #1C93D1;            /* azul do céu e da enseada de Botafogo */
  --text-main: #2B2927;
  --text-muted: #625A54;
  --border: #E2D6CB;
  --overlay-rgb: 30,28,27;
  /* motivo: trajeto de metrô — linha curva com estações, em laranja bem suave */
  --motivo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='120' viewBox='0 0 160 120'%3E%3Cpath d='M0 30 H70 a30 30 0 0 1 30 30 V120' fill='none' stroke='%23E0703A' stroke-opacity='.10' stroke-width='1.4'/%3E%3Ccircle cx='70' cy='30' r='3' fill='%23E0703A' fill-opacity='.14'/%3E%3Ccircle cx='100' cy='92' r='3' fill='%23E0703A' fill-opacity='.14'/%3E%3C/svg%3E");

  /* ---------- ESTRUTURA ---------- */
  --radius: 14px;
  --shadow: 0 20px 50px -20px rgba(30,28,27,.38);
  --serif: 'Poppins', 'Helvetica Neue', Arial, sans-serif;
  --sans: 'Poppins', 'Helvetica Neue', Arial, sans-serif;
}


*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:var(--sans);color:var(--text-main);background:var(--cream);line-height:1.65;-webkit-font-smoothing:antialiased;font-size:16.5px;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;letter-spacing:-.01em;line-height:1.15;margin:0 0 .5em;color:var(--charcoal-dark);}
h2{position:relative;font-size:clamp(1.65rem,2.7vw,2.15rem);line-height:1.18;}
h3{font-size:1.45rem;}
h4{font-size:1.08rem;}
p{margin:0 0 1em;}
ul{margin:0;padding:0;list-style:none;}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
.skip-link{position:absolute;left:-999px;top:0;background:var(--charcoal);color:#fff;padding:10px 16px;z-index:999;}
.skip-link:focus{left:10px;top:10px;}
.split-text a:not(.btn){color:var(--terracotta-dark);text-decoration:underline;text-underline-offset:3px;}

.eyebrow{font-family:var(--sans);text-transform:uppercase;letter-spacing:.15em;font-size:.86rem;color:var(--terracotta-dark);font-weight:600;margin:0 0 .8em;}
.eyebrow.center{text-align:center;}
.center{text-align:center;}
.section-lead{max-width:720px;margin:0 auto 2.6em;color:var(--text-muted);font-size:1.12rem;}
.section-lead.center{text-align:center;}

/* ---------- botões (tamanho do "Falar com especialista") ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:11px 24px;border-radius:999px;font-family:var(--sans);font-weight:500;font-size:.98rem;letter-spacing:.02em;border:1px solid transparent;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;}
.btn-primary{background:var(--terracotta);color:#fff;}
.btn-primary:hover{background:var(--terracotta-dark);transform:translateY(-1px);box-shadow:0 10px 24px -8px rgba(185,83,31,.5);}
.btn-block{width:100%;}
.btn-whatsapp{background:#25D366;color:#fff;}
.btn-whatsapp:hover{background:#1ebd59;}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:1.6em;}
.cta-row.center{justify-content:center;}

/* ---------- cabeçalho ---------- */
.site-header{position:sticky;top:0;z-index:60;background:rgba(246,241,236,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:78px;}
.logo{display:flex;align-items:center;}
.logo img{height:44px;width:auto;}
.main-nav{display:flex;align-items:center;gap:28px;font-size:.98rem;}
.main-nav a{color:var(--text-main);transition:color .15s;position:relative;padding:4px 0;}
.main-nav a:hover{color:var(--terracotta-dark);}
.main-nav a.nav-cta{background:var(--charcoal);color:#fff !important;padding:11px 24px;border-radius:999px;}
.main-nav a.nav-cta:hover{background:var(--terracotta-dark);}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px;}
.nav-toggle span{width:24px;height:2px;background:var(--charcoal);display:block;}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;color:#fff;display:flex;min-height:600px;}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;}
.hero-overlay{position:absolute;inset:0;}
.hero-inner{position:relative;width:100%;}
.hero h1{font-size:clamp(2.2rem,4vw,3.1rem);line-height:1.12;color:#fff;letter-spacing:-.02em;}
.hero-tagline{font-size:1.3rem;max-width:600px;color:#f3ece6;margin:0;}
.hero .eyebrow{color:#FFB37A;}
.hero .cta-row{justify-content:flex-start;}
.hero-wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:70px;fill:var(--cream);}

/* ---------- formulário ---------- */
.lead-form{position:relative;background:#fff;color:var(--text-main);border-radius:var(--radius);padding:30px 28px;box-shadow:var(--shadow);}
.lead-form h3{font-size:1.4rem;text-align:center;margin-bottom:.8em;}
.field{display:block;margin-bottom:14px;font-size:.95rem;}
.field span{display:block;margin-bottom:5px;font-weight:500;color:var(--charcoal);}
.field input,.field select,.field textarea{width:100%;padding:11px 13px;border:1px solid var(--border);border-radius:9px;font-family:var(--sans);font-size:1.02rem;background:#fff;color:var(--text-main);}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--terracotta);outline-offset:1px;}
.field-row{display:flex;gap:10px;}
.field-ddi{width:110px;flex-shrink:0;}
.field-phone{flex:1;}
.lead-form-privacy{font-size:.75rem;color:var(--text-muted);margin-top:10px;margin-bottom:0;}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.form-status{margin:12px 0 0;padding:12px 14px;border-radius:9px;font-size:.88rem;}
.form-status.ok{background:#e7f6ec;border:1px solid #bfe6cc;color:#1f6b3a;}
.form-status.erro{background:#fbeaea;border:1px solid #efc4c4;color:#8a2222;}
.form-status a{text-decoration:underline;font-weight:600;}

/* ---------- seções ---------- */
.section{padding:96px 0;}
.section.alt{background-color:var(--cream-2);background-image:var(--motivo);background-size:160px 120px;}
.checklist li{position:relative;padding-left:26px;margin-bottom:.6em;color:var(--text-main);text-align:left;font-size:1.02rem;}
.checklist li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;border-radius:50%;background:var(--terracotta);}

.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.split.top{align-items:start;}
.split.reverse .split-media{order:-1;}
.split-text{text-align:left;}
.split-media img{width:100%;height:400px;object-fit:cover;border-radius:18px;box-shadow:var(--shadow);}
.split-media.tall img{height:560px;}
.section-tower .split{margin-bottom:56px;}

.stat-row{margin:3em auto 0;}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:2.4em;}
.trio img{width:100%;height:240px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow);}

/* ficha técnica: rótulo em destaque + valor abaixo, colunas livres */
.spec-card{margin:0 auto;border-radius:18px;}
.ficha{padding:44px 52px 34px;}
.ficha h3{text-align:center;margin-bottom:.4em;font-size:clamp(1.65rem,2.7vw,2.15rem);line-height:1.18;}
.ficha-divider{display:block;width:120px;height:3px;border-radius:2px;background:var(--gold);margin:14px auto 34px;}
.ficha-list{display:block;column-count:3;column-gap:52px;margin:0;}
.ficha-item{break-inside:avoid;display:block;margin:0 0 26px;text-align:left;}
.ficha-item dt{font-weight:600;margin-bottom:4px;}
.ficha-item dd{margin:0;line-height:1.55;}
.ficha-item ul{list-style:disc;padding-left:1.1em;margin:2px 0 0;}
.ficha-item li{margin-bottom:4px;}

/* plantas */
.plans-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:2.4em;}
.plan-card{border-radius:var(--radius);overflow:hidden;text-align:center;transition:transform .2s ease,box-shadow .2s ease;}
.plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
.plan-img{background:#fff;height:190px;display:flex;align-items:center;justify-content:center;padding:18px;}
.plan-img img{width:100%;height:100%;object-fit:contain;}
.plan-body{padding:22px 24px 24px;}
.plan-tag{display:inline-block;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:999px;margin-bottom:12px;font-weight:600;}
.plan-card h3{font-size:1.2rem;}
.plan-area{font-size:1.7rem;font-weight:600;margin-bottom:.4em;}
.plan-card p{font-size:1rem;}

/* lazer */
.amenities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;}

/* FAQ */
.accordion{margin:1.6em 0 0;}
.accordion-item{border-bottom:1px solid var(--border);}
.accordion-trigger{width:100%;text-align:left;background:none;border:0;padding:20px 4px;gap:16px;font-family:var(--serif);font-size:1.05rem;font-weight:500;color:var(--charcoal-dark);display:flex;justify-content:space-between;align-items:center;cursor:pointer;}
.accordion-trigger span{font-family:var(--sans);font-size:1.4rem;color:var(--terracotta);transition:transform .2s;}
.accordion-item.open .accordion-trigger span{transform:rotate(45deg);}
.accordion-panel{max-height:0;overflow:hidden;transition:max-height .25s ease;}
.accordion-panel p{padding:0 4px 18px;color:var(--text-muted);margin:0;font-size:1.04rem;}
.contact-section{background:var(--cream);}
.contact-section .lead-form{position:sticky;top:100px;}

/* rodapé compacto */
.site-footer{background:var(--charcoal-dark);color:#e9e2dc;padding:56px 0 0;}
.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:24px;padding-bottom:40px;}
.footer-logo{height:40px;width:auto;}
.footer-address{color:#b9b1aa;font-size:.9rem;margin:.9em 0 0;}
.footer-responsavel{color:#e9e2dc;font-weight:500;margin:.5em 0 0;font-size:.85rem;}
.footer-nav{display:flex;gap:22px;flex-wrap:wrap;font-size:.9rem;}
.footer-nav a:hover{color:#fff;}

.whatsapp-float{position:fixed;bottom:22px;right:22px;background:#25D366;color:#fff;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 28px -8px rgba(0,0,0,.45);z-index:70;}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease;}
.reveal.in{opacity:1;transform:translateY(0);}

/* ================= responsivo (base) ================= */
@media(max-width:980px){
  .split{grid-template-columns:1fr;gap:32px;}
  .split.reverse .split-media{order:0;}
  .split-media img,.split-media.tall img{height:300px;}
  .amenities-grid{grid-template-columns:1fr 1fr;}
  .ficha-list{column-count:2;}
  .main-nav{gap:18px;}
}
@media(max-width:760px){
  body{font-size:16px;}
  .main-nav{position:fixed;top:78px;left:0;right:0;background:var(--cream);flex-direction:column;align-items:stretch;padding:18px 24px;gap:4px;border-bottom:1px solid var(--border);transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;}
  .main-nav.open{opacity:1;transform:translateY(0);pointer-events:auto;}
  .main-nav a{padding:12px 0;border-bottom:1px solid var(--border);color:var(--text-main) !important;}
  .main-nav a:last-child{border-bottom:none;}
  .main-nav a.nav-cta{text-align:center;margin-top:8px;}
  .nav-toggle{display:flex;}
  .logo img{height:36px;}
  .hero h1{font-size:2rem;}
  .hero-tagline{font-size:1.15rem;}
  .hero-wave{height:40px;}
  .section{padding:64px 0;}
  h2,.ficha h3{font-size:1.5rem;}
  .split-media img,.split-media.tall img{height:220px;}
  .plans-grid,.amenities-grid{grid-template-columns:1fr;}
  .plan-img{height:130px;padding:12px;}
  .trio{grid-template-columns:1fr;gap:10px;}
  .trio img{height:190px;}
  .trio img:nth-child(3){display:none;}
  .ficha{padding:30px 22px 20px;}
  .ficha-list{column-count:1;}
  .ficha-item{margin-bottom:20px;}
  .field-row{flex-direction:column;}
  .field-ddi{width:100%;}
  .lead-form{padding:24px 18px;}
  .contact-section .lead-form{position:static;}
  .site-footer{padding:40px 0 0;}
  .footer-inner{padding-bottom:22px;}
}

/* ===== VARIAÇÕES — Estação Botafogo Residencial =====
   H1 · HB-A · HD (régua lateral) · HD2-2 · S3 · D4 · T2 · F5 · P3 · E1 ·
   L5 · LL3 · M2 · X3 · C3 · FM2 · K2 · R2 · FT2 · BT2 · RD2 */

/* BT2 — botões com cantos de 8 px (tamanho igual) */
.btn,.main-nav a.nav-cta{border-radius:8px;}

/* HD2-2 — cabeçalho transparente sobre a hero, sólido ao rolar */
.site-header{position:fixed;left:0;right:0;background:transparent;border-bottom-color:transparent;backdrop-filter:none;transition:background .25s,border-color .25s;}
.site-header .logo-dark{display:none;}
.site-header:not(.scrolled) .main-nav a:not(.nav-cta){color:#fff;}
.site-header:not(.scrolled) .main-nav a:not(.nav-cta):hover{color:#FFB37A;}
.site-header:not(.scrolled) .main-nav a.nav-cta{background:var(--terracotta);}
.site-header:not(.scrolled) .nav-toggle span{background:#fff;}
.site-header.scrolled{background:rgba(246,241,236,.95);backdrop-filter:blur(8px);border-bottom-color:var(--border);}
.site-header.scrolled .logo-light{display:none;}
.site-header.scrolled .logo-dark{display:block;}

/* H1 — texto à esquerda, degradê só do lado do texto */
.hero{min-height:640px;align-items:center;padding:120px 0 110px;}
.hero-bg{object-position:center 55%;}
.hero-overlay{background:
  linear-gradient(180deg, rgba(var(--overlay-rgb),.42) 0%, rgba(var(--overlay-rgb),0) 20%),
  linear-gradient(90deg, rgba(var(--overlay-rgb),.82) 0%, rgba(var(--overlay-rgb),.6) 32%, rgba(var(--overlay-rgb),.12) 58%, rgba(var(--overlay-rgb),0) 70%);}
.hero-text{max-width:620px;}
/* HD — régua lateral: linha vertical laranja com a estação (ponto) no topo */
.hero-text{position:relative;padding-left:30px;}
.hero-text::before{content:"";position:absolute;left:0;top:10px;bottom:8px;width:3px;border-radius:2px;background:linear-gradient(180deg,var(--terracotta),rgba(224,112,58,.15));}
.hero-text::after{content:"";position:absolute;left:-5px;top:2px;width:13px;height:13px;border-radius:50%;background:var(--terracotta);box-shadow:0 0 0 4px rgba(224,112,58,.25);}
/* HB-A — onda dupla */
.hero-wave{height:72px;}

/* FT2 — linha reta curta abaixo dos títulos */
.center h2::after,h2.center::after,.split-text h2::after,.map-card h2::after{content:"";display:block;width:56px;height:3px;border-radius:2px;background:var(--terracotta);margin:16px auto 0;}
.split-text h2::after,.map-card h2::after{margin:16px 0 0;}
.section.deep h2::after{background:var(--gold);}

/* R2 — fotos dos dois lados com moldura de cor deslocada */
.split-media{position:relative;}
.split-media::before{content:"";position:absolute;inset:18px -18px -18px 18px;border-radius:18px;background:var(--terracotta);opacity:.85;z-index:0;}
.split.reverse .split-media::before{inset:18px 18px -18px -18px;background:var(--leaf);opacity:.8;}
.split-media img{position:relative;z-index:1;}
.split-media.tall::before{background:var(--gold);opacity:.85;}
#sobre .split-media img{height:560px;object-position:center 30%;}

/* S3 — citação do arquiteto */
.quote{margin:1.8em 0 0;padding:4px 0 0 52px;position:relative;}
.quote::before{content:"“";position:absolute;left:0;top:-16px;font-size:4.6rem;line-height:1;color:var(--terracotta);font-weight:600;}
.quote p{font-size:1.08rem;font-style:italic;color:var(--charcoal);margin-bottom:.5em;}
.quote cite{font-style:normal;font-size:.88rem;color:var(--text-muted);font-weight:500;}

/* D4 — grade 2×2 de números dentro da coluna de texto */
.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:1.6em 0 0;}
.stat-grid .stat{background:#fff;border:1px solid var(--border);border-left:4px solid var(--terracotta);border-radius:8px;padding:14px 16px;display:flex;flex-direction:column;gap:2px;}
.stat-grid .stat:nth-child(2){border-left-color:var(--leaf);}
.stat-grid .stat:nth-child(3){border-left-color:var(--gold);}
.stat-grid .stat:nth-child(4){border-left-color:var(--charcoal);}
.stat-grid strong{font-size:clamp(1.3rem,2.1vw,1.6rem);line-height:1.2;color:var(--charcoal-dark);font-weight:600;}
.stat-grid span{font-size:.98rem;color:var(--text-muted);}

/* T2 — uma foto grande à esquerda + duas empilhadas */
.trio{grid-template-columns:2fr 1fr;grid-template-rows:200px 200px;margin-top:4em;}
.trio img{height:100%;}
.trio .tr-big{grid-row:1 / span 2;}

/* F5 — ficha em cartão escuro (carvão, rótulos laranja-âmbar) */
.ficha{background:linear-gradient(150deg,#34312E 0%,#1E1C1B 100%);border:0;box-shadow:var(--shadow);color:#ece6e0;}
.ficha h3{color:#fff;}
.ficha-divider{background:var(--terracotta);height:3px;width:56px;}
.ficha-item dt{color:#FFB37A;}
.ficha-item dd{color:#ece6e0;}
.ficha-item li::marker{color:var(--gold);}

/* E1 — Plantas em degradê escuro diagonal */
.section.deep{background:linear-gradient(135deg,#34312E 0%,#1E1C1B 55%,#3B2418 100%);color:#e9e2dc;}
.section.deep h2,.section.deep h3{color:#fff;}
.section.deep .eyebrow{color:var(--gold);}
.section.deep .section-lead{color:rgba(246,241,236,.82);}

/* P3 — abas por tipologia: planta grande à esquerda, texto à direita (K2 no painel) */
.plan-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 26px;}
.plan-tabs button,.feat-tabs button{font-family:var(--sans);font-size:.92rem;font-weight:500;cursor:pointer;border-radius:8px;padding:9px 16px;transition:background .15s,color .15s,border-color .15s;}
.plan-tabs button{background:rgba(255,255,255,.06);color:#e9e2dc;border:1px solid rgba(255,255,255,.18);}
.plan-tabs button:hover{border-color:var(--gold);}
.plan-tabs button[aria-selected="true"]{background:var(--terracotta);border-color:var(--terracotta);color:#fff;}
.plan-panel{display:grid;grid-template-columns:1.35fr 1fr;gap:0;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-left:4px solid var(--terracotta);border-radius:8px;overflow:hidden;text-align:left;}
.plan-panel[hidden]{display:none;}
.plan-panel .plan-img{background:#fff;height:440px;padding:22px;display:flex;align-items:center;justify-content:center;}
.plan-panel .plan-img img{width:100%;height:100%;object-fit:contain;}
.plan-panel .plan-body{padding:36px 34px;display:flex;flex-direction:column;justify-content:center;}
.plan-panel h3{font-size:1.4rem;}
.plan-panel .plan-tag{background:rgba(255,255,255,.1);color:var(--gold);align-self:flex-start;}
.plan-panel .plan-area{color:#FFB37A;font-size:1.9rem;}
.plan-panel p{color:rgba(246,241,236,.88);}

/* L5 — faixa rolável com 3 fotos visíveis (K2: 8 px + borda lateral na legenda) */
.strip-wrap{position:relative;margin:2.4em 0 2.2em;}
.strip{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 28px)/3);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px;}
.strip::-webkit-scrollbar{display:none;}
.strip figure{margin:0;scroll-snap-align:start;background:#fff;border-radius:8px;overflow:hidden;box-shadow:var(--shadow);}
.strip img{width:100%;height:230px;object-fit:cover;}
.strip figcaption{padding:12px 14px;font-weight:500;font-size:.96rem;border-left:4px solid var(--terracotta);}
.strip figure:nth-child(3n+2) figcaption{border-left-color:var(--leaf);}
.strip figure:nth-child(3n+3) figcaption{border-left-color:var(--gold);}
.strip-btn{position:absolute;top:115px;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:var(--charcoal);font-size:1.8rem;line-height:1;cursor:pointer;box-shadow:0 8px 20px -6px rgba(0,0,0,.35);}
.strip-btn.prev{left:-18px;}
.strip-btn.next{right:-18px;}
.strip-btn:hover{background:var(--terracotta);color:#fff;}

/* LL3 — lista única em chips */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 1.1em;}
.chips li{font-size:.82rem;background:var(--cream-2);border:1px solid var(--border);border-radius:999px;padding:5px 12px;color:var(--charcoal-dark);}
.chips-lazer{justify-content:center;max-width:900px;margin:0 auto;gap:10px;}
.chips-lazer li{font-size:.95rem;padding:8px 16px;background:#fff;}
.chips-lazer li::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;vertical-align:1px;background:var(--terracotta);}
.chips-lazer li.c2::before{background:var(--leaf);}
.chips-lazer li.c3::before{background:var(--gold);}

/* M2 — foto de largura total com cartão sobreposto (à esquerda, sobre a praia e o céu) */
.map-band{position:relative;background:#1E1C1B;overflow:hidden;}
.map-band-img{width:100%;height:700px;object-fit:cover;object-position:60% center;}
.map-band-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-start;pointer-events:none;}
.map-card{pointer-events:auto;width:440px;background:rgba(255,255,255,.9);backdrop-filter:blur(4px);border-radius:16px;padding:26px 26px 22px;box-shadow:0 24px 60px -24px rgba(0,0,0,.55);}
.map-card h2{font-size:1.35rem;}
.map-card p{font-size:.95rem;color:var(--text-main);}
.map-link{font-size:.92rem;font-weight:600;color:var(--terracotta-dark);text-decoration:underline;text-underline-offset:3px;}

/* X3 — abas dos diferenciais ao lado da foto que acompanha a rolagem */
.feat-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:1.4em 0 0;}
.feat-tabs button{background:#fff;color:var(--charcoal);border:1px solid var(--border);}
.feat-tabs button:hover{border-color:var(--terracotta);}
.feat-tabs button[aria-selected="true"]{background:var(--charcoal);border-color:var(--charcoal);color:#fff;}
.feat-panel{background:#fff;border:1px solid var(--border);border-left:4px solid var(--terracotta);border-radius:8px;padding:22px 22px 12px;margin-top:14px;}
.feat-panel[hidden]{display:none;}
.feat-panel p{font-size:1rem;}
.num-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:.4em 0 12px;}
.num-grid div{text-align:center;background:var(--cream);border-radius:8px;padding:12px 6px;}
.num-grid strong{display:block;font-size:1.5rem;font-weight:600;color:var(--terracotta-dark);line-height:1.2;}
.num-grid span{font-size:.88rem;color:var(--text-muted);}
#diferenciais .split-media.tall{position:sticky;top:100px;}
#diferenciais .split-media.tall img{height:620px;object-position:center 20%;}

/* C3 — faixa horizontal com os nomes separados por ponto */
.credit-strip{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:14px 0;max-width:1180px;margin:2.2em auto 0;}
.credit-strip li{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 20px;font-weight:600;font-size:1.02rem;color:var(--charcoal-dark);position:relative;}
.credit-strip li span{font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;color:var(--terracotta-dark);font-weight:600;margin-bottom:4px;}
.credit-strip li + li::before{content:"";position:absolute;left:-4px;bottom:9px;width:8px;height:8px;border-radius:50%;background:var(--terracotta);}

/* FM2 — formulário com faixa de título em cor sólida */
.lead-form{padding:0;overflow:hidden;border-top:0;}
.lead-form h3{margin:0;padding:20px 24px;background:var(--terracotta);color:#fff;font-size:1.25rem;}
.form-fields{padding:24px 28px 26px;}

@media(max-width:980px){
  .map-card{width:400px;}
  #diferenciais .split-media.tall{position:relative;top:0;}
  #diferenciais .split-media.tall img{height:360px;}
  #sobre .split-media img{height:360px;}
  .split-media::before{inset:12px -12px -12px 12px;}
  .split.reverse .split-media::before{inset:12px 12px -12px -12px;}
  .strip{grid-auto-columns:calc((100% - 14px)/2);}
  .plan-panel{grid-template-columns:1fr;}
  .plan-panel .plan-img{height:360px;}
}
@media(max-width:760px){
  .hero{min-height:560px;padding:110px 0 80px;}
  .hero-bg{object-position:30% center;}
  .hero-overlay{background:linear-gradient(180deg, rgba(var(--overlay-rgb),.45) 0%, rgba(var(--overlay-rgb),.55) 45%, rgba(var(--overlay-rgb),.7) 100%);}
  .hero-text{padding-left:22px;}
  #sobre .split-media img{height:240px;}
  .trio{grid-template-columns:1fr 1fr;grid-template-rows:200px 130px;gap:10px;}
  .trio .tr-big{grid-column:1 / span 2;grid-row:auto;}
  .trio img:nth-child(3){display:block;}
  .plan-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;}
  .plan-tabs button{flex:0 0 auto;}
  .plan-panel .plan-img{height:260px;padding:14px;}
  .plan-panel .plan-body{padding:24px 20px;}
  .strip{grid-auto-columns:82%;}
  .strip img{height:200px;}
  .strip-btn{display:none;}
  .map-band{display:flex;flex-direction:column-reverse;background:#fff;}
  .map-band-inner{position:static;display:block;padding:0;}
  .map-band-img{height:240px;object-position:60% center;}
  .map-card{width:auto;border-radius:0;background:#fff;backdrop-filter:none;box-shadow:none;padding:40px 24px 30px;}
  #diferenciais .split-media.tall img{height:260px;}
  .num-grid{grid-template-columns:1fr 1fr;}
  .split-media::before{inset:10px -8px -10px 8px;}
  .split.reverse .split-media::before{inset:10px 8px -10px -8px;}
  .credit-strip{flex-direction:column;align-items:center;gap:18px;}
  .credit-strip li + li::before{left:50%;bottom:auto;top:-13px;margin-left:-4px;}
  .form-fields{padding:20px 18px;}
}