/* Páginas internas — Clínica Santa Catarina (design system compartilhado) */
:root{
  --bg:#F8F3EC; --surface:#FFFFFF; --deep:#382C25; --deep-2:#2E241E; --rose:#F1E4D6;
  --ink:#3A2E27; --muted:#83705F; --inverse:#F5EDE3; --inverse-muted:#C9B7A8;
  --nude:#DCA585; --nude-deep:#BE7E56; --line:#E7DBCC; --line-deep:#4E4037;
  --f-display:'Fraunces',Georgia,serif;
  --f-brand:'Montserrat',sans-serif;
  --f-body:'Inter',-apple-system,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
  --dur:180ms;
  --shadow:0 1px 2px rgba(58,46,39,.07),0 32px 64px -32px rgba(58,46,39,.28);
  --shadow-s:0 1px 2px rgba(58,46,39,.06),0 10px 28px -14px rgba(58,46,39,.2);
  --r-a:20px; --r-b:999px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--f-body);background:var(--bg);color:var(--ink);line-height:1.6;font-size:1.0625rem;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--nude);color:#fff}
:focus-visible{outline:2px solid var(--nude-deep);outline-offset:3px;border-radius:4px}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:1240px;margin:0 auto;padding:0 clamp(1.2rem,4vw,3rem)}
.kicker{font-family:var(--f-brand);font-weight:700;font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:var(--nude-deep)}
h1,h2,h3{font-family:var(--f-display);font-weight:500;line-height:1.08;text-wrap:balance}
h1 em,h2 em{font-style:italic;color:var(--nude-deep)}
.grain{position:fixed;inset:0;z-index:55;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ── NAV ── */
.nav{position:fixed;top:0;left:0;right:0;z-index:40;background:rgba(248,243,236,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding:.6rem 0}
.nav .wrap{display:flex;align-items:center;gap:1.6rem;max-width:1380px}
.nav .mark{display:flex;align-items:center;gap:.75rem;margin-right:auto}
.nav .mark svg{width:38px;height:38px;flex-shrink:0}
.nav .mark b{font-family:var(--f-brand);font-weight:800;font-size:.95rem;letter-spacing:.07em;text-transform:uppercase;display:block;line-height:1.2}
.nav .mark small{display:block;font-family:var(--f-brand);font-weight:600;font-size:.55rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.nav a.lnk{font-size:.86rem;font-weight:500;opacity:.75;transition:opacity var(--dur);white-space:nowrap}
.nav a.lnk:hover{opacity:1}
.nav a.lnk.ativo{opacity:1;color:var(--nude-deep);font-weight:600}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font-weight:600;font-size:.95rem;background:var(--nude);color:#fff;border:1px solid var(--nude);border-radius:var(--r-b);padding:.85rem 1.8rem;transition:transform var(--dur) var(--ease),box-shadow var(--dur),background var(--dur);box-shadow:0 1px 2px rgba(58,46,39,.12);white-space:nowrap}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px -8px rgba(190,126,86,.6);background:var(--nude-deep);border-color:var(--nude-deep)}
.btn svg{width:17px;height:17px;fill:currentColor}
.btn.ghost{background:transparent;color:var(--ink);border-color:rgba(58,46,39,.35)}
.btn.ghost:hover{background:var(--ink);border-color:var(--ink);color:var(--bg);box-shadow:none}
.btn.small{padding:.55rem 1.3rem;font-size:.83rem}
.btn.big{padding:.92rem 2.1rem;font-size:.98rem}
@media(max-width:960px){.nav a.lnk{display:none}}

/* ── PAGE HERO ── */
.page-hero{position:relative;padding:11rem 0 5rem;overflow:hidden;text-align:center;
  background:
    radial-gradient(1100px 520px at 50% -18%,rgba(220,165,133,.22),transparent 62%),
    radial-gradient(900px 600px at 96% 110%,rgba(241,228,214,.7),transparent 58%),
    var(--bg);}
.page-hero .kicker{display:block;margin-bottom:1.2rem}
.page-hero h1{font-size:clamp(2.5rem,5.6vw,4.4rem);max-width:20ch;margin:0 auto;letter-spacing:-.01em}
.page-hero .lead{margin:1.5rem auto 0;max-width:58ch;color:var(--muted);font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.65}
.page-hero .anel{position:absolute;top:50%;left:50%;width:min(90vmin,820px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(190,126,86,.22);pointer-events:none}
.page-hero .anel::after{content:"";position:absolute;inset:12%;border-radius:50%;border:1px dashed rgba(107,86,76,.14)}

/* ── SEÇÕES ── */
.sec{padding:5.5rem 0}
.sec.alt{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec.deep{background:var(--deep);color:var(--inverse)}
.sec.deep .kicker{color:var(--nude)}
.sec.deep h2 em{color:var(--nude)}
.sec-head{max-width:62ch;margin-bottom:3rem}
.sec-head.center{max-width:66ch;margin:0 auto 3rem;text-align:center}
.sec-head h2{font-size:clamp(2rem,4.4vw,3.4rem);margin-top:1.1rem}
.sec-head p{margin-top:1.2rem;color:var(--muted);line-height:1.75}
.sec.deep .sec-head p{color:var(--inverse-muted)}
.prosa p{color:var(--muted);line-height:1.8;margin-bottom:1.2rem;max-width:68ch}
.prosa p strong{color:var(--ink)}
.quote{border-left:3px solid var(--nude);padding:.4rem 0 .4rem 1.6rem;margin:1.8rem 0;font-family:var(--f-display);font-style:italic;font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.5;color:var(--ink);max-width:40ch}
.split2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,6vw,5rem);align-items:center}
@media(max-width:860px){.split2{grid-template-columns:1fr}}

/* ── TIMELINE ── */
.timeline{position:relative;padding-left:2.2rem}
.timeline::before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--nude),var(--line))}
.tl{position:relative;padding:0 0 2.2rem 1.4rem}
.tl:last-child{padding-bottom:0}
.tl::before{content:"";position:absolute;left:-2.2rem;top:.4rem;width:14px;height:14px;border-radius:50%;background:var(--bg);border:3px solid var(--nude-deep);transform:translateX(2.5px)}
.tl .ano{font-family:var(--f-brand);font-weight:800;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--nude-deep)}
.tl h3{font-size:1.3rem;margin:.45rem 0 .5rem}
.tl p{font-size:.94rem;color:var(--muted);line-height:1.7;max-width:56ch}

