/* v2 (2026-10-16): página pensada para quem chega pelo Google. Base visual = versão no ar na Lovable. */
:root{
  --offwhite:oklch(0.97857 0.00264 106.448);
  --bege:oklch(0.84803 0.02335 71.749);
  --dourado:oklch(0.62468 0.07570 81.149);
  --dourado-txt:oklch(0.50998 0.06750 80.902);
  --carvao:oklch(0.22213 0 89.876);
  --preto:oklch(0.17764 0 89.876);
  --texto:var(--carvao);
  --suave:oklch(0.43681 0.01100 78.211);
  --linha:oklch(0.89673 0.01382 78.258);
  --branco:#fff;
  --hero:oklch(0.22567 0.00379 106.700);
  --dourado-claro:oklch(0.76212 0.07549 83.344);
  --suave-escuro:oklch(0.81868 0.01362 82.400);
  --cinza-escuro:oklch(0.78384 0.01503 84.589);
  --bege-txt:oklch(0.39820 0.02361 79.893);
  --f-titulo:"Playfair Display", Georgia, "Times New Roman", serif;
  --f-texto:"Jost", "Segoe UI", Arial, sans-serif;
  --max:1140px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--offwhite);color:var(--texto);font-family:var(--f-texto);font-size:17px;line-height:1.7;font-weight:400;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
h1,h2,h3,h4{margin:0;font-weight:400;line-height:1.15;text-wrap:balance}
h2{font-family:var(--f-titulo);font-size:46px}
p{margin:0}
strong,b{font-weight:500}
em{font-style:normal}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:24px}
.sec{padding-block:clamp(64px,8vw,104px)}
.rotulo{font-size:12px;text-transform:uppercase;font-weight:500;color:var(--dourado-txt)}
.cabeca{display:flex;flex-direction:column;gap:14px;margin-bottom:clamp(36px,5vw,56px)}
.cabeca p:not(.rotulo){color:var(--suave);max-width:620px}
.cabeca--centro{align-items:center;text-align:center}

/* Marcação de prévia: o que depende do cliente. No site real, nada disto aparece. */

/* Botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--carvao);color:var(--branco);text-decoration:none;font-family:var(--f-texto);font-weight:500;font-size:13px;text-transform:uppercase;line-height:1.3;padding:18px 30px;min-height:52px;transition:background .2s,color .2s}
.btn:hover{background:oklch(0.34099 0.00898 88.740)}
.btn:focus-visible{outline:2px solid var(--dourado);outline-offset:3px}
.btn span{font-size:16px}
.btn--claro{background:var(--offwhite);color:var(--carvao)}
.btn--claro:hover{background:var(--branco)}
.btn--contorno{background:transparent;color:var(--carvao);border:1px solid var(--carvao);min-height:46px;padding:13px 24px;font-size:12px}
.btn--contorno:hover{background:var(--carvao);color:var(--branco)}
.acao{margin-top:clamp(36px,5vw,52px);display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.acao--centro{align-items:center;text-align:center}
.acao p{color:var(--suave);font-size:14px}

/* Onda entre seções */
.onda{display:block;line-height:0;background:var(--de)}
.onda svg{display:block;width:100%;height:clamp(28px,4vw,56px);color:var(--para)}

