/* ============================================================
   Dr. Anderson Martins — Oftalmologia
   Tema ESCURO ELEGANTE (modelo de referência) — jun 2026
   Navy profundo · serifada clássica · dourado · sálvia (CTA) · azul
   Cirurgia Refrativa · Ceratocone · Transplante de Córnea
   ============================================================ */

:root{
  /* ----- Paleta escura — fundo em tons de azul (ref. caiopina) ----- */
  --bg:#0C2639;           /* fundo da página — azul-marinho */
  --panel:#0E2C44;        /* seção alternada */
  --panel-2:#123451;      /* cards sobre azul */
  --panel-3:#18405E;      /* hover / elevado */
  --line:rgba(201,166,107,.20);  /* divisória dourada sutil */
  --line2:rgba(255,255,255,.09); /* divisória neutra */
  --cream:#ECE7DC;        /* títulos / texto forte */
  --text:#C0CAD2;         /* corpo de texto */
  --muted:#8593A0;        /* legendas / auxiliar */
  --gold:#C9A66B;         /* dourado — eyebrow, monograma, detalhes */
  --gold-2:#DcC293;       /* dourado claro */
  --sage:#5B8F80;         /* verde-sálvia — CTA principal */
  --sage-pf:#4C7A6D;      /* sálvia hover */
  --blue:#2F6A9B;         /* azul — links e card destacado */
  --blue-2:#3D7CB0;       /* azul hover */
  --wa:#1FA463;           /* verde WhatsApp (botão flutuante) */

  /* ----- Tipografia ----- */
  --display:'Marcellus', Georgia, 'Times New Roman', serif;
  --body:'Source Sans 3', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  --ui:'Source Sans 3', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;

  /* ----- Ritmo ----- */
  --pad-x:clamp(26px, 6vw, 84px);
  --max:1180px;
}

*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth; -webkit-text-size-adjust:100%;}

body{
  font-family:var(--body);
  background:var(--bg);
  color:var(--text);
  line-height:1.74;
  font-size:clamp(16px, 1.05vw, 17px);
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}

img{max-width:100%; display:block;}
a{color:inherit;}

::selection{background:rgba(201,166,107,.3); color:var(--cream);}

/* ===== Acessibilidade / foco ===== */
:focus-visible{outline:2px solid var(--gold); outline-offset:3px;}
.skip-link{
  position:absolute; left:-999px; top:0; z-index:2000;
  background:var(--gold); color:#0F1A23;
  padding:12px 20px; font-family:var(--ui); font-size:13px; font-weight:600;
}
.skip-link:focus{left:0;}

/* ===== Utilitários ===== */
.lab{
  font-family:var(--ui); font-size:11px; letter-spacing:3px;
  text-transform:uppercase; font-weight:600; color:var(--gold);
}
.wrap{max-width:var(--max); margin:0 auto;}
.eyebrow{display:flex; align-items:center; gap:14px; margin-bottom:18px;}
.eyebrow .lab{color:var(--gold);}
.eyebrow::after{content:''; flex:1; height:1px; background:var(--line);}
.eyebrow.on-dark .lab{color:var(--gold);}
.eyebrow.on-dark::after{background:var(--line);}

.filete{display:flex; align-items:center; gap:14px; margin:18px 0 6px;}
.filete .ln{height:1px; background:var(--line); flex:1;}
.filete .dot{width:7px; height:7px; background:var(--gold); transform:rotate(45deg); flex:none;}

/* =====================================================
   HEADER / NAV  — escuro translúcido
   ===================================================== */
.site-header{
  position:sticky; top:0; z-index:1000;
  background:rgba(12,38,57,.85);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line2);
  color:var(--cream);
}
.nav{
  max-width:var(--max); margin:0 auto; padding:0 var(--pad-x);
  display:flex; align-items:center; justify-content:space-between;
  min-height:78px; gap:24px;
}
.brand{display:flex; align-items:center; gap:14px; text-decoration:none; color:var(--cream); flex:none;}
.brand .monog{
  width:48px; height:48px; border:1.5px solid var(--gold); border-radius:50%;
  display:flex; align-items:center; justify-content:center; flex-direction:column; flex:none;
}
.brand .monog .am{font-family:var(--display); font-size:19px; line-height:1; color:var(--gold);}
.brand .monog .rl{font-family:var(--ui); font-size:6px; letter-spacing:2px; color:var(--gold); text-transform:uppercase; margin-top:2px;}
.brand .txt .nm{font-family:var(--display); font-size:21px; line-height:1; color:var(--cream); letter-spacing:.3px;}
.brand .txt .sub{font-family:var(--ui); font-size:9px; letter-spacing:2px; text-transform:uppercase; color:var(--gold); margin-top:4px;}

.nav-links{display:flex; align-items:center; gap:28px; list-style:none;}
.nav-links a{
  font-family:var(--ui); font-size:13.5px; letter-spacing:1px; text-transform:uppercase; text-decoration:none; font-weight:600;
  color:var(--text); padding:6px 0; position:relative; transition:color .2s;
}
.nav-links a:hover{color:var(--cream);}
.nav-links a.active{color:var(--gold);}
.nav-links a::after{
  content:''; position:absolute; left:0; right:0; bottom:-2px; height:1.5px;
  background:var(--sage); transform:scaleX(0); transform-origin:left; transition:transform .25s;
}
.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1);}
.nav-links a.nav-cta::after{display:none;}