/* ── STATS ── */
.stats4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-a);overflow:hidden}
.stat4{background:var(--surface);padding:2.6rem 1.4rem;text-align:center}
.stat4 .n{font-family:var(--f-display);font-size:clamp(2.3rem,4vw,3.4rem);line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.stat4 .n em{color:var(--nude-deep);font-style:italic}
.stat4 .l{margin-top:.7rem;font-family:var(--f-brand);font-weight:700;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
@media(max-width:760px){.stats4{grid-template-columns:1fr 1fr}}

/* ── PESSOAS ── */
.equipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.doc-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-a);overflow:hidden;transition:transform var(--dur) var(--ease),box-shadow var(--dur)}
.doc-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.doc-card .foto{aspect-ratio:1/1.06;position:relative;background:linear-gradient(160deg,#EFE0D2,#E0C3A8);display:flex;align-items:center;justify-content:center;font-family:var(--f-display);font-size:3rem;color:var(--nude-deep);overflow:hidden}
.doc-card .foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.doc-card .corpo{padding:1.5rem 1.6rem 1.6rem}
.doc-card .esp{font-family:var(--f-brand);font-weight:700;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--nude-deep)}
.doc-card h3{font-size:1.35rem;margin:.55rem 0 .3rem}
.doc-card .crm{font-size:.8rem;color:var(--muted)}
.doc-card p{font-size:.88rem;color:var(--muted);line-height:1.65;margin-top:.8rem}
@media(max-width:980px){.equipe-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.equipe-grid{grid-template-columns:1fr}}

/* ── SERVIÇOS ── */
.serv{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.serv-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-a);padding:2.2rem;position:relative;overflow:hidden;transition:transform var(--dur) var(--ease),box-shadow var(--dur)}
.serv-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.serv-card::before{content:"";position:absolute;right:-52px;top:-52px;width:150px;height:150px;border:16px solid var(--rose);border-radius:50%;opacity:.5;pointer-events:none}
.serv-card .num{font-family:var(--f-display);font-size:1.3rem;color:var(--nude-deep)}
.serv-card h3{font-size:1.5rem;margin:.7rem 0 .8rem}
.serv-card p{font-size:.94rem;color:var(--muted);line-height:1.7;position:relative}
.serv-card .tags{margin-top:1.2rem;display:flex;gap:.45rem;flex-wrap:wrap}
.serv-card .tags span{font-family:var(--f-brand);font-weight:700;font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:var(--r-b);padding:.35rem .85rem;background:var(--bg)}
.serv-card.full{grid-column:1/-1;background:linear-gradient(120deg,#FFFFFF 42%,#F7E9DC)}
@media(max-width:760px){.serv{grid-template-columns:1fr}}

/* ── POSTS / VÍDEOS ── */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.post{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-a);padding:1.9rem;display:flex;flex-direction:column;transition:transform var(--dur) var(--ease),box-shadow var(--dur)}
.post:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.post .cat{font-family:var(--f-brand);font-weight:700;font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--nude-deep)}
.post h3{font-size:1.28rem;margin:.85rem 0 .7rem;line-height:1.25}
.post p{font-size:.89rem;color:var(--muted);line-height:1.65;flex:1}
.post .data{margin-top:1.3rem;font-family:var(--f-brand);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:700}
@media(max-width:860px){.posts{grid-template-columns:1fr}}
.videos{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.video{border-radius:var(--r-a);overflow:hidden;position:relative;display:block;background:var(--deep);box-shadow:var(--shadow-s)}
.video img{width:100%;aspect-ratio:16/10;object-fit:cover;opacity:.9;transition:transform .7s var(--ease),opacity .3s;display:block}
.video:hover img{transform:scale(1.035);opacity:1}
.video .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.video .play i{width:52px;height:52px;border-radius:50%;background:rgba(248,243,236,.93);display:flex;align-items:center;justify-content:center;transition:transform .35s var(--ease)}
.video:hover .play i{transform:scale(1.12)}
.video .play svg{width:18px;height:18px;fill:var(--deep);margin-left:3px}
.video .vt{position:absolute;left:0;right:0;bottom:0;padding:2.2rem 1.15rem .95rem;background:linear-gradient(180deg,transparent,rgba(36,28,22,.88));color:#fff;font-weight:600;font-size:.84rem;line-height:1.45;pointer-events:none}
.video .vt small{display:block;font-family:var(--f-brand);font-weight:700;font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;color:var(--nude);margin-bottom:.3rem}
.video{cursor:pointer}
.video iframe{width:100%;aspect-ratio:16/9;display:block;border:0}
.video.playing{cursor:default}
.fotos3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.fotos3 figure{border-radius:var(--r-a);overflow:hidden;margin:0;aspect-ratio:4/3;background:linear-gradient(160deg,#EFE0D2,#E0C3A8)}
.fotos3 img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease)}
.fotos3 figure:hover img{transform:scale(1.045)}
@media(max-width:760px){.fotos3{grid-template-columns:1fr}}
@media(max-width:860px){.videos{grid-template-columns:1fr}}

/* ── FAQ ── */
.busca{position:relative;max-width:560px;margin:0 0 2.6rem}
.busca input{width:100%;border:1px solid var(--line);border-radius:var(--r-b);background:var(--surface);padding:1rem 1.5rem 1rem 3.1rem;font:inherit;font-size:.95rem;color:var(--ink);transition:border-color var(--dur),box-shadow var(--dur)}
.busca input:focus{outline:none;border-color:var(--nude);box-shadow:0 0 0 4px rgba(220,165,133,.22)}
.busca svg{position:absolute;left:1.15rem;top:50%;transform:translateY(-50%);width:17px;height:17px;stroke:var(--muted);stroke-width:2;fill:none;stroke-linecap:round}
.faq-cat{font-family:var(--f-brand);font-weight:700;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--nude-deep);margin:2.6rem 0 0}
details{border-bottom:1px solid var(--line)}
.faq-cat + details{border-top:1px solid var(--line)}
summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:1.2rem;padding:1.35rem .35rem;font-family:var(--f-display);font-size:clamp(1.05rem,1.7vw,1.25rem);font-weight:500;transition:color var(--dur)}
summary::-webkit-details-marker{display:none}
summary:hover{color:var(--nude-deep)}
summary .pm{margin-left:auto;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;position:relative;flex-shrink:0;transition:transform .4s var(--ease),background .3s,border-color .3s}
summary .pm::before,summary .pm::after{content:"";position:absolute;top:50%;left:50%;background:var(--ink);transition:background .3s}
summary .pm::before{width:10px;height:1.5px;transform:translate(-50%,-50%)}
summary .pm::after{width:1.5px;height:10px;transform:translate(-50%,-50%)}
details[open] .pm{transform:rotate(135deg);background:var(--nude);border-color:var(--nude)}
details[open] .pm::before,details[open] .pm::after{background:#fff}
.ans{padding:0 .35rem 1.6rem;color:var(--muted);line-height:1.75;max-width:66ch;font-size:.95rem}
details[open] .ans{animation:faqin .45s var(--ease)}
@keyframes faqin{from{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}
details.oculto,.faq-cat.oculto{display:none}
.sem-resultado{display:none;padding:2.5rem 0;text-align:center;color:var(--muted)}
.sem-resultado.show{display:block}

/* ── SKINPEDIA ── */
.cats{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2.4rem}
.cat-pill{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-b);padding:.5rem 1.15rem;font-family:var(--f-brand);font-weight:700;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);cursor:pointer;transition:all var(--dur)}
.cat-pill:hover{border-color:var(--nude-deep);color:var(--nude-deep)}
.cat-pill.active{background:var(--deep);border-color:var(--deep);color:var(--inverse)}
.cat-pill .q{opacity:.6;margin-left:.3rem}
.termos{display:grid;gap:1rem}
.termo{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-a);padding:2rem 2.2rem;transition:transform var(--dur) var(--ease),box-shadow var(--dur)}
.termo:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.termo .t-cat{font-family:var(--f-brand);font-weight:700;font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--nude-deep)}
.termo h3{font-size:1.6rem;margin:.6rem 0 .8rem}
.termo p{font-size:.93rem;color:var(--muted);line-height:1.75}
.termo .extra{margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--line);font-size:.86rem;color:var(--muted);line-height:1.7}
.termo .extra b{color:var(--ink)}
.termo.oculto{display:none}

