/* Design System Dra. Ana Gabriela: porcelana, linho, papel, dourado; Cormorant Garamond, Tenor Sans, Lato. */
:root{
  --porcelana:#F5EFE9; --papel:#FBF8F3; --linho:#ECE3D8; --areia:#DCCDBB;
  --dourado-200:#E8DAC2; --dourado-400:#C7A075; --dourado-500:#B89968; --dourado-700:#85683C; --dourado-800:#6B5231;
  --cacau-900:#2F2723; --cacau-700:#5A4E47; --cacau-500:#74675E; --erro:#A4503A;
  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --label:"Tenor Sans","Helvetica Neue",sans-serif;
  --sans:Lato,"Helvetica Neue",Arial,sans-serif;
  --r-sm:4px; --r-md:12px; --r-lg:20px; --r-full:999px;
  --shadow:0 12px 32px rgba(47,39,35,.07);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--porcelana);color:var(--cacau-900);font:400 17px/28px var(--sans);-webkit-font-smoothing:antialiased}
img,video,iframe{max-width:100%;display:block}
h1,h2,h3{font-family:var(--serif);font-weight:500;margin:0;color:var(--cacau-900)}
h2{font-size:34px;line-height:40px}
h3{font-size:26px;line-height:32px;font-weight:600}
p{margin:0 0 16px}
a{color:var(--dourado-700)}
:focus-visible{outline:3px solid var(--dourado-800);outline-offset:3px;border-radius:var(--r-sm)}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.wrap--narrow{max-width:760px}
.center{text-align:center}
.small{font-size:15px;line-height:22px}
.note{font-size:15px;line-height:22px;color:var(--cacau-700)}
.lead{font-size:19px;line-height:30px;color:var(--cacau-700)}
.eyebrow{font:400 14px/20px var(--label);letter-spacing:.14em;text-transform:uppercase;color:var(--dourado-700);margin:0 0 8px}
.display{font-size:36px;line-height:42px;letter-spacing:-.01em}
.h1{font-size:42px;line-height:48px}
.rule{display:block;width:64px;height:1px;background:var(--dourado-500);margin:0 0 24px}
.rule--center{margin-left:auto;margin-right:auto}

/* botão: um único estilo */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:14px 28px;border-radius:var(--r-full);background:var(--dourado-500);color:var(--cacau-900);font:700 17px/24px var(--sans);text-decoration:none;text-align:left;transition:background .2s}
.btn:hover{background:var(--dourado-400)}
.btn:active{background:var(--dourado-800);color:var(--papel)}
.ic{width:24px;height:24px;flex:none}
.ic--arrow{width:20px;height:20px}
.ic-line{width:26px;height:26px;color:var(--dourado-700);flex:none}
.ic-circle{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:var(--r-full);background:var(--dourado-200);flex:none}

/* seções */
.section{padding:64px 0}
.section--linho{background:var(--linho)}
.head{max-width:760px;margin:0 0 40px}
.head .lead{margin-top:16px}
.center-head{margin-left:auto;margin-right:auto;text-align:center}

/* 1. hero */
.hero{padding:24px 0 48px;background:linear-gradient(180deg,var(--linho) 0,var(--porcelana) 70%)}
.hero__grid{display:grid;gap:24px}
.logo{height:40px;width:auto;margin:0 0 16px}
.hero__photo{order:-1;margin:0 -24px}
.hero__photo img{width:100%;height:auto;max-height:34vh;object-fit:cover;object-position:50% 25%;border-radius:0 0 var(--r-lg) var(--r-lg);box-shadow:var(--shadow)}
.display + .lead,.h1 + .lead{margin-top:16px}
.hero__text .lead{font-size:17px;line-height:26px;margin-bottom:16px}
.hero__text .btn{width:100%;margin-top:0}
.hero__text .note{margin-top:12px}
.id-line{color:var(--cacau-700)}

/* 2. credenciais */
.strip{background:var(--linho);padding:32px 0;border-block:1px solid var(--areia)}
.strip__list{list-style:none;display:grid;gap:20px;margin:0 auto;padding:0 24px}
.strip__list li{display:flex;align-items:center;gap:16px;font-weight:700;color:var(--dourado-800);font-size:17px}
.strip__list li span{color:var(--cacau-900)}

/* cartões */
.card{background:var(--papel);border-radius:var(--r-md);padding:24px;box-shadow:var(--shadow);margin:0}
.quotes{list-style:none;margin:0 0 32px;padding:0;display:grid;gap:16px}
.quote{font-family:var(--serif);font-size:24px;line-height:32px;font-weight:500;position:relative;padding-top:48px}
.quote::before{content:"\201C";position:absolute;top:6px;left:20px;font:600 64px/1 var(--serif);color:var(--dourado-500)}
.closing{font-family:var(--serif);font-size:26px;line-height:34px;max-width:760px;margin:0 auto 32px;text-align:center}

/* 4. central */
.section--central{padding:72px 0}
.central__grid{display:grid;gap:40px}
.video video{width:100%;max-height:70vh;aspect-ratio:9/16;object-fit:cover;background:var(--cacau-900);border-radius:var(--r-lg);box-shadow:var(--shadow)}
.video figcaption{margin-top:12px;color:var(--cacau-700)}
.video--wide{margin:48px auto;max-width:360px}
.pillars{list-style:none;margin:32px 0;padding:0;display:grid;gap:24px}
.pillars li{display:flex;gap:16px;align-items:flex-start}
.pillars h3{font-size:24px;line-height:30px;margin-bottom:4px}
.pillars p{margin:0;color:var(--cacau-700)}