.nav-cta{
  font-family:var(--ui); font-size:13px; letter-spacing:.8px; text-transform:uppercase; font-weight:600;
  color:#0B1117; background:var(--sage); border:1px solid var(--sage);
  padding:12px 22px; text-decoration:none; border-radius:4px;
  transition:background .2s, transform .2s; flex:none;
}
.nav-cta:hover{background:var(--sage-pf); border-color:var(--sage-pf); transform:translateY(-1px);}

.nav-toggle{display:none; background:none; border:none; cursor:pointer; padding:8px; flex-direction:column; gap:5px; width:42px;}
.nav-toggle span{display:block; height:2px; width:24px; background:var(--cream); border-radius:2px; transition:.3s;}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

@media(max-width:980px){
  .nav-links, .nav > .nav-cta{display:none;}
  .nav-toggle{display:flex;}
  .nav-links.open{
    display:flex; flex-direction:column; align-items:flex-start; gap:0;
    position:absolute; top:78px; left:0; right:0;
    background:var(--bg); padding:8px var(--pad-x) 24px; border-bottom:1px solid var(--line2);
  }
  .nav-links.open li{width:100%; border-bottom:1px solid var(--line2);}
  .nav-links.open a{display:block; padding:16px 0; font-size:14px;}
  .nav-links.open .nav-cta{display:inline-block; margin-top:20px; width:100%; text-align:center;}
  .nav-links.open a.nav-cta{padding:15px 0;}
}

/* =====================================================
   SEÇÕES GENÉRICAS
   ===================================================== */
section{padding:clamp(60px, 8vw, 96px) var(--pad-x); border-bottom:1px solid var(--line2); background:var(--bg);}
.section-creme{background:var(--panel);}
.section-papel{background:var(--bg);}
.section-petroleo{
  background:
    radial-gradient(120% 90% at 85% 8%, rgba(47,106,155,.16) 0%, transparent 50%),
    linear-gradient(160deg, #0E2C44 0%, #081825 70%);
}
.section-petroleo h2, .section-petroleo h3, .section-petroleo strong, .section-petroleo .tit{color:var(--cream);}

h1,h2,h3,h4{font-family:var(--display); font-weight:400; color:var(--cream); letter-spacing:.2px;}

h2.tit{font-size:clamp(30px, 4.4vw, 46px); line-height:1.14; margin-bottom:14px; max-width:20ch;}
.dek{font-family:var(--body); font-weight:400; font-size:clamp(17px, 2vw, 19px); color:var(--muted); max-width:62ch; line-height:1.6; margin-bottom:38px;}
.section-petroleo .dek{color:var(--text);}

p{margin-bottom:16px; max-width:68ch;}
strong{color:var(--cream); font-weight:600;}

h3.sub{font-family:var(--display); font-size:clamp(22px,2.6vw,28px); color:var(--cream); margin:34px 0 8px;}
h5.kicker{font-family:var(--ui); font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--gold); font-weight:600; margin:24px 0 10px;}

ul.feat{list-style:none; margin:18px 0 22px; max-width:68ch;}
ul.feat li{padding:9px 0 9px 28px; position:relative;}
ul.feat li::before{content:''; position:absolute; left:0; top:18px; width:10px; height:1px; background:var(--gold);}

/* =====================================================
   HERO  — escuro, foto-dominante
   ===================================================== */
