/* Layout: padrão da casa (marca no topo, título serviço+cidade, 2 CTAs, credenciais em linha, retrato grande) com 3 aberturas alternáveis; abaixo, home completa. Direção C refinada: petróleo profundo + areia, sem serifa. */
:root{
  color-scheme: light;
  --bg:#FFFFFF; --bg-2:#F4F1EC; --areia:#E8DCCB; --areia-clara:#F3ECE2; --fg:#0D2624; --muted:#4A615F;
  --petroleo:#0F5A55; --petroleo-escuro:#0A2B29; --noite:#081614; --linha:#DCE4E2; --on-dark:#EEF6F4; --on-dark-2:#A9C2BE;
  --zap:#1FAF54;
  --f-display:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
  --f-body:"Source Sans 3", "Segoe UI", system-ui, sans-serif;
  --r:16px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font:400 1.06rem/1.62 var(--f-body)}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--f-display);font-weight:600;line-height:1.08;letter-spacing:-.015em;text-wrap:balance;margin:0}
p{margin:0}
:focus-visible{outline:3px solid var(--petroleo);outline-offset:3px}
.wrap{max-width:1140px;margin:0 auto;padding-inline:22px}
.pend{background:#FCEBB6;border-bottom:1px dashed #B7791F;color:#3B2A05;padding:0 4px;border-radius:3px;font-size:.9em;white-space:nowrap}

/* marca */
.marca{display:flex;align-items:center;gap:12px;text-decoration:none}
.marca svg{flex:none}
.marca b{display:block;font-family:var(--f-display);font-weight:600;font-size:1.12rem;letter-spacing:-.01em;line-height:1.1}
.marca small{display:block;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.dark .marca small{color:var(--on-dark-2)}

/* botões */
.bts{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.bt{display:inline-flex;align-items:center;gap:10px;padding:15px 24px;border-radius:12px;font:700 1rem var(--f-body);text-decoration:none;border:1.5px solid transparent;transition:transform .2s ease, background .2s ease}
.bt:hover{transform:translateY(-1px)}
.bt-zap{background:var(--petroleo);color:#fff}
.bt-zap:hover{background:var(--petroleo-escuro)}
.bt-sec{border-color:currentColor;color:var(--fg)}
.dark .bt-zap{background:var(--areia);color:var(--noite)}
.dark .bt-sec{color:var(--on-dark)}
.creds{display:flex;flex-wrap:wrap;gap:8px 20px;margin:26px 0 0;padding:0;list-style:none;font-size:.92rem;color:var(--muted)}
.creds li{display:flex;align-items:center;gap:8px}
.creds li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--petroleo)}
.dark .creds{color:var(--on-dark-2)}
.dark .creds li::before{background:var(--areia)}

/* ===== ABERTURA 1 · retrato (padrão da casa) ===== */
.h1-wrap{padding-block:34px 70px}
.h1-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;margin-top:44px}
.h1-grid > *{min-width:0}
.hero h1{font-size:clamp(2.4rem,5.2vw,3.9rem)}
.hero h1 em{font-style:normal;color:var(--petroleo)}
.lead{font-size:1.18rem;color:var(--muted);margin-top:18px;max-width:31em}
.retrato{position:relative;justify-self:end;width:min(100%,460px)}
.retrato .moldura{border-radius:230px 230px var(--r) var(--r);overflow:hidden;background:var(--petroleo-escuro);aspect-ratio:5/6}
.retrato img{width:100%;height:100%;object-fit:cover;object-position:50% 12%}
.retrato .selo{position:absolute;left:-28px;bottom:34px;z-index:2;background:var(--petroleo-escuro);border-radius:14px;padding:14px 18px 14px 16px;box-shadow:0 16px 40px rgba(8,22,20,.28);max-width:250px;font-size:.9rem;line-height:1.35;color:var(--on-dark-2);border-left:4px solid var(--areia)}
.retrato .selo b{display:block;font-family:var(--f-display);font-size:1.6rem;color:var(--areia);line-height:1.05;margin-bottom:4px}
@media (max-width:820px){.h1-grid{grid-template-columns:1fr;gap:36px;margin-top:28px}.retrato{justify-self:center}.retrato .selo{left:8px}}

/* ===== ABERTURA 2 · escuro com a pelve ===== */
.hero-2{background:linear-gradient(90deg,#0B302D 0%,#071513 48%,#000 78%);color:var(--on-dark)}
.h2-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end;padding-top:40px}
.h2-grid > *{min-width:0}
.h2-txt{padding-bottom:72px}
.hero-2 h1{font-size:clamp(2.3rem,5vw,3.7rem);color:#fff}
.hero-2 .lead{color:var(--on-dark-2)}
.hero-2 blockquote{margin:30px 0 0;padding-left:18px;border-left:3px solid var(--areia);font-family:var(--f-display);font-size:1.3rem;font-weight:500;color:#fff;max-width:24em}
.hero-2 blockquote span{display:block;font:400 .88rem var(--f-body);color:var(--on-dark-2);margin-top:6px}
.h2-foto{justify-self:end;width:min(100%,430px)}
.h2-foto img{width:100%;-webkit-mask-image:radial-gradient(ellipse 62% 70% at 55% 42%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 62% 70% at 55% 42%,#000 62%,transparent 100%)}
@media (max-width:820px){.h2-grid{grid-template-columns:1fr}.h2-txt{padding-bottom:10px}.h2-foto{justify-self:center;max-width:340px}}

/* ===== ABERTURA 3 · o que você sente ===== */
.hero-3{background:var(--bg-2)}
.h3-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;margin-top:44px;padding-bottom:72px}
.h3-grid > *{min-width:0}
.h3-quem{display:flex;align-items:center;gap:16px;margin-top:30px}
.h3-quem img{width:84px;height:84px;border-radius:50%;object-fit:cover;object-position:50% 10%;background:var(--petroleo-escuro)}
.h3-quem p{font-size:.95rem;color:var(--muted);line-height:1.4}
.h3-quem b{color:var(--fg)}
.sente{background:#fff;border-radius:20px;padding:26px;box-shadow:0 10px 40px rgba(8,22,20,.07)}
.sente h2{font-size:1.25rem;margin-bottom:14px}
.sente ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sente a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--linha);border-radius:12px;text-decoration:none;font-weight:600;transition:border-color .2s, background .2s}
.sente a:hover{border-color:var(--petroleo);background:#F2F8F7}
.sente a span{color:var(--muted);font-weight:400;font-size:.9rem}
.sente a::after{content:"→";color:var(--petroleo);font-weight:700}
@media (max-width:820px){.h3-grid{grid-template-columns:1fr;gap:30px;margin-top:28px}}


/* fundos do retrato (escolha na barra) */
.retrato .moldura{position:relative;isolation:isolate}
.retrato .moldura img{position:relative;z-index:1;object-fit:contain;object-position:50% 100%}
.moldura[data-f="a"]{background:linear-gradient(180deg,#EFE5D7 0%,#E3D4BF 100%)}
.moldura[data-f="b"]{background:radial-gradient(70% 55% at 50% 36%,#1D736C 0%,#0E4440 45%,#0A2B29 100%)}
.moldura[data-f="c"]{background:#DCD3C8 url("/midia/consultorio-desfoque.webp?v=1") center/cover}
.moldura[data-f="c"]::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(10,43,41,.25));z-index:0}
.moldura[data-f="d"]{background:#F4F1EC;overflow:visible!important;border-radius:230px 230px var(--r) var(--r)}
.moldura[data-f="d"]::before{content:"";position:absolute;width:78%;aspect-ratio:1;border-radius:50%;left:11%;top:6%;background:var(--areia);z-index:0}
.moldura[data-f="d"]::after{content:"";position:absolute;inset:-14px 14px 14px -14px;border:1.5px solid var(--petroleo);border-radius:230px 230px var(--r) var(--r);z-index:-1}

/* ===== faixa de credenciais ===== */
.faixa{border-block:1px solid var(--linha);background:#fff}
.faixa ul{list-style:none;margin:0 auto;padding:22px;max-width:1140px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.faixa li{display:grid;gap:2px;padding-left:16px;border-left:2px solid var(--areia)}
.faixa b{font-family:var(--f-display);font-size:1.35rem;line-height:1.1}
.faixa span{font-size:.88rem;color:var(--muted)}
@media (max-width:820px){.faixa ul{grid-template-columns:repeat(2,1fr)}}

/* ===== seções ===== */
.sec{padding-block:84px}
.sec-alt{background:var(--bg-2)}
.sec-dark{background:var(--petroleo-escuro);color:var(--on-dark)}
.cab{display:grid;gap:12px;margin-bottom:40px}
.cab > *{min-width:0}
.cab h2{font-size:clamp(1.9rem,3.6vw,2.7rem)}
.cab p{color:var(--muted);max-width:44em}
.sec-dark .cab p{color:var(--on-dark-2)}


/* tratamentos */
.trat{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.trat a{display:flex;flex-direction:column;gap:8px;padding:24px;border:0;border-top:4px solid var(--petroleo);border-radius:var(--r);text-decoration:none;background:var(--areia-clara);min-width:0;transition:background .25s, color .25s, transform .2s}
.trat a:nth-child(3n+2){border-top-color:#C9A27A}
.trat a:nth-child(3n){border-top-color:#5E8F8A}
.trat a:hover{background:var(--petroleo);color:var(--on-dark);transform:translateY(-2px)}
.trat a:hover p{color:var(--on-dark-2)}
.trat a:hover .ver{color:var(--areia)}
.trat h3{font-size:1.18rem}
.trat p{color:var(--muted);font-size:.97rem}
.trat .ver{margin-top:auto;padding-top:6px;color:var(--petroleo);font-weight:700;font-size:.92rem}
@media (max-width:900px){.trat{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.trat{grid-template-columns:1fr}}

/* tese */
.tese-q{font-family:var(--f-display);font-size:clamp(2rem,4.4vw,3.3rem);font-weight:600;line-height:1.08;max-width:17em;color:#fff}
.tese-q + p{margin-top:14px;color:var(--on-dark-2)}
.pontos{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px}
.pontos div{border-top:1px solid #2C5552;padding-top:18px;min-width:0}
.pontos h3{font-size:1.2rem;color:#fff}
.pontos p{color:var(--on-dark-2);margin-top:8px;font-size:.98rem}
@media (max-width:820px){.pontos{grid-template-columns:1fr}}

/* consulta */
.consulta{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:center}
.consulta > *{min-width:0}
.consulta img{border-radius:var(--r);aspect-ratio:4/3;object-fit:cover;width:100%;height:auto}
.passos{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:22px;counter-reset:p}
.passos li{display:grid;grid-template-columns:46px 1fr;gap:16px;counter-increment:p}
.passos li::before{content:counter(p);display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--areia);font-family:var(--f-display);font-weight:600;font-size:1.15rem}
.passos b{display:block;font-size:1.06rem}
.passos span{color:var(--muted)}
@media (max-width:820px){.consulta{grid-template-columns:1fr;gap:30px}}

/* vídeos */
.videos{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.videos a{text-decoration:none;display:grid;gap:10px;min-width:0}
.videos .thumb{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/9;background:#000}
.videos .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.videos a:hover .thumb img{transform:scale(1.04)}
.videos .thumb::after{content:"";position:absolute;inset:auto auto 10px 10px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.92) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7v10l8-5z' fill='%230F5A55'/%3E%3C/svg%3E") center/22px no-repeat}
.videos b{font-size:1rem;line-height:1.3}
.videos span{font-size:.86rem;color:var(--muted)}
.yt{display:flex;align-items:center;gap:14px;margin-top:34px;color:var(--muted);font-size:.98rem}
.yt b{font-family:var(--f-display);font-size:1.6rem;color:var(--fg)}
@media (max-width:900px){.videos{grid-template-columns:repeat(2,1fr)}}

/* sobre */
.sobre{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.sobre > *{min-width:0}
.sobre .foto{border-radius:var(--r);overflow:hidden;background:var(--petroleo-escuro);aspect-ratio:4/5;position:sticky;top:24px}
.sobre .foto img{width:100%;height:100%;object-fit:cover;object-position:40% 30%}
.sobre h2{font-size:clamp(1.9rem,3.6vw,2.6rem)}
.sobre .txt{margin-top:18px;display:grid;gap:14px;color:var(--muted);max-width:38em}
.linha-tempo{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:0;border-left:2px solid var(--areia)}
.linha-tempo li{display:grid;grid-template-columns:96px 1fr;gap:14px;padding:10px 0 10px 18px;position:relative}
.linha-tempo li::before{content:"";position:absolute;left:-7px;top:18px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--petroleo)}
.linha-tempo b{font-family:var(--f-display);font-variant-numeric:tabular-nums}
.linha-tempo span{color:var(--muted)}
@media (max-width:820px){.sobre{grid-template-columns:1fr;gap:28px}.sobre .foto{max-width:360px}}


/* marcos da trajetória */
.marcos{list-style:none;margin:34px 0 0;padding:0;display:grid;gap:0}
.marcos li{display:grid;grid-template-columns:70px 1fr;gap:18px;padding:16px 0;border-top:1px solid var(--linha)}
.marcos li:last-child{border-bottom:1px solid var(--linha)}
.marcos .ano{font-family:var(--f-display);font-weight:700;font-size:1.25rem;color:var(--petroleo);font-variant-numeric:tabular-nums;line-height:1.3}
.marcos h3{font-size:1.08rem;line-height:1.3}
.marcos p{color:var(--muted);font-size:.97rem;margin-top:3px}
.marcos li:nth-child(2) .ano,.marcos li:last-child .ano{color:var(--fg)}
.marcos li:nth-child(2),.marcos li:last-child{background:linear-gradient(90deg,var(--bg-2),transparent 85%)}
.marcos li:nth-child(2) > *, .marcos li:last-child > *{}

/* depoimentos */
.depo{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.depo figure{margin:0;background:#fff;border-radius:var(--r);padding:26px;display:flex;flex-direction:column;gap:16px;min-width:0}
.depo blockquote{margin:0;font-size:1.02rem;line-height:1.55}
.depo blockquote::before{content:"“";display:block;font-family:var(--f-display);font-size:3rem;line-height:.6;color:var(--petroleo);margin-bottom:6px}
.depo figcaption{margin-top:auto;font-size:.86rem;color:var(--muted)}
.depo figcaption b{color:var(--fg)}
.nota{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 14px;justify-self:start}
.nota b{grid-row:span 2;font-family:var(--f-display);font-size:3.2rem;line-height:1;color:var(--petroleo)}
.estrelas{color:#D9A21B;letter-spacing:2px;font-size:1.1rem}
.nota span:last-child{font-size:.92rem;color:var(--muted)}
.depo-nota{margin-top:18px;font-size:.88rem;color:var(--muted)}
@media (max-width:820px){.depo{grid-template-columns:1fr}}

/* faq */
.faq{display:grid;gap:10px;max-width:820px}
.faq details{border:1px solid var(--linha);border-radius:12px;background:#fff}
.faq summary{cursor:pointer;list-style:none;padding:18px 20px;font-weight:700;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.4rem;line-height:1;color:var(--petroleo)}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 20px 18px;color:var(--muted)}

/* contato */
.contato{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.contato > *{min-width:0}
.contato h2{font-size:clamp(1.9rem,3.6vw,2.6rem)}
.info{display:grid;gap:22px;margin-top:26px}
.info h3{font-size:1.05rem;margin-bottom:4px}
.info p{color:var(--muted)}
form{background:var(--bg-2);border-radius:20px;padding:28px;display:grid;gap:14px}
label{display:grid;gap:6px;font-weight:600;font-size:.92rem}
input,select{font:inherit;padding:13px 14px;border:1px solid var(--linha);border-radius:10px;background:#fff;color:var(--fg);width:100%}
form .bt{justify-content:center;border:0;cursor:pointer;margin-top:4px}
.aviso{font-size:.86rem;color:var(--muted)}
@media (max-width:820px){.contato{grid-template-columns:1fr}}

footer{background:var(--noite);color:var(--on-dark-2);padding-block:40px 48px;font-size:.92rem}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}
footer b{color:#fff}

/* botão flutuante */
.flutua{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:15;width:58px;height:58px;border-radius:50%;background:var(--zap);display:grid;place-items:center;box-shadow:0 10px 26px rgba(0,0,0,.25)}

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

/* ===== cabeçalho fixo (aparece ao rolar) ===== */
.topo{position:fixed;left:0;right:0;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--linha);box-shadow:none;transform:translateY(-110%);visibility:hidden;transition:transform .3s ease, visibility .3s;padding-top:env(safe-area-inset-top,0px)}
.topo.ver{transform:none;visibility:visible;box-shadow:0 6px 24px rgba(8,22,20,.06)}
.topo .in{max-width:1140px;margin:0 auto;padding:10px 22px;display:flex;align-items:center;gap:22px}
.topo .marca b{font-size:1rem;white-space:nowrap}
.topo .marca small{display:none}
.topo nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.topo .lk{padding:8px 10px;border-radius:8px;text-decoration:none;font-weight:600;font-size:.93rem;color:var(--muted);white-space:nowrap}
.topo .lk:hover,.topo .lk[aria-current]{color:var(--fg);background:var(--bg-2)}
.topo .cta{padding:10px 16px;border-radius:10px;background:var(--petroleo);color:#fff;font-weight:700;font-size:.93rem;text-decoration:none;white-space:nowrap}
.serv{position:relative}
.serv > button{font:600 .93rem var(--f-body);color:var(--fg);background:var(--bg-2);border:0;border-radius:8px;padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:6px}
.serv > button::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.serv.aberto > button::after{transform:rotate(-135deg) translateY(-2px)}
.serv-lista{position:absolute;top:calc(100% + 10px);right:0;left:auto;width:min(560px,calc(100vw - 32px));background:#fff;border:1px solid var(--linha);border-radius:16px;box-shadow:0 20px 50px rgba(8,22,20,.14);padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:2px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .18s, transform .18s, visibility .18s}
.serv.aberto .serv-lista{opacity:1;visibility:visible;transform:none}
@media (hover:hover){.serv:hover .serv-lista{opacity:1;visibility:visible;transform:none}}
.serv-lista a{display:block;padding:10px 12px;border-radius:10px;text-decoration:none;font-weight:600;font-size:.95rem}
.serv-lista a span{display:block;font-weight:400;font-size:.84rem;color:var(--muted)}
.serv-lista a:hover,.serv-lista a[aria-current]{background:var(--bg-2)}
.serv-lista .todos{grid-column:1/-1;border-top:1px solid var(--linha);margin-top:6px;padding-top:12px;color:var(--petroleo)}
.menu-bt{display:none;margin-left:auto;font:700 .93rem var(--f-body);background:var(--bg-2);border:0;border-radius:10px;padding:10px 14px;color:var(--fg);cursor:pointer}
.ancoras{display:flex;gap:2px}

@media (max-width:900px){
  .topo nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--linha);box-shadow:0 20px 40px rgba(8,22,20,.12);flex-direction:column;align-items:stretch;gap:6px;padding:12px 16px 18px;max-height:calc(100vh - 70px);overflow:auto}
  .topo.menu-aberto nav{display:flex}
  .menu-bt{display:block}
  .topo .in{gap:12px}
  .serv-lista{position:static;width:auto;box-shadow:none;border:0;padding:4px 0 0;grid-template-columns:1fr;display:none;opacity:1;visibility:visible;transform:none}
  .serv.aberto .serv-lista{display:grid}
  .serv > button{width:100%;justify-content:space-between;padding:12px 14px}
  .ancoras{flex-direction:column}
  .ancoras .lk{display:block!important;padding:12px 14px}
  .topo nav .cta{text-align:center;margin-top:6px}
}

/* ===== páginas internas ===== */
.pg-hero{background:var(--bg-2);padding-block:30px 64px}
.migalha{font-size:.88rem;color:var(--muted);margin-top:28px}
.migalha a{text-decoration:none;color:var(--petroleo);font-weight:600}
.pg-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;margin-top:18px}
.pg-grid > *{min-width:0}
.pg-hero h1{font-size:clamp(2.1rem,4.4vw,3.2rem)}
.pg-video{display:grid;gap:10px;text-decoration:none;background:#fff;border-radius:18px;padding:14px;box-shadow:0 14px 40px rgba(8,22,20,.08)}
.pg-video .thumb{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/9;background:#000}
.pg-video .thumb img{width:100%;height:100%;object-fit:cover}
.pg-video .thumb::after{content:"";position:absolute;left:12px;bottom:12px;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.94) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7v10l8-5z' fill='%230F5A55'/%3E%3C/svg%3E") center/26px no-repeat}
.pg-video small{color:var(--muted);font-size:.85rem}
.pg-video b{font-size:1.02rem;line-height:1.3;padding-inline:4px}
.pg-video small{padding-inline:4px}
@media (max-width:860px){.pg-grid{grid-template-columns:1fr;gap:28px}}
.duas{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.duas > *{min-width:0}
@media (max-width:860px){.duas{grid-template-columns:1fr;gap:32px}}
.texto{display:grid;gap:14px;color:var(--muted);max-width:40em}
.texto p:first-child{color:var(--fg);font-size:1.12rem}
.sinais{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sinais li{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--linha);border-radius:12px;padding:14px 16px}
.sinais li::before{content:"";flex:none;width:20px;height:20px;margin-top:3px;border-radius:50%;background:var(--areia) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%230F5A55' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/14px no-repeat}
.sinais-nota{margin-top:16px;color:var(--muted);font-size:.95rem}
.recursos{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px}
.recursos div{border-top:2px solid var(--areia);padding-top:14px;min-width:0}
.recursos h3{font-size:1.05rem}
.recursos p{color:var(--muted);font-size:.95rem;margin-top:4px}
@media (max-width:860px){.recursos{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.recursos{grid-template-columns:1fr}}
.fala{margin:0;display:grid;gap:12px}
.fala blockquote{margin:0;font-family:var(--f-display);font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:600;line-height:1.2;color:#fff;max-width:26em}
.fala figcaption{color:var(--on-dark-2);font-size:.92rem}
.fala figcaption a{color:var(--areia)}
.fala + .fala{margin-top:34px;padding-top:30px;border-top:1px solid #2C5552}
.quem-trecho{display:grid;grid-template-columns:120px 1fr;gap:26px;align-items:center;background:var(--bg-2);border-radius:20px;padding:26px}
.quem-trecho img{width:120px;height:120px;border-radius:50%;object-fit:cover;object-position:50% 8%;background:#DCD3C8 url("/midia/consultorio-desfoque.webp?v=1") center/cover}
.quem-trecho h2{font-size:1.4rem}
.quem-trecho p{color:var(--muted);margin-top:6px;max-width:44em}
.quem-trecho a{color:var(--petroleo);font-weight:700}
@media (max-width:600px){.quem-trecho{grid-template-columns:1fr}}
.outros{display:flex;flex-wrap:wrap;gap:10px}
.outros a{padding:10px 16px;border:1px solid var(--linha);border-radius:999px;text-decoration:none;font-weight:600;font-size:.95rem;background:#fff}
.outros a:hover{border-color:var(--petroleo)}
.depo-2{grid-template-columns:repeat(2,1fr)}
@media (max-width:820px){.depo-2{grid-template-columns:1fr}}
[id]{scroll-margin-top:80px}

/* ===== harmonia das páginas internas (02/10) ===== */
.sec-tit{font-size:clamp(1.8rem,3.4vw,2.5rem)}
.oque{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:start;margin-top:26px}
.oque .texto{max-width:none}
.antes{position:sticky;top:96px;background:var(--bg-2);border-radius:20px;padding:26px;display:grid;gap:14px}
.antes h3{font-size:1.15rem}
.antes ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.antes li{display:flex;gap:10px;align-items:flex-start;font-size:.97rem;line-height:1.4}
.antes li::before{content:"";flex:none;width:18px;height:18px;margin-top:2px;border-radius:50%;background:var(--petroleo) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/12px no-repeat}
.antes .bt{justify-content:center;margin-top:4px}
.antes-lk{text-align:center;font-weight:700;font-size:.92rem;color:var(--petroleo)}
@media (max-width:900px){.oque{grid-template-columns:1fr;gap:28px}.antes{position:static}}
.centro{text-align:center;display:grid;justify-items:center;gap:12px}
.centro p{color:var(--muted);max-width:40em}
.sinais-2{grid-template-columns:1fr 1fr;margin:36px auto;max-width:980px}
@media (max-width:760px){.sinais-2{grid-template-columns:1fr}}
.trata{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:48px;align-items:start}
.trata .passos{margin-top:0}
.recursos-lado{background:var(--bg-2);border-radius:20px;padding:24px;display:grid;gap:16px;position:sticky;top:96px}
.recursos-lado h3{font-size:1.1rem}
.recursos-lado div{border-top:1px solid var(--linha);padding-top:12px}
.recursos-lado b{display:block;font-size:.98rem}
.recursos-lado p{color:var(--muted);font-size:.93rem;margin-top:2px}
@media (max-width:900px){.trata{grid-template-columns:1fr;gap:32px}.recursos-lado{position:static}}
.videos.v1{grid-template-columns:minmax(0,520px)}
.videos.v2{grid-template-columns:repeat(2,minmax(0,1fr))}
.videos.v3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:760px){.videos.v2,.videos.v3{grid-template-columns:1fr}}
.depo-1{grid-template-columns:minmax(0,760px);justify-content:center}
.faq-c{margin:36px auto 0}
.logo-simb{width:auto;height:62px;flex:none}
.topo .logo-simb{height:36px}

/* ===== blog ===== */
.arts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.art-card{display:flex;flex-direction:column;gap:10px;text-decoration:none;background:#fff;border:1px solid var(--linha);border-radius:16px;padding:14px;transition:border-color .2s, transform .2s}
.art-card:hover{border-color:var(--petroleo);transform:translateY(-2px)}
.art-card .thumb{border-radius:10px;overflow:hidden;aspect-ratio:16/9;background:#000}
.art-card .thumb img{width:100%;height:100%;object-fit:cover}
.art-card b{font-family:var(--f-display);font-weight:600;font-size:1.12rem;line-height:1.25;padding-inline:4px}
.art-card p{color:var(--muted);font-size:.94rem;padding-inline:4px}
.art-card .ver{margin-top:auto;padding:4px 4px 2px;color:var(--petroleo);font-weight:700;font-size:.92rem}
@media (max-width:900px){.arts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.arts{grid-template-columns:1fr}}
.autor{display:flex;align-items:center;gap:10px;margin-top:20px;color:var(--muted);font-size:.95rem}
.autor img{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:50% 8%;background:#DCD3C8 url("/midia/consultorio-desfoque.webp?v=1") center/cover}
.artigo{max-width:42em;font-size:1.08rem}
.artigo h2{font-size:clamp(1.4rem,2.6vw,1.8rem);margin:38px 0 12px}
.artigo h2:first-child{margin-top:0}
.artigo p{color:#2E4644;margin:0 0 14px}
.artigo ul{margin:6px 0 18px;padding-left:22px;color:#2E4644}
.artigo li{margin-bottom:6px}
.art-fala{margin:30px 0;padding:24px 26px;background:var(--petroleo-escuro);border-radius:16px;color:#fff;font-family:var(--f-display);font-size:1.3rem;font-weight:600;line-height:1.3}
.art-fala cite{display:block;margin-top:10px;font:400 .88rem var(--f-body);color:var(--on-dark-2)}
.art-fala a{color:var(--areia)}
@media (max-width:900px){.topo .lk-blog{display:block;padding:12px 14px}}
/* página de revisão (prévia) */
.rev-h{font-size:1.35rem;margin:40px 0 14px}
.rev-h:first-child{margin-top:0}
.rev{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.rev li{display:grid;grid-template-columns:40px 1fr;gap:14px;background:var(--bg-2);border-radius:14px;padding:16px 18px;align-items:start}
.rev .num{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--petroleo);color:#fff;font-family:var(--f-display);font-weight:700}
.rev p{font-size:1.04rem}
.rev a{font-size:.9rem;font-weight:700;color:var(--petroleo)}
/* menu na dobra (visível sem rolar) */
.linha-marca{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.nav-dobra{display:flex;align-items:center;gap:6px}
.nav-dobra a{padding:8px 12px;border-radius:8px;text-decoration:none;font-weight:600;font-size:.95rem;color:var(--muted)}
.nav-dobra a:hover{color:var(--fg);background:var(--bg-2)}
.pg-hero .nav-dobra a:hover{background:#fff}
.nav-dobra .nd-cta{background:var(--petroleo);color:#fff;margin-left:6px}
.nav-dobra .nd-cta:hover{background:var(--petroleo-escuro);color:#fff}
@media (max-width:760px){.nav-dobra a:not([href="/blog/"]){display:none}.nav-dobra a[href="/blog/"]{border:1px solid var(--linha);background:#fff}}
@media (max-width:760px){.linha-marca{flex-wrap:nowrap}.linha-marca .marca small{display:none}.linha-marca .marca b{font-size:1rem}.linha-marca .logo-simb{height:48px}}

/* cabeçalho sem encavalar (03/10) */
.topo .marca{flex:none}
.topo nav{min-width:0}
@media (max-width:1240px) and (min-width:901px){.ancoras .lk:nth-child(n+4){display:none}}
@media (max-width:1060px) and (min-width:901px){.ancoras .lk:nth-child(n+3){display:none}}
@media (max-width:980px) and (min-width:901px){.ancoras{display:none}}
/* faixa de chamada entre seções */
.cta-faixa{background:var(--petroleo);color:#fff;padding-block:40px}
.cta-in{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.cta-in > div{min-width:0;max-width:40em}
.cta-faixa h2{font-size:clamp(1.4rem,2.6vw,1.9rem);color:#fff}
.cta-faixa p{color:#CFE4E1;margin-top:6px}
.cta-faixa .bt-zap{background:var(--areia);color:var(--noite)}
.cta-faixa .bt-zap:hover{background:#fff}
/* filtro e busca do blog */
.filtro{display:grid;gap:16px;margin-bottom:34px}
.busca{display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid var(--linha);border-radius:14px;padding:4px 16px;max-width:640px;color:var(--muted);transition:border-color .2s, box-shadow .2s}
.busca:focus-within{border-color:var(--petroleo);box-shadow:0 0 0 4px color-mix(in srgb,var(--petroleo) 14%,transparent)}
.busca input{border:0;outline:0;padding:12px 0;font:inherit;font-size:1.02rem;background:transparent;color:var(--fg);width:100%}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font:600 .93rem var(--f-body);border:1.5px solid var(--linha);background:#fff;color:var(--fg);border-radius:999px;padding:8px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:border-color .2s, background .2s}
.chip span{font-size:.8rem;font-weight:700;color:var(--muted);background:var(--bg-2);border-radius:999px;padding:1px 8px}
.chip:hover{border-color:var(--petroleo)}
.chip[aria-pressed="true"]{background:var(--petroleo);border-color:var(--petroleo);color:#fff}
.chip[aria-pressed="true"] span{background:rgba(255,255,255,.2);color:#fff}
.filtro-conta{font-size:.92rem;color:var(--muted);min-height:1.2em}
.filtro-vazio{text-align:center;color:var(--muted);padding:30px 0}
.filtro-vazio a{color:var(--petroleo);font-weight:700}
.art-card[hidden]{display:none!important}

/* ===== animações de entrada (03/10) — sutis; sem JS ou com movimento reduzido, tudo aparece parado ===== */
@media (prefers-reduced-motion:no-preference){
  html.anima .rv{opacity:0;transform:translateY(16px);transition:opacity .6s ease, transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:var(--rv-d,0ms)}
  html.anima .rv.in{opacity:1;transform:none}
  html.anima .rv-foto{opacity:0;transform:scale(.97);transition:opacity .8s ease, transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--rv-d,0ms)}
  html.anima .rv-foto.in{opacity:1;transform:none}
}
/* modal de vídeo */
.vmodal{position:fixed;inset:0;z-index:60;background:rgba(6,16,15,.82);backdrop-filter:blur(4px);display:grid;place-items:center;padding:16px}
.vmodal[hidden]{display:none}
html.vm-aberto{overflow:hidden}
.vm-caixa{position:relative;width:min(980px,100%);background:var(--noite);border-radius:18px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.vm-player{aspect-ratio:16/9;background:#000}
.vm-player iframe{width:100%;height:100%;border:0;display:block}
.vm-x{position:absolute;top:10px;right:10px;z-index:2;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--noite);font-size:1.6rem;line-height:1;cursor:pointer}
.vm-rodape{padding:16px 20px 20px;display:grid;gap:12px}
.vm-tit{color:#fff;font-family:var(--f-display);font-weight:600;font-size:1.1rem}
.vm-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--on-dark-2);font-size:.95rem}
.vm-cta .bt-zap{background:var(--areia);color:var(--noite);padding:12px 20px}
@media (max-width:600px){.vm-caixa{border-radius:14px}.vm-rodape{padding:14px}}
/* retrato HD: encaixado pela base, com respiro acima da cabeça (05/10) */
.retrato .moldura img{position:absolute;left:50%;bottom:0;width:auto;height:90%;max-width:none;transform:translateX(-50%);object-fit:contain}
@media (max-width:820px){.retrato .selo{bottom:-22px;left:12px;max-width:220px;padding:10px 14px}.retrato .selo b{font-size:1.3rem}.retrato{margin-bottom:30px!important}}
footer .credito{display:block;margin-top:26px;padding-top:18px;border-top:1px solid #1E3532;font-size:.84rem;color:#7F9C98}
footer .credito a{color:var(--areia);font-weight:700;text-decoration:none}
footer .credito a:hover{text-decoration:underline}
/* celular: foto do "Sobre" não acompanha a rolagem e fica baixa; linha do tempo compacta (05/10) */
@media (max-width:820px){
  .sobre .foto{position:static;aspect-ratio:4/3;max-width:none;width:100%}
  .sobre .foto img{object-position:50% 28%}
  .marcos li{grid-template-columns:58px 1fr;gap:12px;padding:12px 0}
  .marcos .ano{font-size:1.08rem}
  .marcos h3{font-size:1rem}
  .marcos p{font-size:.92rem}
  .antes,.recursos-lado{position:static}
}

/* formulário de contato em modal: todo botão de WhatsApp abre aqui */
.cmodal{position:fixed;inset:0;z-index:70;background:rgba(6,16,15,.72);backdrop-filter:blur(4px);display:grid;place-items:center;padding:16px;overflow-y:auto}
.cmodal[hidden]{display:none}
html.cm-aberto{overflow:hidden}
.cm-caixa{position:relative;width:min(460px,100%);background:#fff;border-radius:20px;padding:30px 28px 28px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.cm-caixa h2{font-size:1.6rem;padding-right:44px}
.cm-apoio{margin:10px 0 18px;color:var(--muted)}
.cm-caixa form{background:none;padding:0;border-radius:0}
.cm-x{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;border:0;background:var(--bg-2);color:var(--fg);font-size:1.5rem;line-height:1;cursor:pointer}
.cm-x:hover{background:var(--areia)}
form .erro{font-weight:500;font-size:.84rem;color:#B3261E;min-height:0}
form .erro:empty{display:none}
input[aria-invalid="true"]{border-color:#B3261E}
form .bt[disabled]{opacity:.7;cursor:default;transform:none}
.isca{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
@media (max-width:600px){.cm-caixa{padding:26px 20px 22px;border-radius:16px}}