/* 5. cirurgias */
.grid4{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:16px}
.grid4 h3{margin:16px 0 8px}
.grid4 p{margin:0;color:var(--cacau-700)}
.section .note.center{margin:0 auto 24px;max-width:640px}

/* 6. passos */
.steps{list-style:none;margin:0;padding:0;display:grid;gap:32px;position:relative}
.steps li{padding-left:72px;position:relative}
.steps li:not(:last-child)::before{content:"";position:absolute;left:23px;top:56px;bottom:-32px;width:1px;background:var(--areia)}
.step__n{position:absolute;left:0;top:0;width:48px;height:48px;border-radius:var(--r-full);background:var(--dourado-500);color:var(--cacau-900);display:grid;place-items:center;font:600 26px/1 var(--serif)}
.steps h3{margin-bottom:8px}
.steps p{color:var(--cacau-700);margin:0}

/* 7. sobre */
.about__grid{display:grid;gap:32px;align-items:center}
.about__photo{width:100%;height:auto;border-radius:var(--r-lg);box-shadow:var(--shadow)}
.pull{margin:24px 0;padding:0;font:500 28px/36px var(--serif);color:var(--dourado-800)}
.formacao{margin:0 0 32px;padding-left:20px;color:var(--cacau-700)}

/* 9. FAQ */
.faq{margin-bottom:32px}
.faq details{background:var(--papel);border-radius:var(--r-md);box-shadow:var(--shadow);margin-bottom:12px}
.faq summary{cursor:pointer;list-style:none;padding:20px 56px 20px 24px;font-weight:700;position:relative;min-height:56px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:24px;top:50%;transform:translateY(-50%);font:400 28px/1 var(--serif);color:var(--dourado-700)}
.faq details[open] summary::after{content:"\2212"}
.faq details p{padding:0 24px 20px;margin:0;color:var(--cacau-700)}

/* 10. final */
.final .lead{max-width:560px;margin:16px auto 24px}
.address{display:flex;gap:8px;justify-content:center;align-items:center;margin:24px 0 0;color:var(--cacau-700);text-align:left}
.map{margin-top:40px}
.map iframe{width:100%;height:320px;border:0;border-radius:var(--r-lg)}
.footer{padding:32px 0 96px;color:var(--cacau-700)}
.footer a{color:var(--dourado-700)}

/* botão fixo (celular) */
.fab{position:fixed;left:16px;right:16px;bottom:16px;z-index:20;display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;border-radius:var(--r-full);background:var(--dourado-500);color:var(--cacau-900);font:700 17px/24px var(--sans);text-decoration:none;box-shadow:var(--shadow);transform:translateY(140%);transition:transform .25s}
.fab.on{transform:none}
.fab:hover{background:var(--dourado-400)}

/* cookies */
.consent{position:fixed;left:16px;right:16px;bottom:88px;z-index:30;background:var(--papel);border:1px solid var(--areia);border-radius:var(--r-md);box-shadow:var(--shadow);padding:16px 20px;font-size:15px;line-height:22px;max-width:560px}
.consent p{margin:0 0 12px}
.consent[hidden]{display:none}
.consent__btns{display:flex;gap:12px;justify-content:flex-end}
.btn-sm,.btn-ghost{min-height:44px;padding:8px 20px;border-radius:var(--r-full);font:700 15px/20px var(--sans);cursor:pointer;border:1px solid var(--dourado-800)}
.btn-sm{background:var(--dourado-500);color:var(--cacau-900);border-color:var(--dourado-500)}
.btn-ghost{background:transparent;color:var(--dourado-800)}

/* pendentes (só na prévia) */
.pend-on .pendente{outline:2px dashed var(--erro);outline-offset:2px;background:rgba(164,80,58,.08)}

/* páginas legais */
.legal{padding:40px 0 80px}
.legal h1{font-size:42px;line-height:48px;margin:16px 0 8px}
.legal h2{font-size:28px;line-height:34px;margin:32px 0 8px}
.legal ul{margin:0 0 16px;padding-left:22px}
.legal .back{display:inline-flex;gap:8px;align-items:center}

@media (min-width:860px){
  h2{font-size:34px}
  .section{padding:120px 0}
  .section--central{padding:140px 0}
  .display{font-size:56px;line-height:60px}
  .hero__text .lead{font-size:19px;line-height:30px}
  .hero{padding:32px 0 96px}
  .hero__grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:64px}
  .hero__photo{order:0;margin:0}
  .hero__photo img{max-height:none;border-radius:var(--r-lg)}
  .hero__text .btn{width:auto}
  .strip__list{grid-template-columns:repeat(3,1fr);gap:32px;max-width:1120px}
  .quotes{grid-template-columns:1fr 1fr}
  .central__grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:72px}
  .grid4{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:repeat(3,1fr);gap:48px}
  .steps li{padding:72px 0 0}
  .steps li:not(:last-child)::before{left:72px;right:-48px;top:23px;bottom:auto;width:auto;height:1px}
  .about__grid{grid-template-columns:.85fr 1.15fr;gap:72px}
  .fab{display:none}
  .consent{left:24px;bottom:24px}
}
@media (min-width:1100px){.grid4{grid-template-columns:repeat(4,1fr)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fab{transition:none}}