/* Base compartilhada pelas 3 páginas: cores da marca, fontes e regras comuns */
/* Lexend e Raleway (licença OFL) hospedadas no próprio site: arquivos "latin" do Google Fonts, fontes variáveis */
@font-face{font-family:"Lexend";font-style:normal;font-weight:500 700;font-display:swap;src:url(../fonts/lexend.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Raleway";font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/raleway.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --bg:#e8f3ed; --surface:#fff; --fg:#1d2b26; --muted:#4b6157; --line:#cde3d7;
  --brand:#1D6651; --brand-2:#2e9c84;
  /* fim do degradê um pouco mais escuro que --brand-2 para o texto branco passar de 4,5:1 (AA) */
  --brand-2-text:color-mix(in srgb,var(--brand-2) 55%,var(--brand));
  --grad:linear-gradient(90deg,var(--brand),var(--brand-2-text));
  --grad-diag:linear-gradient(135deg,var(--brand),var(--brand-2-text));
  --display:"Lexend",system-ui,sans-serif; --body:"Raleway",system-ui,sans-serif;
  color-scheme:light;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
img{max-width:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 var(--body)}
h1,h2,h3{font-family:var(--display);line-height:1.15;text-wrap:balance;margin:0}
p{margin:0}
a{color:inherit}
:focus-visible{outline:3px solid var(--brand);outline-offset:3px}


.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;background:var(--grad);color:#fff;font:600 .95rem/1 var(--display);padding:14px 20px;border-radius:999px;text-decoration:none;border:0;cursor:pointer}
.btn.ghost{background:transparent;color:var(--brand);border:1.5px solid var(--brand)}
.btn.sm{padding:10px 16px;font-size:.85rem}

/* barra simples das páginas internas (teste e privacidade) */
div.top{display:flex;justify-content:space-between;align-items:center;gap:12px}
div.top .brand{font:600 1rem/1.1 var(--display);color:var(--brand)}
div.top a{color:var(--muted);font-weight:600;text-decoration:none;font-size:.92rem;display:inline-flex;align-items:center;min-height:44px}
div.top a:hover{color:var(--brand)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}