/* 1. Topo */
.hero{position:relative;background:var(--hero) url("/img/mn-banner.webp") 72% center/cover no-repeat;color:var(--branco)}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,oklch(0.19044 0.00395 106.769 / .85) 0%,oklch(0.19044 0.00395 106.769 / .55) 38%,oklch(0.19044 0.00395 106.769 / 0) 62%);pointer-events:none}
.hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,600px);align-items:center;min-height:clamp(600px,calc(100svh - 96px),880px)}
.hero__foto{display:none}
.hero__txt{display:flex;flex-direction:column;gap:16px;padding-block:56px 64px}
.hero__logo{width:230px;height:auto;margin-bottom:22px}
.hero .rotulo{color:var(--dourado-claro)}
.hero h1{font-family:var(--f-titulo);font-size:52px;line-height:1.1;color:var(--branco)}
.hero__sub{font-size:22px;line-height:1.4;color:var(--branco)}
.hero__id{font-size:14px;color:var(--suave-escuro)}
.hero__frase{font-size:17px;color:var(--suave-escuro)}
.hero__frase em{color:var(--dourado-claro)}
.atalhos{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.atalhos a{display:inline-flex;align-items:center;min-height:40px;padding:8px 18px;border:1px solid var(--dourado-claro);color:var(--dourado-claro);text-decoration:none;font-size:12px;font-weight:500;text-transform:uppercase;transition:background .2s,color .2s}
.atalhos a:hover{background:var(--dourado-claro);color:var(--carvao)}
.atalhos a:focus-visible{outline:2px solid var(--dourado-claro);outline-offset:3px}
.hero .acao{margin-top:10px}
.hero .acao p{color:var(--suave-escuro);font-size:13.5px}
@media (min-width:961px){
  .onda--hero{position:relative;z-index:2;background:transparent;margin-top:calc(-1 * clamp(28px,4vw,56px))}
}

/* 2. Procedimentos */
.proc{background:var(--bege)}
.proc .rotulo,.proc .cabeca p:not(.rotulo){color:var(--bege-txt)}
.grupo{scroll-margin-top:24px}
.grupo+.grupo{margin-top:52px}
.grupo__nome{font-family:var(--f-titulo);font-size:26px;margin-bottom:18px;display:flex;align-items:center;gap:16px}
.grupo__nome::after{content:"";flex:1;height:1px;background:oklch(0.22213 0 89.876 / .18)}
.pgrade{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.pgrade--4{grid-template-columns:repeat(4,1fr)}
.pgrade--3{grid-template-columns:repeat(3,1fr)}
.pcard{background:var(--offwhite);display:flex;flex-direction:column}
.pcard__txt{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.pcard h4{font-family:var(--f-texto);font-weight:500;font-size:16.5px;line-height:1.35}
.pcard h4 small{display:block;font-size:14px;font-weight:400;color:var(--suave);margin-top:2px}
.pcard p{font-size:15px;color:var(--suave);line-height:1.6}
.pcard .praquem{color:var(--dourado-txt)}
/* Face: foto ao lado do texto no computador, para a foto não dominar o bloco */
.pcard a{margin-top:auto;padding-top:6px;color:var(--dourado-txt);font-weight:500;font-size:14px;text-decoration:none;border-bottom:1px solid currentColor;align-self:flex-start}
.grupo .acao{margin-top:20px}

/* 3. O médico */
.sobre__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,6vw,88px);align-items:center}
.sobre__foto{position:relative;margin:0 0 22px 22px;background:var(--hero)}
.sobre__foto::before{content:"";position:absolute;inset:22px 22px -22px -22px;border:1px solid var(--dourado);pointer-events:none}
.sobre__foto img{position:relative;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;box-shadow:0 18px 40px oklch(0.17764 0 89.876 / .18)}
#medico .rotulo{margin-bottom:14px}
#medico h2{margin-bottom:24px}
.carta{display:flex;flex-direction:column;gap:12px;max-width:58ch;font-size:19px;line-height:1.65}
.carta__assina{font-size:17px;color:var(--dourado-txt)}
.destaque{margin-top:28px;padding-left:20px;border-left:2px solid var(--dourado);font-size:21px;font-weight:500;line-height:1.45;max-width:30ch}
.formacao{margin-top:32px;padding-top:28px;border-top:1px solid var(--linha);display:flex;flex-direction:column;gap:14px;max-width:60ch;color:var(--suave)}
.formacao strong{color:var(--texto);font-weight:600}

/* 4. Como funciona */
.consulta{background:var(--carvao);color:oklch(0.92257 0.00869 84.574)}
.consulta h2{color:var(--branco)}
.consulta .rotulo{color:var(--dourado-claro)}
.etapas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.etapa{border-top:1px solid oklch(0.76212 0.07549 83.344 / .45);padding-top:22px;display:flex;flex-direction:column;gap:10px}
.etapa__n{font-weight:500;font-size:34px;line-height:1;color:var(--dourado-claro)}
.etapa h3{font-family:var(--f-texto);font-weight:500;font-size:17px;color:var(--branco)}
.etapa p{font-size:15.5px;color:var(--cinza-escuro);line-height:1.65}
.consulta__nota{margin-top:36px;font-size:15px;color:var(--cinza-escuro);max-width:60ch}

/* 5. Estrutura */
.estr__grid>div{max-width:820px}
.lista{list-style:none;margin:0;padding:0;border-top:1px solid var(--linha)}
.lista li{position:relative;padding:16px 0 16px 22px;border-bottom:1px solid var(--linha)}
.lista li::before{content:"";position:absolute;left:2px;top:27px;width:6px;height:6px;border-radius:50%;background:var(--dourado)}

/* 6. Dúvidas */
.duvidas{background:var(--bege)}
.duvidas .rotulo{color:var(--bege-txt)}
.faq{max-width:820px;margin:0 auto}
.faq__lista{border-top:1px solid oklch(0.22213 0 89.876 / .18)}
.faq__item{border-bottom:1px solid oklch(0.22213 0 89.876 / .18)}
.faq__item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:56px;padding:18px 4px;font-size:17px}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary:focus-visible{outline:2px solid var(--dourado);outline-offset:2px}
.faq__item summary i{flex:none;width:26px;height:26px;border:1px solid oklch(0.22213 0 89.876 / .3);border-radius:50%;position:relative}
.faq__item summary i::before,.faq__item summary i::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;background:var(--carvao);transform:translate(-50%,-50%)}
.faq__item summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:opacity .2s}
.faq__item[open] summary i::after{opacity:0}
.faq__r{padding:0 44px 22px 4px;color:var(--bege-txt)}

