/* =============================================================
   pages.css — folha de estilo das páginas de apoio da Sano
   (obrigado.html + as 4 páginas legais).

   Substitui o antigo /style.css, que era a folha da landing do
   projeto de origem (Pureveen) e NÃO existe neste site. Contém só
   o que estas cinco páginas precisam: Open Sans self-hosted, um
   reset mínimo, a base tipográfica e os tokens da paleta verde.
   A landing (index.php) tem o seu próprio CSS embutido e não
   carrega este ficheiro.
   ============================================================= */

/* ---------- Open Sans (self-hosted, sem CDN) ----------
   /css/google-fonts.css é local apesar do nome: todos os src:url()
   apontam para /assets/fonts/*.woff2. É o mesmo ficheiro que a
   landing usa, por isso vem já em cache na maioria das visitas. */
@import url("/css/google-fonts.css");

/* ---------- Tokens da paleta verde (espelham o :root da landing) ----------
   Todos os var(--...) usados nas 5 páginas têm de estar aqui, senão a
   página fica sem cor. obrigado.html usa: --accent, --text, --line,
   --green, --green-soft, --gold, --gold-soft. Os restantes ficam
   definidos para quem editar as páginas ter a paleta completa à mão. */
:root{
  --primary:#16a34a;      /* verde clínico da marca (CTA, confirmações)     */
  --accent:#064e3b;       /* verde escuro (títulos, links, destaques)       */
  --accent-dark:#043a2c;  /* verde quase preto (fundos sólidos)             */
  --accent-mid:#2f7a4f;   /* verde secundário                              */
  --accent-soft:#dcfce7;  /* verde claro (fundos de caixa)                  */

  --green:#16a34a;        /* verde de confirmação/garantia                  */
  --green-cta:#15803d;    /* verde do botão em hover                        */
  --green-soft:#e8f5ec;   /* fundo verde muito claro                        */

  --navy:#1e3a8a;         /* azul-marinho de apoio                          */

  --gold:#c39a4e;         /* dourado dos "eyebrow" e selos                  */
  --gold-soft:#fbf3e4;    /* fundo dourado muito claro                      */

  --text:#1f2937;         /* texto corrente                                 */
  --text-strong:#111827;
  --muted:#6b7280;        /* texto secundário                               */
  --line:#e5e7eb;         /* linhas e contornos                             */

  --gray-50:#f9f9f9;
  --gray-100:#f3f4f6;
  --gray-200:#e5e7eb;
  --gray-300:#d1d5db;
  --gray-600:#6b7280;
  --gray-700:#374151;
  --gray-800:#1f2937;

  --bg:#ffffff;
}

/* ---------- Reset mínimo ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body,h1,h2,h3,h4,p,ul,ol,li,figure,blockquote,table{margin:0;padding:0}

/* ---------- Base ---------- */
body{
  font-family:'Open Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  color:var(--text);
  background:var(--bg);
  line-height:1.7;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
h1,h2,h3,h4{color:var(--accent);font-weight:700;line-height:1.25;letter-spacing:-.01em}
h1{font-size:clamp(26px,5vw,36px)}
h2{font-size:19px}
h3{font-size:17px}
h4{font-size:16px}
p{margin:0 0 12px}
p:last-child{margin-bottom:0}
strong,b{font-weight:700}
a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
a:hover{text-decoration:none}
img{max-width:100%;height:auto;display:block}
hr{border:0;border-top:1px solid var(--line);margin:28px 0}
table{border-collapse:collapse;width:100%}
code,kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}

:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
::selection{background:var(--accent-soft);color:var(--accent-dark)}