/* FAÇA PSICOTERAPIA — style.css */
:root{
  --azul:#16265c; --azul2:#2b4bb5; --azul-claro:#eef2fb;
  --texto:#1f2430; --cinza:#5a6172; --branco:#ffffff;
  --verde:#1ebe57; --verde-escuro:#128a3e; --amarelo:#fff3cd; --amarelo-b:#b8860b;
  --raio:14px; --sombra:0 6px 24px rgba(22,38,92,.10);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:17px;line-height:1.65;color:var(--texto);background:var(--branco)}
img{max-width:100%;display:block}
a{color:var(--azul2)}
.container{max-width:1080px;margin:0 auto;padding:0 20px}

/* Header */
header{background:var(--branco);border-bottom:1px solid #e5e8f0;position:sticky;top:0;z-index:50}
.topo{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;flex-wrap:wrap}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none}
.marca .psi{font-size:1.9rem;color:var(--azul);font-weight:700}
.marca .nome{font-weight:700;color:var(--azul);font-size:1.15rem;letter-spacing:.02em}
nav ul{display:flex;gap:6px;list-style:none;flex-wrap:wrap}
nav a{display:block;padding:10px 12px;min-height:44px;text-decoration:none;color:var(--texto);font-weight:600;border-radius:8px}
nav a:hover,nav a.ativo{background:var(--azul-claro);color:var(--azul)}

/* Herói */
.heroi{background:linear-gradient(160deg,var(--azul) 0%,var(--azul2) 100%);color:var(--branco);padding:64px 0 56px;text-align:center}
.heroi h1{font-size:clamp(1.7rem,4.5vw,2.6rem);line-height:1.25;max-width:820px;margin:0 auto 16px}
.heroi p{font-size:1.15rem;max-width:700px;margin:0 auto 28px;opacity:.95}
.heroi .nota{font-size:.9rem;opacity:.8;margin-top:12px}

/* Botões */
.btn-wpp{display:inline-flex;align-items:center;gap:10px;background:var(--verde);color:#fff;font-weight:700;font-size:1.05rem;padding:14px 26px;min-height:48px;border-radius:999px;text-decoration:none;box-shadow:var(--sombra)}
.btn-wpp:hover{background:var(--verde-escuro)}
.btn-sec{display:inline-block;color:var(--azul2);font-weight:700;text-decoration:none;padding:10px 0;min-height:44px}
.btn-sec:hover{text-decoration:underline}

/* Seções */
section{padding:56px 0}
section.alt{background:var(--azul-claro)}
h2{color:var(--azul);font-size:clamp(1.4rem,3vw,1.9rem);margin-bottom:18px;line-height:1.3}
h3{color:var(--azul);font-size:1.15rem;margin:22px 0 8px}
section p{margin-bottom:14px;max-width:75ch}
ul.lista{margin:0 0 14px 22px}
ul.lista li{margin-bottom:8px}

/* Cards */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:24px}
.card{background:var(--branco);border:1px solid #e5e8f0;border-radius:var(--raio);padding:26px;box-shadow:var(--sombra)}
.card h3{margin-top:0}
.card p{margin-bottom:14px}
section.alt .card{border:none}

/* Passos */
.passos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:20px;counter-reset:passo}
.passo{background:var(--branco);border-radius:var(--raio);padding:22px;border:1px solid #e5e8f0}
.passo::before{counter-increment:passo;content:counter(passo);display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--azul);color:#fff;font-weight:700;margin-bottom:10px}

/* Convênios */
.convenios{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.convenios span{background:var(--branco);border:1px solid #d9deee;border-radius:999px;padding:8px 18px;font-weight:600;color:var(--azul)}

/* Avisos */
.aviso{background:var(--azul-claro);border-left:4px solid var(--azul2);border-radius:8px;padding:16px 18px;margin:18px 0}
.pendente{background:var(--amarelo);border-left:4px solid var(--amarelo-b);border-radius:8px;padding:14px 18px;margin:18px 0;font-weight:600}
.crise{font-size:.95rem;color:var(--cinza)}

/* Tabela */
table{width:100%;border-collapse:collapse;margin:18px 0;background:var(--branco)}
th,td{border:1px solid #e0e4ef;padding:12px 14px;text-align:left;vertical-align:top}
th{background:var(--azul-claro);color:var(--azul)}

/* FAQ */
details{background:var(--branco);border:1px solid #e5e8f0;border-radius:10px;padding:16px 18px;margin-bottom:12px}
summary{font-weight:700;color:var(--azul);cursor:pointer;min-height:44px;display:flex;align-items:center}
details p{margin-top:10px}

/* Rodapé */
footer{background:var(--azul);color:#dfe5f5;padding:44px 0 90px;font-size:.95rem}
footer a{color:#fff}
footer .linhas p{margin-bottom:8px;max-width:none}
footer .crise{color:#c9d2ec;margin-top:16px}

/* WhatsApp flutuante */
.wpp-flutuante{position:fixed;right:18px;bottom:18px;z-index:99;width:60px;height:60px;border-radius:50%;background:var(--verde);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(0,0,0,.28);text-decoration:none}
.wpp-flutuante:hover{background:var(--verde-escuro)}
.wpp-flutuante svg{width:32px;height:32px;fill:#fff}

@media (max-width:640px){
  .topo{justify-content:center;text-align:center}
  .heroi{padding:44px 0 40px}
  section{padding:40px 0}
}