/* 7. Próximo passo */
.passo{background:var(--offwhite)}
.passo__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,80px);align-items:center}
.passo .acao{margin-top:0}

/* Rodapé */
.rodape{background:var(--preto);color:oklch(0.76828 0.01384 82.399);font-size:14px;line-height:1.7;padding-block:64px 40px}
.rodape__topo{display:grid;grid-template-columns:1.15fr .55fr .95fr 1.25fr;gap:36px;align-items:start;padding-bottom:36px;border-bottom:1px solid oklch(1 0 0 / .12)}
.rodape__logo{width:220px;height:auto;margin-bottom:18px}
.rodape h3{font-family:var(--f-texto);font-size:12px;text-transform:uppercase;font-weight:500;color:var(--dourado-claro);margin-bottom:10px}
.rodape__med{color:oklch(0.93217 0.01033 81.795)}
.rodape ul{list-style:none;margin:0;padding:0}
.rodape a{color:oklch(0.93217 0.01033 81.795);text-decoration:none}
.rodape a:hover{text-decoration:underline}
.rodape__mapa{display:block;border:1px solid oklch(1 0 0 / .14);overflow:hidden}
.rodape__mapa img{width:100%;height:auto;aspect-ratio:720/440;object-fit:cover}
.rodape__mapa-link{display:inline-block;margin-top:10px;font-size:13px}
.rodape__credito{font-size:11px;color:oklch(0.57752 0.01617 84.593);margin-top:4px}
.rodape__aviso{padding-top:28px;display:flex;flex-direction:column;gap:8px;font-size:13px;color:oklch(0.68427 0.01553 84.592)}
.rodape__legal{margin-top:16px;font-size:13px;color:oklch(0.68427 0.01553 84.592)}
.rodape__legal a{text-decoration:underline}

.fixo{display:none}

@media (max-width:960px){
  h2{font-size:38px}
  .hero{background-image:none}
  .hero::before{display:none}
  .hero__grid{grid-template-columns:1fr;gap:0;min-height:0;padding-inline:0}
  .hero__txt{padding:32px 24px 8px;gap:12px}
  .hero__logo{width:180px;margin-bottom:10px}
  .hero h1{font-size:42px}
  .hero__sub{font-size:19px}
  .hero__foto{display:block;position:relative;max-width:560px;width:100%;margin:0 auto}
  .hero__foto img{width:100%;height:auto}
  .hero__foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--hero) 0%,oklch(0.22567 0.00379 106.700 / 0) 7%,oklch(0.22567 0.00379 106.700 / 0) 82%,var(--hero) 100%)}
  .pgrade--4,.pgrade--3{grid-template-columns:1fr 1fr}
  .sobre__grid,.passo__grid{grid-template-columns:1fr}
  .sobre__foto{max-width:420px;order:2;margin:8px 0 14px 14px}
  .sobre__foto::before{inset:14px 14px -14px -14px}
  .etapas{grid-template-columns:1fr;gap:0}
  .etapa{display:grid;grid-template-columns:56px 1fr;column-gap:8px;border-top:0;border-left:1px solid oklch(0.76212 0.07549 83.344 / .45);padding:0 0 30px 20px}
  .etapa__n{grid-row:span 2;font-size:32px}
  .etapa p{grid-column:2}
  .rodape__topo{grid-template-columns:1fr 1fr}
  .rodape__topo>div:first-child{grid-column:1/-1}
}
@media (max-width:640px){
  body{font-size:16.5px}
  h2{font-size:32px}
  .wrap{padding-inline:16px}
  .hero__txt{padding-inline:16px}
  .hero__grid.wrap{padding-inline:0}
  .hero h1{font-size:32px}
  .hero__sub{font-size:18px}
  .hero__id{font-size:13px}
  .acao,.acao--centro{align-items:stretch;text-align:left}
  .btn{width:100%}
  .carta{font-size:17px}
  .destaque{font-size:19px}
  .pgrade,.pgrade--4,.pgrade--3{grid-template-columns:1fr;gap:12px}
  .pcard__txt{padding:14px 16px;gap:4px}
  .pcard p{font-size:14.5px;line-height:1.5}
  .faq__r{padding-right:4px}
  .rodape__topo{grid-template-columns:1fr;gap:28px}
  .rodape{padding-bottom:110px}
  .fixo{display:block;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:oklch(0.97857 0.00264 106.448 / .96);border-top:1px solid var(--linha);transform:translateY(110%);transition:transform .3s}
  .fixo.on{transform:none}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .fixo,.btn,.faq__item summary i::after{transition:none}
}