/* Dra. Amanda Crepaldi — site institucional (2026) · paleta clara (azul e verde) */
@font-face{font-family:"EB Garamond Site";src:url(/assets/fonts/ebg-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"EB Garamond Site";src:url(/assets/fonts/ebg-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"EB Garamond Site";src:url(/assets/fonts/ebg-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Manrope";src:url(/assets/fonts/manrope.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
/* Fontes de reserva com a mesma largura das fontes do site: evitam que o texto "pule" quando as fontes chegam */
@font-face{font-family:"EBG Reserva";src:local("Times New Roman"),local("TimesNewRomanPSMT"),local("Times"),local("Noto Serif"),local("NotoSerif");size-adjust:94.9%}
@font-face{font-family:"Manrope Reserva";src:local("Arial"),local("ArialMT"),local("Helvetica"),local("Roboto");size-adjust:100.9%}

:root{
  --fundo:#f4f9fd;        /* azul muito claro */
  --branco:#ffffff;
  --azul:#0b5ea8;         /* azul Einstein */
  --azul-escuro:#0a3f6e;
  --azul-claro:#e6f1fa;
  --ceu:#16a3d6;
  --verde:#0a7466;        /* verde-água (botões, contraste AA) */
  --verde-escuro:#08594f;
  --verde-claro:#e2f3ef;
  --tinta:#1b2a38;        /* texto principal */
  --cinza:#4f5f6f;        /* texto secundário (contraste AA) */
  --linha:rgba(11,94,168,.14);
  --sombra:0 18px 40px -18px rgba(10,63,110,.35);
  --serif:"EB Garamond Site","EBG Reserva",Georgia,"Times New Roman",serif;
  --sans:"Manrope","Manrope Reserva",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --largura:1180px;
  --respiro:clamp(4rem,8vw,7.5rem);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5rem}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--fundo);color:var(--tinta);font-family:var(--sans);font-size:1.0625rem;line-height:1.7;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.1;letter-spacing:-.012em;margin:0;color:var(--azul-escuro)}
h2{font-size:clamp(2.1rem,4.6vw,3.2rem)}
h3{font-size:1.6rem}
p{margin:0 0 1.1em}
:focus-visible{outline:2px solid var(--ceu);outline-offset:3px;border-radius:2px}
.skip{position:absolute;left:-999px;top:0;background:var(--branco);padding:.6rem 1rem;z-index:100}
.skip:focus{left:1rem;top:1rem}

.largura{max-width:var(--largura);margin:0 auto;padding:0 clamp(1.25rem,5vw,3rem)}
.largura--estreita{max-width:860px}
.secao{padding:var(--respiro) 0}
.sobretitulo{font-family:var(--sans);font-size:.74rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--verde);margin:0 0 1.1rem;display:flex;align-items:center;gap:.9rem}
.sobretitulo::before{content:"";width:2.2rem;height:2px;border-radius:2px;background:var(--ceu)}
.cabecalho-secao{max-width:640px;margin-bottom:clamp(2rem,4vw,3rem)}
.intro{font-size:1.12rem;color:var(--cinza);margin-top:1.3rem}

/* Duas colunas com foto */
.duas-colunas{display:grid;gap:clamp(2.2rem,5vw,5rem);align-items:center}
@media (min-width:900px){
  .duas-colunas{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
  .duas-colunas--invertida{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
}

/* Fotos */
.foto{margin:0;position:relative}
.foto img{width:100%;border-radius:18px;box-shadow:var(--sombra);object-fit:cover}
.foto--moldura img{aspect-ratio:4/5;object-position:50% 20%}
.foto--moldura::before{content:"";position:absolute;inset:1rem -1rem -1rem 1rem;border-radius:18px;background:var(--azul-claro);z-index:-1}
.foto--paisagem img{aspect-ratio:4/3;object-position:50% 22%}
@media (min-width:900px){.foto--moldura{max-width:470px;justify-self:center}.foto--moldura::before{inset:1.4rem -1.4rem -1.4rem 1.4rem}}

/* Botões */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;padding:.9rem 1.9rem;border-radius:999px;font-family:var(--sans);font-size:.95rem;font-weight:700;letter-spacing:.02em;text-decoration:none;transition:background-color .25s,color .25s,transform .25s,box-shadow .25s}
.btn--principal{background:var(--verde);color:#fff;box-shadow:0 10px 24px -12px rgba(10,116,102,.8)}
.btn--principal:hover{background:var(--verde-escuro);transform:translateY(-1px)}
.btn--mini{min-height:2.5rem;padding:.5rem 1.2rem;font-size:.85rem;background:var(--verde);color:#fff}
.btn--mini:hover{background:var(--verde-escuro)}
.link-seta{font-size:.92rem;font-weight:600;text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:2px;color:var(--azul)}
.link-seta:hover{color:var(--azul-escuro)}

/* Topo */
.topo{position:fixed;inset:0 0 auto;z-index:50;color:var(--azul-escuro);transition:background-color .35s,box-shadow .35s}
.topo__in{max-width:1320px;margin:0 auto;display:flex;align-items:center;gap:2rem;padding:.85rem clamp(1.25rem,4vw,2.5rem)}
.topo.rolou{background:rgba(255,255,255,.95);backdrop-filter:saturate(1.2) blur(10px);-webkit-backdrop-filter:saturate(1.2) blur(10px);box-shadow:0 1px 0 var(--linha)}
.marca{text-decoration:none;display:flex;flex-direction:column;line-height:1.1;margin-right:auto}
.marca__nome{font-family:var(--serif);font-size:1.35rem;font-weight:500;letter-spacing:.01em}
.marca__sub{font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cinza);margin-top:.2rem}
.menu{display:none;gap:1.9rem;font-size:.88rem;font-weight:500}
.menu a{text-decoration:none;color:var(--tinta);opacity:.8;transition:opacity .2s,color .2s}
.menu a:hover{opacity:1;color:var(--azul)}
@media (min-width:980px){.menu{display:flex}}

/* Hero */
.hero{position:relative;background:linear-gradient(160deg,#ffffff 0%,var(--fundo) 45%,var(--azul-claro) 100%);overflow:hidden}
.hero::before{content:"";position:absolute;width:44rem;height:44rem;right:-14rem;top:-12rem;border-radius:50%;background:radial-gradient(circle,rgba(22,163,214,.16) 0%,rgba(22,163,214,0) 70%);pointer-events:none}
.hero__in{position:relative;max-width:var(--largura);margin:0 auto;padding:6.5rem clamp(1.25rem,5vw,3rem) 3.5rem;display:grid;gap:2.5rem}
.hero .sobretitulo{color:var(--verde)}
.hero h1{font-size:clamp(2.7rem,9vw,5rem);letter-spacing:-.015em}
.hero__frase{font-family:var(--serif);font-style:italic;font-size:clamp(1.35rem,4vw,1.9rem);line-height:1.25;color:var(--azul);margin:1rem 0 1.6rem;max-width:30ch}
.credenciais{list-style:none;margin:0 0 2.1rem;font-size:.95rem;line-height:1.55;color:var(--cinza);border-left:3px solid var(--ceu);padding-left:1.1rem;max-width:48ch}
.credenciais li+li{margin-top:.45rem}
.credenciais li:first-child{color:var(--azul-escuro);font-weight:700;letter-spacing:.03em}
.hero__acoes{display:flex;flex-wrap:wrap;align-items:center;gap:1.1rem 1.8rem}
.hero__midia{position:relative;padding-bottom:2.5rem}
.foto--hero img{aspect-ratio:4/5;object-position:60% 25%;border-radius:22px}
.selo-einstein{position:absolute;left:-.25rem;bottom:0;display:flex;align-items:center;gap:.9rem;background:var(--branco);border-radius:16px;padding:.8rem 1.1rem .8rem .8rem;box-shadow:0 14px 32px -14px rgba(10,63,110,.45);max-width:min(23rem,92%)}
.selo-einstein img{width:3.6rem;height:auto;flex:none}
.selo-einstein p{margin:0;font-size:.78rem;line-height:1.4;color:var(--cinza)}
.selo-einstein strong{display:block;color:var(--azul);font-size:.86rem}
@media (min-width:900px){
  .hero__in{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:4rem;padding:8.5rem 3rem 5.5rem;min-height:min(100vh,900px)}
  .hero h1{font-size:clamp(4rem,6.4vw,5.8rem)}
  .credenciais{font-size:1rem}
  .selo-einstein{left:-2.5rem;bottom:1.5rem}
}

/* Faixa Einstein */
.faixa-einstein{background:var(--branco);border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.faixa-einstein__in{display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding-top:2.2rem;padding-bottom:2.2rem;text-align:center}
.faixa-einstein img{width:7.5rem;height:auto}
.faixa-einstein p{margin:0;max-width:60ch;color:var(--cinza);font-size:1rem}
.faixa-einstein strong{color:var(--azul)}
@media (min-width:760px){.faixa-einstein__in{flex-direction:row;justify-content:center;text-align:left;gap:2.2rem}.faixa-einstein img{width:6.5rem}}

/* Sobre */
.sobre{background:var(--fundo)}
.sobre__texto p{color:var(--cinza);max-width:54ch}
.sobre__texto h2{margin-bottom:1.6rem}
.destaque{font-family:var(--serif);font-style:italic;font-size:1.4rem;line-height:1.4;color:var(--verde)!important;border-top:1px solid var(--linha);padding-top:1.5rem;margin-top:1.8rem}

/* Formação */
.formacao{background:var(--branco)}
.formacao h2{margin-bottom:2rem}
.formacao__item{padding:2rem clamp(1.4rem,3vw,2.4rem);border:1px solid var(--linha);border-radius:18px;background:var(--fundo)}
.formacao__item+.formacao__item{margin-top:1.2rem}
.formacao__item h3{font-size:clamp(1.9rem,4vw,2.4rem);margin:.4rem 0 .7rem}
.formacao__tipo{font-size:.74rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--cinza);margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}
.formacao__inst{margin:0;color:var(--cinza)}
.formacao__ano{margin:.4rem 0 0;font-size:.9rem;color:var(--cinza)}
.formacao__item--destaque{background:linear-gradient(150deg,#ffffff 0%,var(--azul-claro) 100%);border:1.5px solid rgba(11,94,168,.35);box-shadow:var(--sombra)}
.formacao__logo{width:6.5rem;height:auto;margin-bottom:1.2rem}
.formacao__item--destaque .formacao__tipo{color:var(--azul)}
.formacao__inst--grande{font-family:var(--serif);font-size:clamp(1.4rem,3vw,1.75rem);line-height:1.25;color:var(--azul-escuro)}
.formacao__nota{margin:1.1rem 0 0;font-size:.82rem;line-height:1.55;color:var(--cinza);max-width:48ch}
.selo{font-size:.66rem;letter-spacing:.14em;padding:.25rem .65rem;border:1px solid currentColor;border-radius:999px}

/* Saúde mental */
.saude{background:var(--verde-claro)}
.saude__topo{margin-bottom:clamp(2.5rem,5vw,4rem)}
.saude__topo .cabecalho-secao{margin-bottom:0}
.temas{list-style:none;margin:0;padding:0;display:grid;gap:1rem;counter-reset:t}
.temas li{counter-increment:t;padding:1.6rem 1.5rem;background:var(--branco);border-radius:16px;border:1px solid rgba(10,116,102,.14);display:grid;grid-template-columns:2.6rem 1fr;column-gap:.8rem}
.temas li::before{content:counter(t,decimal-leading-zero);font-family:var(--serif);font-size:1.15rem;color:var(--verde);grid-row:span 2;padding-top:.3rem}
.temas h3{font-size:1.55rem;margin-bottom:.4rem}
.temas p{margin:0;color:var(--cinza);font-size:.97rem}
@media (min-width:720px){.temas{grid-template-columns:1fr 1fr}}
@media (min-width:1080px){.temas{grid-template-columns:repeat(3,1fr)}}
.aviso{margin:2.2rem 0 0;font-size:.85rem;color:var(--cinza)}

/* Como funciona */
.consulta{background:var(--fundo)}
.passos{list-style:none;margin:0;padding:0;display:grid;gap:1.4rem}
.passos li{display:grid;grid-template-columns:3.4rem 1fr;gap:1rem;padding:1.4rem 1.4rem 1.3rem;background:var(--branco);border-radius:16px;border:1px solid var(--linha)}
.passos__num{font-family:var(--serif);font-size:2.4rem;line-height:1;color:var(--azul)}
.passos h3{font-size:1.6rem;margin-bottom:.4rem}
.passos p{margin:0;color:var(--cinza)}

/* Agendamento */
.agenda{background:linear-gradient(150deg,var(--azul-claro) 0%,var(--verde-claro) 100%)}
.agenda h2{max-width:15ch;margin-bottom:1.4rem}
.agenda__texto>p{color:var(--cinza);max-width:46ch;margin-bottom:2rem}
.agenda__fone{margin:1.5rem 0 0!important;font-size:.9rem}
.agenda__fone a{color:var(--azul);font-weight:600}

/* Dúvidas */
.duvidas{background:var(--branco)}
.faq details{border-bottom:1px solid var(--linha)}
.faq details:first-child{border-top:1px solid var(--linha)}
.faq summary{list-style:none;cursor:pointer;padding:1.4rem 2.5rem 1.4rem 0;font-family:var(--serif);font-size:1.32rem;line-height:1.3;position:relative;color:var(--azul-escuro)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:.4rem;top:50%;width:.7rem;height:.7rem;border-right:2px solid var(--verde);border-bottom:2px solid var(--verde);transform:translateY(-70%) rotate(45deg);transition:transform .25s}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq details p{margin:0 0 1.5rem;color:var(--cinza);max-width:62ch}
.faq a{color:var(--azul)}
.emergencia{margin:2.8rem 0 0;padding:1.2rem 1.4rem;background:var(--verde-claro);border-radius:12px;font-size:.92rem;color:#1d4740;border-left:4px solid var(--verde)}

/* Rodapé */
.rodape{background:var(--azul-claro);color:var(--cinza);font-size:.88rem;line-height:1.65;padding:4rem 0 calc(2rem + env(safe-area-inset-bottom));border-top:1px solid var(--linha)}
.rodape__in{max-width:var(--largura);margin:0 auto;padding:0 clamp(1.25rem,5vw,3rem);display:grid;gap:2.4rem}
.rodape p{margin:0 0 .35rem}
.rodape a{color:var(--azul);text-decoration:none;border-bottom:1px solid rgba(11,94,168,.3)}
.rodape a:hover{border-color:currentColor}
.rodape__nome{font-family:var(--serif);font-size:1.6rem;color:var(--azul-escuro);line-height:1.2;margin-bottom:.6rem!important}
.rodape__nota{font-size:.8rem;margin-top:.8rem!important;max-width:38ch}
.rodape__rotulo{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--verde);margin-bottom:.8rem!important}
.redes{display:flex;gap:1.1rem;flex-wrap:wrap;margin:.6rem 0 .8rem!important}
.rodape__fim{max-width:var(--largura);margin:3rem auto 0;padding:1.5rem clamp(1.25rem,5vw,3rem) 0;border-top:1px solid var(--linha);font-size:.78rem;color:var(--cinza)}
@media (min-width:900px){.rodape__in{grid-template-columns:1.2fr 1fr 1fr}}

/* WhatsApp flutuante */
.wa-flutuante{position:fixed;right:max(1rem,env(safe-area-inset-right));bottom:calc(1rem + env(safe-area-inset-bottom));z-index:60;width:3.4rem;height:3.4rem;border-radius:50%;display:grid;place-items:center;background:var(--verde);color:#fff;box-shadow:0 8px 24px rgba(10,63,110,.3);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .3s,transform .3s}
.wa-flutuante.visivel{opacity:1;transform:none;pointer-events:auto}
.wa-flutuante:hover{background:var(--verde-escuro)}

/* Página interna */
.pagina{padding:9rem 0 var(--respiro);background:var(--fundo)}
.pagina h1{font-size:clamp(2.4rem,6vw,3.6rem);margin-bottom:1.5rem}
.pagina h2{font-size:1.8rem;margin:2.6rem 0 .8rem}
.pagina p,.pagina li{color:var(--cinza);max-width:70ch}
.pagina a{color:var(--azul)}

/* Aviso de cookies (consentimento do Google Analytics) */
.aviso-cookies{position:fixed;left:max(1rem,env(safe-area-inset-left));right:max(1rem,env(safe-area-inset-right));bottom:calc(1rem + env(safe-area-inset-bottom));z-index:70;max-width:30rem;background:var(--branco);color:var(--tinta);border:1px solid var(--linha);border-radius:16px;box-shadow:0 18px 40px -16px rgba(10,63,110,.45);padding:1.1rem 1.2rem;font-size:.86rem;line-height:1.55}
.aviso-cookies p{margin:0 0 .9rem;color:var(--cinza)}
.aviso-cookies a{color:var(--azul)}
.aviso-cookies__botoes{display:flex;gap:.6rem;justify-content:flex-end;flex-wrap:wrap}
.aviso-cookies__btn{font:inherit;font-weight:700;font-size:.85rem;min-height:2.6rem;padding:.5rem 1.3rem;border-radius:999px;border:1.5px solid var(--verde);background:var(--verde);color:#fff;cursor:pointer}
.aviso-cookies__btn--sec{background:transparent;color:var(--verde)}
.aviso-cookies__btn:hover{background:var(--verde-escuro);border-color:var(--verde-escuro);color:#fff}
body.com-aviso .wa-flutuante{bottom:calc(10.5rem + env(safe-area-inset-bottom))}
@media (min-width:700px){body.com-aviso .wa-flutuante{bottom:calc(1rem + env(safe-area-inset-bottom))}}
.link-botao{font:inherit;background:none;border:0;padding:0;color:var(--azul);cursor:pointer;border-bottom:1px solid rgba(11,94,168,.3)}

/* Janela de canais (agendamento automático x atendente) — usada quando o UBSMed estiver ativo */
.canais{border:0;padding:0;background:transparent;max-width:min(26rem,calc(100vw - 2rem));width:100%}
.canais::backdrop{background:rgba(10,63,110,.35);backdrop-filter:blur(2px)}
.canais__caixa{position:relative;background:var(--branco);border-radius:20px;padding:1.6rem 1.3rem 1.3rem;box-shadow:0 24px 60px -20px rgba(10,63,110,.55)}
.canais__titulo{font-family:var(--serif);font-size:1.55rem;line-height:1.2;color:var(--azul-escuro);margin:0 2rem 1.1rem 0}
.canais__fechar{position:absolute;top:.6rem;right:.7rem;width:2.4rem;height:2.4rem;border:0;border-radius:50%;background:var(--azul-claro);color:var(--azul-escuro);font-size:1.4rem;line-height:1;cursor:pointer}
.canais__opcao{display:block;width:100%;text-align:left;font:inherit;cursor:pointer;border-radius:14px;padding:.95rem 1.1rem;margin-top:.7rem;border:1.5px solid var(--linha);background:var(--fundo);color:var(--tinta)}
.canais__opcao strong{display:block;font-size:1.02rem;color:var(--azul-escuro)}
.canais__opcao span{display:block;font-size:.84rem;color:var(--cinza);margin-top:.15rem}
.canais__opcao--principal{background:var(--verde);border-color:var(--verde)}
.canais__opcao--principal strong,.canais__opcao--principal span{color:#fff}
.canais__opcao:hover{border-color:var(--azul)}
.canais__opcao--principal:hover{background:var(--verde-escuro);border-color:var(--verde-escuro)}
.agenda__atendente{display:inline-block;margin-top:1.1rem}