/* ── CTA BAND ── */
.cta-band{background:var(--deep);color:var(--inverse);border-radius:28px;padding:clamp(2.4rem,5.5vw,4.5rem);text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow)}
.cta-band::before{content:"";position:absolute;right:-14%;top:-46%;width:55%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(220,165,133,.22),transparent 72%);pointer-events:none}
.cta-band .kicker{color:var(--nude)}
.cta-band h2{font-size:clamp(1.9rem,4vw,3.1rem);margin-top:1rem;max-width:22ch;margin-left:auto;margin-right:auto}
.cta-band h2 em{color:var(--nude)}
.cta-band p{margin:1.2rem auto 2rem;color:var(--inverse-muted);max-width:48ch}
.cta-band .btn-row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;position:relative}

/* ── FOOTER ── */
footer{background:var(--deep-2);color:var(--inverse-muted);padding:3.5rem 0 2.5rem;margin-top:7rem}
footer .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:2.5rem;padding-bottom:2.4rem;border-bottom:1px solid var(--line-deep)}
footer .fmark{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}
footer .fmark svg{width:36px;height:36px}
footer .fmark b{font-family:var(--f-brand);font-weight:800;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--inverse)}
footer p{font-size:.85rem;line-height:1.7;max-width:38ch}
footer h4{font-family:var(--f-brand);font-weight:700;font-size:.64rem;letter-spacing:.22em;text-transform:uppercase;color:var(--nude);margin-bottom:1rem}
footer nav{display:grid;gap:.6rem;font-size:.9rem}
footer nav a{transition:color var(--dur)}
footer nav a:hover{color:var(--inverse)}
footer .lgpd{font-size:.74rem;padding-top:1.6rem;line-height:1.65;max-width:none}
@media(max-width:860px){footer .cols{grid-template-columns:1fr 1fr}}
@media(max-width:560px){footer .cols{grid-template-columns:1fr}}

/* ── REVEAL ── */
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.rv.on{opacity:1;transform:none}
.stg>*{opacity:0;translate:0 22px;transition:opacity .7s var(--ease),translate .7s var(--ease)}
.stg.on>*{opacity:1;translate:0 0}
.stg.on>*:nth-child(1){transition-delay:.04s}
.stg.on>*:nth-child(2){transition-delay:.11s}
.stg.on>*:nth-child(3){transition-delay:.18s}
.stg.on>*:nth-child(4){transition-delay:.25s}
.stg.on>*:nth-child(5){transition-delay:.32s}
.stg.on>*:nth-child(6){transition-delay:.39s}
.stg.on>*:nth-child(7){transition-delay:.46s}
.stg.on>*:nth-child(8){transition-delay:.53s}
@media(prefers-reduced-motion:reduce){
  .rv,.stg>*{opacity:1!important;transform:none!important;translate:none!important;transition:none!important}
  html{scroll-behavior:auto}
}