.hero{
  position:relative; color:var(--cream);
  padding:clamp(70px,9vw,120px) var(--pad-x) clamp(56px,7vw,88px);
  background:
    radial-gradient(130% 100% at 88% 0%, rgba(47,106,155,.22) 0%, transparent 52%),
    linear-gradient(155deg, #0C263901 0%, #081825 72%),
    var(--bg);
  overflow:hidden;
}
.hero::after{
  content:''; position:absolute; inset:0; pointer-events:none;
  background-image:repeating-linear-gradient(90deg, rgba(201,166,107,.04) 0 1px, transparent 1px 64px);
  opacity:.5;
}
.hero .inner{max-width:var(--max); margin:0 auto; position:relative; z-index:2;}
.hero .eyebrow .lab{color:var(--gold);}
.hero .eyebrow::after{background:var(--line);}
.hero h1{
  font-family:var(--display); font-weight:400;
  font-size:clamp(34px, 5.6vw, 60px); line-height:1.1; letter-spacing:.2px;
  color:var(--cream); max-width:20ch; margin-bottom:18px;
}
.hero h1 em{font-style:italic; color:var(--gold-2);}
.hero .crm{font-family:var(--ui); font-size:12.5px; letter-spacing:1.4px; color:var(--gold); font-weight:600; text-transform:uppercase; margin-bottom:18px;}
.hero .lede{font-family:var(--body); font-weight:400; font-size:clamp(17px,2.1vw,19px); color:var(--text); max-width:58ch; line-height:1.62; margin-bottom:22px;}
.hero .micro{color:var(--muted);}
.hero .hero-media{margin-top:8px; position:relative;}

.hero-split{display:grid; grid-template-columns:1.2fr .9fr; gap:clamp(28px,5vw,56px); align-items:center;}
@media(max-width:880px){.hero-split{grid-template-columns:1fr;}}

/* =====================================================
   PLACEHOLDERS DE FOTO (escuros)
   ===================================================== */
.hero-photo, .about-photo, .img-ph{
  position:relative; border:1px solid var(--line); border-radius:10px; overflow:hidden;
  background:
    linear-gradient(180deg, rgba(15,26,35,.25), rgba(10,18,25,.7)),
    repeating-linear-gradient(135deg, #123451 0 16px, #0E2C44 16px 32px);
  color:var(--gold-2); display:flex; align-items:flex-end;
}
.hero-photo{aspect-ratio:4/5; min-height:400px; box-shadow:0 40px 90px -50px #000;}
.hero-photo .cap, .about-photo .cap, .img-ph .cap{
  font-family:var(--ui); font-size:11.5px; line-height:1.5; padding:16px 18px; width:100%;
  background:linear-gradient(0deg, rgba(8,14,20,.9), transparent); color:var(--text);
}
.hero-photo .cap b, .about-photo .cap b, .img-ph .cap b{display:block; font-family:var(--display); font-size:15px; color:var(--gold-2); margin-bottom:3px; letter-spacing:.3px;}
.img-ph.on-light{}
/* quando há foto real dentro do painel */
.hero-photo:has(img), .about-photo:has(img){display:block; background:none;}
.hero-photo img, .about-photo img{width:100%; height:100%; object-fit:cover; display:block;}
.ratio-portrait{aspect-ratio:4/5;}
.ratio-wide{aspect-ratio:16/9;}
.ratio-square{aspect-ratio:1/1;}

/* =====================================================
   BOTÕES
   ===================================================== */
.btn{
  display:inline-flex; align-items:center; gap:10px;
  font-family:var(--ui); font-size:13.5px; letter-spacing:1px; text-transform:uppercase; font-weight:600;
  text-decoration:none; cursor:pointer; border:1px solid transparent; border-radius:4px;
  padding:15px 30px; transition:background .22s, color .22s, border-color .22s, transform .2s;
}
.btn .arrow{text-transform:none; font-size:16px; transform:translateY(-1px);}
/* CTA principal (Agende) — verde-sálvia */
.btn-gold{background:var(--sage); color:#0B1117; border-color:var(--sage);}
.btn-gold:hover{background:var(--sage-pf); border-color:var(--sage-pf); transform:translateY(-2px);}
/* secundária — azul */
.btn-azul{background:var(--blue); color:#fff; border-color:var(--blue);}
.btn-azul:hover{background:var(--blue-2); border-color:var(--blue-2); transform:translateY(-2px);}
/* terciária — contorno dourado (ghost) */
.btn-outline{background:transparent; color:var(--gold-2); border-color:var(--gold);}
.btn-outline:hover{background:var(--gold); color:#0F1A23;}
.btn-ghost-light{background:transparent; color:var(--gold-2); border-color:var(--gold);}
.btn-ghost-light:hover{background:var(--gold); color:#0F1A23;}
.micro{font-family:var(--ui); font-size:13px; letter-spacing:.2px; color:var(--muted); margin-bottom:16px; max-width:52ch;}

.read-more{
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--ui); font-size:12px; letter-spacing:1.4px; text-transform:uppercase; font-weight:600;
  color:var(--gold); text-decoration:none; margin-top:6px;
}
.read-more::after{content:'→'; transition:transform .2s;}
.read-more:hover::after{transform:translateX(4px);}

/* =====================================================
   NÚMEROS DE DESTAQUE NO HERO
   ===================================================== */
.hero-stats{
  display:grid; grid-template-columns:repeat(3,1fr); gap:0;
  margin-top:clamp(36px,5vw,56px); border:1px solid var(--line); border-radius:10px;
  overflow:hidden; background:rgba(18,52,81,.45);
}
.hero-stats .hs{padding:26px 30px; border-right:1px solid var(--line2);}
.hero-stats .hs:last-child{border-right:none;}
.hero-stats .n{font-family:var(--display); font-size:clamp(32px,3.6vw,44px); color:var(--gold-2); line-height:1; letter-spacing:.5px;}
.hero-stats .l{font-family:var(--ui); font-size:11.5px; letter-spacing:1.6px; text-transform:uppercase; color:var(--text); margin-top:12px; font-weight:600;}
@media(max-width:760px){.hero-stats{grid-template-columns:1fr;} .hero-stats .hs{border-right:none; border-bottom:1px solid var(--line2);} .hero-stats .hs:last-child{border-bottom:none;}}

/* =====================================================
   FAIXA DE 3 DESTAQUES
   ===================================================== */
.feature-row{display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:clamp(38px,5vw,58px); border:1px solid var(--line); border-radius:10px; overflow:hidden; background:rgba(26,42,56,.5);}
.feature{padding:clamp(28px,3vw,38px) clamp(24px,2.4vw,34px); border-right:1px solid var(--line2);}
.feature:last-child{border-right:none;}
.feature .ic{width:48px; height:48px; border-radius:10px; border:1px solid var(--line); background:rgba(201,166,107,.07); display:flex; align-items:center; justify-content:center; margin-bottom:18px;}
.feature .ic svg{width:26px; height:26px; stroke:var(--gold); fill:none; stroke-width:1.4;}
.feature h3{font-family:var(--display); font-size:21px; color:var(--cream); margin-bottom:8px;}
.feature p{font-size:14.5px; color:var(--muted); margin:0; max-width:none;}
@media(max-width:880px){.feature-row{grid-template-columns:1fr;} .feature{border-right:none; border-bottom:1px solid var(--line2);} .feature:last-child{border-bottom:none;}}

/* =====================================================
   SOBRE (foto + bio + abas)
   ===================================================== */
.about-grid{display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(30px,5vw,60px); align-items:start; margin-top:8px;}
@media(max-width:880px){.about-grid{grid-template-columns:1fr;}}
.about-photo{aspect-ratio:4/5; position:sticky; top:98px; box-shadow:0 40px 90px -56px #000;}
@media(max-width:880px){.about-photo{position:static; aspect-ratio:16/11;}}

/* espaço reservado para vídeo do YouTube (16:9) nas seções de abertura */
.about-video{aspect-ratio:9/16; width:100%; max-width:320px; margin:0 auto; position:sticky; top:98px; border-radius:14px; overflow:hidden; box-shadow:0 40px 90px -56px #000; background:#0C2639;}
@media(max-width:880px){.about-video{position:static; max-width:300px;}}
.about-video iframe{width:100%; height:100%; display:block; border:0;}
.video-ph{width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; background:radial-gradient(120% 120% at 50% 0%, #123451 0%, #0C2639 72%); border:1px solid var(--line2);}
.video-ph .play{width:64px; height:64px; border-radius:50%; background:rgba(201,166,107,.12); border:1px solid var(--gold); position:relative;}
.video-ph .play::after{content:''; position:absolute; top:50%; left:54%; transform:translate(-50%,-50%); border-style:solid; border-width:11px 0 11px 18px; border-color:transparent transparent transparent var(--gold-2);}
.video-ph .lbl{font-family:var(--ui); font-size:12px; letter-spacing:1.4px; text-transform:uppercase; color:var(--muted);}
.about-body p{font-size:16px;}

.tabs{margin-top:28px;}
.tab-btns{display:flex; flex-wrap:wrap; gap:8px;}
.tab-btns label{
  font-family:var(--ui); font-size:12.5px; font-weight:600; letter-spacing:.8px; text-transform:uppercase; cursor:pointer;
  padding:13px 22px; border:1px solid var(--line); border-radius:6px 6px 0 0; color:var(--muted);
  background:transparent; transition:.2s; border-bottom:none;
}
.tabs input[type=radio]{position:absolute; opacity:0; pointer-events:none;}
.tab-panel{display:none; border:1px solid var(--line); border-radius:0 8px 8px 8px; padding:28px 30px; background:rgba(26,42,56,.6);}
.tabs input#tab-a:checked ~ .tab-btns label[for=tab-a],
.tabs input#tab-b:checked ~ .tab-btns label[for=tab-b]{background:rgba(26,42,56,.6); color:var(--gold-2); border-color:var(--line);}
.tabs input#tab-a:checked ~ #panel-a{display:block;}
.tabs input#tab-b:checked ~ #panel-b{display:block;}
.tab-panel ul{list-style:none; margin:0;}
.tab-panel ul li{padding:8px 0 8px 26px; position:relative; font-size:15px; color:var(--text);}
.tab-panel ul li::before{content:''; position:absolute; left:0; top:16px; width:10px; height:1px; background:var(--gold);}

/* =====================================================
   CARDS DE ESPECIALIDADE (ícone circular)
   ===================================================== */
.svc-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:40px;}
@media(max-width:880px){.svc-grid{grid-template-columns:1fr;}}
.svc-card{border:1px solid var(--line2); border-radius:10px; padding:38px 30px 30px; background:var(--panel-2); text-align:center; transition:transform .25s, border-color .25s, box-shadow .25s;}
.svc-card:hover{transform:translateY(-4px); border-color:var(--line); box-shadow:0 30px 60px -40px #000;}
.svc-card .ic{width:66px; height:66px; border-radius:50%; border:1px solid var(--gold); background:rgba(201,166,107,.08); display:flex; align-items:center; justify-content:center; margin:0 auto 20px;}
.svc-card .ic svg{width:30px; height:30px; stroke:var(--gold-2); fill:none; stroke-width:1.4;}
.svc-card .ek{font-family:var(--ui); font-size:10px; letter-spacing:1.4px; text-transform:uppercase; color:var(--muted); font-weight:600; margin-bottom:8px; display:block;}
.svc-card h3{font-family:var(--display); font-size:25px; color:var(--cream); margin-bottom:12px;}
.svc-card p{font-size:14.5px; color:var(--muted); max-width:none; margin-bottom:18px;}
.svc-card .read-more{justify-content:center;}
.center-cta{display:flex; justify-content:center; margin-top:42px;}

/* =====================================================
   PROVA SOCIAL / NÚMEROS
   ===================================================== */
.stats{display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:30px; border-top:1px solid var(--line);}
.stat{padding:28px 30px 24px; border-right:1px solid var(--line2);}
.stat:last-child{border-right:none;}
.stat .num{font-family:var(--display); font-size:clamp(36px,5vw,54px); line-height:1; color:var(--cream);}
.stat .num small{font-size:.5em; color:var(--gold);}
.stat .lbl{font-family:var(--ui); font-size:11px; letter-spacing:1.4px; text-transform:uppercase; color:var(--gold); margin-top:12px; font-weight:600;}
@media(max-width:680px){.stats{grid-template-columns:1fr;} .stat{border-right:none; border-bottom:1px solid var(--line2);}}

/* depoimentos trio (centro destacado) */
.tcards{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:38px;}
@media(max-width:880px){.tcards{grid-template-columns:1fr;}}
.tcard{border:1px solid var(--line); border-radius:12px; padding:34px 30px 28px; background:var(--panel-2); display:flex; flex-direction:column;}
.tcard.feat{background:var(--blue); border-color:var(--blue); box-shadow:0 34px 70px -40px rgba(47,106,155,.9); transform:translateY(-12px);}
@media(max-width:880px){.tcard.feat{transform:none;}}
.tcard .mk{font-family:var(--display); font-size:54px; line-height:.6; color:var(--gold);}
.tcard.feat .mk{color:rgba(255,255,255,.7);}
.tcard p{font-family:var(--body); font-style:italic; font-size:15px; color:var(--text); margin:18px 0 22px; max-width:none; flex:1;}
.tcard.feat p{color:#fff;}
.tcard .who{display:flex; align-items:center; gap:12px; border-top:1px solid var(--line2); padding-top:16px;}
.tcard.feat .who{border-color:rgba(255,255,255,.25);}
.tcard .mon{width:40px; height:40px; border-radius:50%; border:1px solid var(--gold); display:flex; align-items:center; justify-content:center; font-family:var(--display); font-size:15px; color:var(--gold); flex:none;}
.tcard.feat .mon{border-color:rgba(255,255,255,.6); color:#fff;}
.tcard .who .nm{font-family:var(--display); font-size:16px; color:var(--cream);}
.tcard.feat .who .nm{color:#fff;}
.tcard .who .rl{font-family:var(--ui); font-size:11.5px; color:var(--muted); letter-spacing:.3px;}
.tcard.feat .who .rl{color:rgba(255,255,255,.85);}

/* quotes (variante usada em páginas internas) */
.quotes{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:34px;}
.quote{border:1px solid var(--line); border-radius:12px; padding:28px; background:var(--panel-2);}
.quote .mk{font-family:var(--display); font-style:italic; font-size:42px; color:var(--gold); line-height:.5;}
.quote p{font-family:var(--body); font-style:italic; font-size:15px; color:var(--text); margin:16px 0 16px; max-width:none;}
.quote .who{font-family:var(--ui); font-size:11px; letter-spacing:1.2px; text-transform:uppercase; color:var(--gold);}
@media(max-width:880px){.quotes{grid-template-columns:1fr;}}

/* =====================================================
   RAZÕES (numeradas)
   ===================================================== */
.reasons{margin-top:30px; counter-reset:r; max-width:none;}
.reason{display:grid; grid-template-columns:64px 1fr; gap:clamp(18px,3vw,38px); padding:28px 0; border-top:1px solid var(--line2); align-items:start;}
.reason::before{counter-increment:r; content:counter(r,upper-roman); font-family:var(--display); font-style:italic; font-size:32px; color:var(--gold); line-height:1;}
.reason h4{font-family:var(--display); font-size:23px; color:var(--cream); margin-bottom:6px;}
.reason p{font-size:15.5px; color:var(--text); max-width:64ch; margin:0;}
@media(max-width:680px){.reason{grid-template-columns:1fr; gap:6px;} .reason::before{font-size:27px;}}

/* =====================================================
   TÉCNICAS / PROCESSO (páginas internas)
   ===================================================== */
.tech-list{margin-top:24px;}
.tech{border-left:2px solid var(--gold); padding:6px 0 6px 26px; margin:30px 0; max-width:74ch;}
.tech .nm{font-family:var(--display); font-size:25px; color:var(--cream); margin-bottom:8px;}
.tech .ind{font-family:var(--ui); font-size:12.5px; letter-spacing:.2px; color:var(--muted); margin-top:10px; display:block;}
.tech .ind b{color:var(--gold); font-weight:700; text-transform:uppercase; letter-spacing:1px; font-size:11px;}

.steps{counter-reset:s; margin-top:26px;}
.step{display:grid; grid-template-columns:54px 1fr; gap:24px; padding:22px 0; border-top:1px solid var(--line2); align-items:start;}
.step::before{counter-increment:s; content:counter(s); font-family:var(--display); font-size:24px; color:var(--gold); line-height:1.1; border:1px solid var(--line); border-radius:50%; width:48px; height:48px; display:flex; align-items:center; justify-content:center; background:rgba(201,166,107,.06);}
.step h4{font-family:var(--display); font-size:21px; color:var(--cream); margin-bottom:4px;}
.step p{margin:0; font-size:15.5px; color:var(--text); max-width:64ch;}
@media(max-width:680px){.step{grid-template-columns:1fr; gap:8px;} .step::before{width:44px; height:44px; font-size:21px;}}

ul.criteria{list-style:none; margin:20px 0; max-width:70ch;}
ul.criteria li{padding:10px 0 10px 30px; position:relative; border-bottom:1px solid var(--line2);}
ul.criteria li::before{content:''; position:absolute; left:3px; top:16px; width:11px; height:6px; border-left:1.6px solid var(--sage); border-bottom:1.6px solid var(--sage); transform:rotate(-45deg);}

/* =====================================================
   FAQ
   ===================================================== */
.faq{margin-top:26px; max-width:880px;}
.faq details{border-bottom:1px solid var(--line2);}
.faq summary{font-family:var(--display); font-size:clamp(19px,2.2vw,23px); color:var(--cream); padding:22px 44px 22px 0; cursor:pointer; list-style:none; position:relative; line-height:1.3;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:'+'; position:absolute; right:6px; top:18px; font-family:var(--ui); font-weight:300; font-size:28px; color:var(--gold); transition:transform .25s; line-height:1;}
.faq details[open] summary::after{transform:rotate(45deg);}
.faq .ans{padding:0 0 24px; max-width:74ch;}
.faq .ans p{margin-bottom:12px; color:var(--text);}
.section-petroleo .faq summary{color:var(--cream);}
.section-petroleo .faq details{border-color:var(--line2);}

.faq-split{display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(30px,5vw,56px); align-items:start; margin-top:8px;}
@media(max-width:880px){.faq-split{grid-template-columns:1fr;} .faq-split .about-photo{position:static; aspect-ratio:16/10;}}

/* =====================================================
   CTA FINAL
   ===================================================== */
.cta-final{text-align:left;}
.cta-final .inner{max-width:var(--max); margin:0 auto; position:relative; z-index:2;}
.cta-final h2{font-family:var(--display); font-size:clamp(30px,4vw,44px); color:var(--cream); margin-bottom:14px; max-width:20ch;}
.cta-final .micro{max-width:60ch; margin-bottom:24px; color:var(--muted);}

/* =====================================================
   BLOG
   ===================================================== */
.post-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:28px; margin-top:38px;}
@media(max-width:760px){.post-grid{grid-template-columns:1fr;}}
.post-card{border:1px solid var(--line2); border-radius:10px; background:var(--panel-2); display:flex; flex-direction:column; overflow:hidden; transition:transform .25s, box-shadow .25s;}
.post-card:hover{transform:translateY(-3px); box-shadow:0 26px 50px -36px #000;}
.post-card .thumb{aspect-ratio:16/9; border-radius:0;}
.post-card .body{padding:26px 28px 30px;}
.post-card .meta{font-family:var(--ui); font-size:10.5px; letter-spacing:1.2px; text-transform:uppercase; color:var(--gold); margin-bottom:12px; font-weight:600;}
.post-card h3{font-family:var(--display); font-size:24px; line-height:1.22; color:var(--cream); margin-bottom:10px;}
.post-card h3 a{text-decoration:none;}
.post-card p{font-size:15px; color:var(--muted); max-width:none; margin-bottom:14px;}
.post-card .soon{font-family:var(--ui); font-size:10.5px; letter-spacing:1.2px; text-transform:uppercase; color:var(--muted); font-weight:600;}

.article{max-width:760px; margin:0 auto; padding:clamp(48px,7vw,80px) var(--pad-x) 40px;}
.article .meta{font-family:var(--ui); font-size:12px; letter-spacing:.2px; color:var(--muted); margin-bottom:22px; line-height:1.7;}
.article .meta b{color:var(--gold); font-weight:600;}
.article h1{font-family:var(--display); font-size:clamp(32px,5vw,48px); line-height:1.12; color:var(--cream); margin-bottom:20px;}
.article .lede{font-family:var(--body); font-style:italic; font-size:20px; color:var(--text); margin-bottom:30px; line-height:1.55;}
.article h2{font-family:var(--display); font-size:clamp(25px,3vw,33px); color:var(--cream); margin:40px 0 14px;}
.article p{font-size:17px; line-height:1.8; color:var(--text);}
.article ul.feat li{font-size:16.5px;}
.article .author-box{display:flex; gap:20px; align-items:center; margin-top:46px; padding:24px 26px; border-radius:10px; background:var(--panel-2); border:1px solid var(--line2);}
.article .author-box .av{width:64px; height:64px; border-radius:50%; flex:none;}
.article .author-box .nm{font-family:var(--display); font-size:21px; color:var(--cream);}
.article .author-box .cr{font-family:var(--ui); font-size:12px; letter-spacing:.2px; color:var(--muted); margin-top:3px;}

.crumbs{font-family:var(--ui); font-size:12px; letter-spacing:.2px; color:var(--muted); padding:18px var(--pad-x) 0; max-width:var(--max); margin:0 auto;}
.crumbs a{color:var(--gold); text-decoration:none;}
.crumbs a:hover{text-decoration:underline;}
.crumbs span{margin:0 8px; color:var(--line2);}

/* =====================================================
   CONTATO
   ===================================================== */
.contact-hero{display:grid; grid-template-columns:1fr 1fr; gap:0; margin-top:8px; border:1px solid var(--line); border-radius:12px; overflow:hidden;}
@media(max-width:820px){.contact-hero{grid-template-columns:1fr;}}
.contact-hero .addr{padding:clamp(30px,3.5vw,46px); background:var(--panel-2);}
.contact-hero .addr .loc{display:flex; gap:14px; margin-bottom:24px;}
.contact-hero .addr .loc:last-child{margin-bottom:0;}
.contact-hero .addr .pin{width:38px; height:38px; border-radius:10px; border:1px solid var(--line); background:rgba(91,143,128,.12); display:flex; align-items:center; justify-content:center; flex:none;}
.contact-hero .addr .pin svg{width:20px; height:20px; stroke:var(--sage); fill:none; stroke-width:1.6;}
.contact-hero .addr .nm{font-family:var(--display); font-size:19px; color:var(--cream); margin-bottom:4px;}
.contact-hero .addr .det{font-size:14px; color:var(--text); line-height:1.7;}
.contact-hero .invite{padding:clamp(30px,3.5vw,46px); background:linear-gradient(160deg, #143655, #0A1E2E); display:flex; flex-direction:column; justify-content:center;}
.contact-hero .invite h3{font-family:var(--display); font-size:clamp(23px,2.6vw,30px); color:var(--cream); margin-bottom:8px; max-width:18ch;}
.contact-hero .invite p{font-size:14.5px; color:var(--muted); margin-bottom:22px;}

.contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:0; margin-top:36px; border:1px solid var(--line); border-radius:12px; overflow:hidden;}
@media(max-width:820px){.contact-grid{grid-template-columns:1fr;}}
.contact-grid > div{padding:clamp(28px,3vw,40px); background:var(--panel-2);}
.contact-grid .unit{border-right:1px solid var(--line2);}
@media(max-width:820px){.contact-grid .unit{border-right:none; border-bottom:1px solid var(--line2);}}
.contact-grid .ek{font-family:var(--ui); font-size:10.5px; letter-spacing:1.8px; text-transform:uppercase; color:var(--gold); margin-bottom:10px; font-weight:600;}
.contact-grid h3{font-family:var(--display); font-size:24px; color:var(--cream); margin-bottom:10px;}
.contact-grid .line{display:block; margin:4px 0; font-size:15px; color:var(--text);}
.contact-grid a.tel{color:var(--gold-2); text-decoration:none; border-bottom:1px solid var(--line);}
.map-embed{aspect-ratio:16/9; width:100%; border:1px solid var(--line); border-radius:10px; margin-top:30px; filter:grayscale(.2) brightness(.85);}
.convenios{display:flex; flex-wrap:wrap; gap:12px; margin-top:22px;}
.convenios .pend{font-family:var(--ui); font-size:13px; letter-spacing:.2px; color:var(--muted); border:1px dashed var(--line); border-radius:8px; padding:14px 18px; max-width:60ch;}

/* =====================================================
   FOOTER
   ===================================================== */
.site-footer{background:#081825; color:var(--muted); padding:clamp(48px,6vw,64px) var(--pad-x) 40px; font-family:var(--ui); font-size:13.5px; line-height:1.8;}
.site-footer .grid{max-width:var(--max); margin:0 auto; display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:40px;}
@media(max-width:760px){.site-footer .grid{grid-template-columns:1fr; gap:30px;}}
.site-footer .mono{font-family:var(--display); font-size:30px; color:var(--gold);}
.site-footer h4{font-family:var(--ui); font-size:11px; letter-spacing:1.8px; text-transform:uppercase; color:var(--cream); margin-bottom:14px; font-weight:600;}
.site-footer a{color:var(--muted); text-decoration:none;}
.site-footer a:hover{color:var(--gold-2);}
.site-footer ul{list-style:none;}
.site-footer ul li{margin:7px 0;}
.ig-link{display:inline-flex; align-items:center; gap:9px; text-decoration:none; color:var(--gold-2);}
.ig-link:hover{color:var(--gold);}
.ig-link svg{width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; flex:none;}
.ig-link svg .dot{fill:currentColor; stroke:none;}
.site-footer .ig-link{color:var(--muted);}
.site-footer .ig-link:hover{color:var(--gold-2);}
.site-footer .lin{height:1px; background:var(--line2); margin:34px auto 20px; max-width:var(--max);}
.site-footer .legal{max-width:var(--max); margin:0 auto; font-size:11.5px; color:#6A7783; line-height:1.7;}
.site-footer .legal strong{color:var(--text);}

/* =====================================================
   WHATSAPP FLUTUANTE
   ===================================================== */
.wa-float{position:fixed; right:clamp(16px,3vw,28px); bottom:clamp(16px,3vw,28px); z-index:1500; display:inline-flex; align-items:center; gap:10px; text-decoration:none; background:var(--wa); color:#fff; border:none; padding:14px 22px 14px 18px; border-radius:40px; box-shadow:0 16px 38px -14px rgba(31,164,99,.7); font-family:var(--ui); font-size:14px; letter-spacing:.3px; font-weight:600; transition:transform .2s, background .2s;}
.wa-float:hover{transform:translateY(-2px); background:#168552;}
.wa-float svg{width:24px; height:24px; flex:none; fill:#fff;}
.wa-float .lbl-full{display:inline;}
@media(max-width:560px){.wa-float{padding:15px; border-radius:50%;} .wa-float .lbl-full{display:none;}}

/* =====================================================
   SEÇÕES CLARAS — fundo branco, texto escuro, sem dourado
   (azul substitui o dourado para contraste no branco)
   ===================================================== */
.section-light{background:#FFFFFF; border-bottom:1px solid #E3E9EF;}
.section-light .lab{color:#1E4E86;}
.section-light .eyebrow::after{background:#E3E9EF;}
.section-light h1,.section-light h2,.section-light h3,.section-light h4,
.section-light h2.tit,.section-light h3.sub,.section-light .tit{color:#1B2A36;}
.section-light .dek{color:#5A6675;}
.section-light p{color:#3A4654;}
.section-light strong{color:#1B2A36;}
.section-light h5.kicker{color:#1E4E86;}
.section-light ul.feat li{color:#3A4654;}
.section-light ul.feat li::before{background:#1E4E86;}

/* cards de especialidade — fundo azul-marinho escuro */
.section-light .svc-card{background:#0C2639; border-color:#1E4E86; box-shadow:0 22px 48px -30px rgba(12,38,57,.55);}
.section-light .svc-card:hover{border-color:var(--gold); box-shadow:0 30px 58px -32px rgba(12,38,57,.7);}
.section-light .svc-card .ic{border-color:var(--gold); background:rgba(201,166,107,.12);}
.section-light .svc-card .ic svg{stroke:var(--gold-2);}
.section-light .svc-card .ek{color:#9FB3C4;}
.section-light .svc-card h3{color:#ECE7DC;}
.section-light .svc-card p{color:#C0CAD2;}
.section-light .svc-card .read-more{color:var(--gold-2);}
.section-light .read-more{color:#1E4E86;}

/* técnicas / tratamentos */
.section-light .tech{background:#0C2639; border:1px solid #1E4E86; border-left:3px solid var(--gold); border-radius:10px; padding:24px 28px; box-shadow:0 22px 48px -32px rgba(12,38,57,.5);}
.section-light .tech .nm{color:#ECE7DC;}
.section-light .tech p{color:#C0CAD2;}
.section-light .tech .ind{color:#9FB3C4;}
.section-light .tech .ind b{color:var(--gold);}

/* steps / criteria (se houver) */
.section-light .step{border-top-color:#E3E9EF;}
.section-light .step::before{border-color:#E3E9EF; background:#EAF1F9; color:#1E4E86;}
.section-light .step h4{color:#1B2A36;}
.section-light .step p{color:#3A4654;}
.section-light ul.criteria li{border-bottom-color:#E3E9EF;}
.section-light ul.criteria li::before{border-color:#1E4E86;}

/* FAQ */
.section-light .faq details{border-bottom-color:#E3E9EF;}
.section-light .faq summary{color:#1B2A36;}
.section-light .faq summary::after{color:#1E4E86;}
.section-light .faq .ans p{color:#3A4654;}

@media(prefers-reduced-motion:reduce){
  *{animation:none !important; transition:none !important; scroll-behavior:auto !important;}
}

/* fachada de vídeo (capa do YouTube + botão de play) */
.about-video .lite-yt{display:block; width:100%; height:100%; padding:0; border:0; cursor:pointer; position:relative; background:#0C2639 center/cover no-repeat; overflow:hidden;}
.about-video .lite-yt::after{content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(12,38,57,.10) 0%, rgba(12,38,57,.44) 100%);}
.about-video .lite-yt-play{position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%); width:72px; height:72px; border-radius:50%; background:rgba(12,38,57,.55); border:1.5px solid var(--gold-2); transition:transform .2s, background .2s;}
.about-video .lite-yt-play::after{content:''; position:absolute; top:50%; left:55%; transform:translate(-50%,-50%); border-style:solid; border-width:13px 0 13px 21px; border-color:transparent transparent transparent #fff;}
.about-video .lite-yt:hover .lite-yt-play{transform:translate(-50%,-50%) scale(1.06); background:rgba(201,166,107,.30);}
.about-video iframe{width:100%; height:100%; display:block; border:0;}

/* seção "Por que o Dr. Anderson" — vídeo à esquerda + texto à direita */
.why-grid{display:grid; grid-template-columns:minmax(0,340px) 1fr; gap:clamp(28px,5vw,60px); align-items:start; margin-top:8px;}
.why-grid .reasons{margin-top:22px;}
@media(max-width:880px){.why-grid{grid-template-columns:1fr;}}