/* RODAPÉ — fonte única.

   Por que um arquivo só, e não dentro de home.css: as páginas institucionais
   (quem-somos, privacidade, termos, 404, fila) não carregam o sistema da home
   — cada uma declara o próprio conjunto de tokens (--bg-sec, --texto2,
   --borda). O rodapé é o único bloco que aparece em TODAS as páginas, então
   ele resolve os dois vocabulários aqui dentro, em vez de manter duas versões
   do mesmo rodapé que divergem no primeiro ajuste.

   O markup vive em _rodape.html e é aplicado por _aplicar_rodape.py. */

.rodape{
  /* Resolve os dois vocabulários: o da home e o das institucionais. Se a
     página não declara nenhum dos dois, o valor literal assume. */
  --r-bg:var(--bg-secundario,var(--bg-sec,#EEF1E8));
  --r-texto:var(--texto-principal,var(--texto,#263229));
  --r-texto2:var(--texto-secundario,var(--texto2,#4D574E));
  --r-texto3:var(--texto-terciario,var(--texto3,#535F55));
  --r-borda:var(--borda-suave,var(--borda,rgba(100,130,103,.16)));
  --r-verde:var(--verde-principal,#3F6048);
  --r-ease:var(--ease,cubic-bezier(.16,1,.3,1));
  --r-t:background-color .18s var(--r-ease),border-color .18s var(--r-ease),color .18s var(--r-ease),box-shadow .18s var(--r-ease);
  --r-brand:var(--font-brand,var(--font-serif,'Playfair Display',Georgia,serif));
  --r-sans:var(--font-sans,'Plus Jakarta Sans',system-ui,-apple-system,sans-serif);

  background:var(--r-bg);border-top:1px solid var(--r-borda);
  padding:2.4rem 0 1.9rem;margin-top:auto;font-family:var(--r-sans)}

/* A largura do rodapé é própria, não a da página: as institucionais leem em
   1120px e a vitrine em 1360px. A página declara --rodape-largura se quiser
   alinhar; sem isso, o padrão da vitrine vale. */
.rodape-inner{width:100%;max-width:var(--rodape-largura,1360px);margin:0 auto;padding:0 1.8rem}

.rodape-grade{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,.82fr));
  gap:2rem;padding-bottom:1.6rem;border-bottom:1px solid var(--r-borda)}
.rodape-col{display:flex;flex-direction:column;gap:.5rem;min-width:0}
.rodape-col h3{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;
  color:var(--r-texto3);margin-bottom:.2rem}
/* Os links do rodapé mediam 21px de altura. A meta aqui é 24px — o piso do
   WCAG 2.2 AA para alvos de ponteiro — e não os 44px do resto do site.
   Medido: 44px somaria 414px de rodapé no celular e levaria o documento de
   9873 para 10287px. O rodapé é lista de links secundários, não ação primária;
   24px resolve o toque sem inventar uma parede de espaço em branco. */
.rodape-col a{font-size:.82rem;color:var(--r-texto2);text-decoration:none;
  text-underline-offset:3px;transition:var(--r-t);display:inline-block;min-height:24px;padding:.1rem 0}
.rodape-col a:hover{color:var(--r-verde);text-decoration:underline}

.rodape-marca{display:flex;align-items:center;gap:.55rem}
.rodape-marca img{width:30px;height:30px;border-radius:8px;flex-shrink:0}
.rodape-marca span{font-family:var(--r-brand);font-size:1.05rem;color:var(--r-texto);
  display:block;line-height:1}
.rodape-marca small{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--r-texto3)}
.rodape-desc{font-size:.83rem;color:var(--r-texto2);line-height:1.6;max-width:42ch;
  margin-top:.55rem;text-wrap:pretty}

/* A cor de cada canal é a cor da marca, escurecida até passar em contraste.
   Medido no fundo do rodapé (#EEF1E8): o azul do Telegram no tom original
   (#2AABEE) dá 2,25:1 e o verde do WhatsApp (#1D8C4E) dá 3,74:1 — os dois
   abaixo dos 4,5:1 exigidos para texto de 13px. Os tons abaixo preservam a
   identidade e chegam a 5,31:1 e 5,37:1. */
.rodape-canal{display:inline-flex;align-items:center;gap:.45rem;font-weight:600;min-height:24px}
.rodape-canal svg{width:16px;height:16px;flex-shrink:0}
.rodape-canal.tg{color:#0F6A8C}
.rodape-canal.wp{color:#157040}
/* O Instagram e o quarto canal. Mesmo criterio do Telegram e do WhatsApp:
   a cor da marca escurecida ate passar 4,5:1 no fundo do rodape (#EEF1E8).
   O rosa da marca (#E4405F) da 3,54:1 e reprovaria; #B03060 da 5,35:1 -
   na mesma faixa do Telegram (5,31:1) e do WhatsApp (5,37:1). */
.rodape-canal.ig{color:#B03060}
/* O e-mail é o terceiro canal, e o único que já funciona. Usa o verde da casa
   em vez de uma cor de marca de terceiro — não há marca de terceiro aqui.
   Medido no fundo do rodapé (#EEF1E8): #3F6048 dá 6,17:1, acima dos 4,5:1. */
.rodape-canal.em{color:var(--r-verde)}
.rodape-canal:hover{text-decoration:underline}
.rodape-canal-nota{font-size:.72rem;color:var(--r-texto3);line-height:1.45;margin-top:.15rem}

.rodape-notas{margin-top:1.5rem;display:flex;flex-direction:column;gap:.65rem}
.rodape-nota{font-size:.76rem;color:var(--r-texto3);line-height:1.6;max-width:104ch;text-wrap:pretty}
.rodape-nota b{color:var(--r-texto2);font-weight:600}
.rodape-base{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  padding-top:1rem;margin-top:.25rem;border-top:1px solid var(--r-borda);
  font-size:.76rem;color:var(--r-texto3)}

@media (max-width:1100px){
  .rodape-grade{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem}
  .rodape-sobre{grid-column:1/-1}
}
@media (max-width:560px){
  .rodape-grade{grid-template-columns:1fr;gap:1.35rem}
  .rodape-base{flex-direction:column;gap:.3rem}
}

/* Aviso passageiro. Vive aqui porque o rodapé e os botões de canal o usam, e
   porque as páginas institucionais não carregam o CSS da vitrine. */
.toast{position:fixed;bottom:1.75rem;left:50%;transform:translateX(-50%) translateY(8px);
  background:var(--verde-escuro,var(--r-verde,#263D2E));color:#fff;padding:.72rem 1.35rem;
  border-radius:999px;box-shadow:0 24px 60px -8px rgba(28,40,31,.22);font-size:.83rem;
  font-weight:600;z-index:300;opacity:0;pointer-events:none;max-width:calc(100vw - 2rem);
  transition:opacity .2s var(--r-ease),transform .2s var(--r-ease)}
.toast.vis{opacity:1;transform:translateX(-50%) translateY(0)}