/* A página pública. Mesma paleta do sistema — o vermelho e a menta saem do logotipo —, mas
   outra densidade: o sistema é uma ferramenta de trabalho e precisa caber muito na tela; esta
   página tem um trabalho só, que é levar a pessoa ao WhatsApp.

   Sem fonte de CDN (NF10). A pilha do sistema tipográfico do aparelho é o que abre mais rápido
   num 3G de Remanso, e essa é a métrica que importa aqui. */

:root{
  --tinta:#221A17; --tinta-70:#5B4F4A; --tinta-45:#756862;
  --vermelho:#E12A1F; --vermelho-esc:#8E1610; --vermelho-noite:#6B0F0A;
  --menta:#3FB78C; --menta-esc:#1B6A50; --menta-clara:#DFF2E9; --menta-linha:#A9DCC6;
  --papel:#FCFAF7; --areia:#F2ECE5; --linha:#E5DBD1; --branco:#fff;
  --foco:#1B6A50;
  --r:12px; --r-lg:20px;
  --ui:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:var(--ui);color:var(--tinta);background:var(--papel);line-height:1.55;
  -webkit-font-smoothing:antialiased}
h1,h2,p,ul{margin:0;padding:0}
ul{list-style:none}
a{color:var(--menta-esc)}
:focus-visible{outline:3px solid var(--foco);outline-offset:3px;border-radius:6px}

/* ── capa ─────────────────────────────────────────────────────────────────────────────────
   O vermelho do logotipo ocupa a dobra inteira e o logotipo fica centrado dentro dele: é a
   mesma imagem que está na fachada, e quem chega reconhece antes de ler. */
.capa{background:linear-gradient(170deg,var(--vermelho) 0%,var(--vermelho-esc) 62%,var(--vermelho-noite) 100%);
  color:#fff;padding:clamp(40px,9vw,84px) 20px clamp(36px,7vw,64px);text-align:center}
.capa__i{max-width:640px;margin:0 auto}
.marca{width:clamp(110px,26vw,150px);height:auto;border-radius:50%;
  box-shadow:0 18px 48px -18px rgba(0,0,0,.55);margin-bottom:22px}
.capa h1{font-size:clamp(28px,7vw,44px);font-weight:700;letter-spacing:-.025em;line-height:1.1}
.lema{margin-top:8px;font-size:clamp(13px,3.2vw,16px);letter-spacing:.18em;text-transform:uppercase;
  color:rgba(255,255,255,.82)}
.lugar{margin-top:14px;font-size:15px;color:rgba(255,255,255,.9)}

.acoes{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.b{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;
  border-radius:999px;font-size:15px;font-weight:600;text-decoration:none;border:1.5px solid transparent}
.b--p{background:var(--menta);color:#08251b}
.b--p:hover{background:#4FC79B}
.b--s{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.b--s:hover{background:rgba(255,255,255,.12)}
.capa :focus-visible{outline-color:var(--menta)}

/* ── corpo ────────────────────────────────────────────────────────────────────────────── */
main{max-width:640px;margin:0 auto;padding:clamp(28px,6vw,52px) 20px}
.bloco + .bloco{margin-top:clamp(28px,6vw,44px)}
.bloco h2{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-45);
  margin-bottom:14px}
.sobre{font-size:clamp(16px,4vw,19px);line-height:1.6;color:var(--tinta-70)}

.contato li{display:flex;gap:14px;align-items:baseline;justify-content:space-between;
  padding:13px 0;border-bottom:1px solid var(--linha)}
.contato li:last-child{border-bottom:0}
.contato span{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-45);
  flex:none}
.contato b{font-weight:600;text-align:right}

.pendente{margin-top:14px;padding:12px 14px;border-radius:var(--r);background:var(--menta-clara);
  border:1px solid var(--menta-linha);color:var(--menta-esc);font-size:13.5px}

/* ── rodapé ───────────────────────────────────────────────────────────────────────────── */
.rodape{border-top:1px solid var(--linha);background:var(--areia);padding:26px 20px 34px;
  text-align:center;color:var(--tinta-45);font-size:13px}
.rodape p + p{margin-top:8px}
.intra{color:var(--tinta-45);text-decoration:underline;text-underline-offset:3px}
.intra:hover{color:var(--menta-esc)}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}