/* AVIORA Word — páginas de apoio em inglês (Privacy, Terms, Help)
   Criado em 19/09/2026 a pedido da Viviane: essas páginas herdavam o tema
   roxo da Aviora Educação (styles.css) e quebravam a identidade do Word ao
   sair do rodapé do palavra.html. Este arquivo é carregado DEPOIS de
   styles.css e só age em <body class="word-page">, usando a mesma paleta
   vinho/dourado/creme do palavra.html (--wine #70171c, --wine-deep #541015,
   --gold #d9961c, --cream #fffaf2, --ink #341d1a). Nenhuma outra página é
   afetada. 02/10/2026: a Central de Ajuda da Palavra (central-ajuda-palavra.html)
   passou a usar este mesmo tema (antes herdava a paleta da Educação). */

body.word-page {
  --navy: #70171c;
  --navy-rgb: 112, 23, 28;
  --navy-soft: #8a2b30;
  --body-text: #341d1a;
  --muted-text: #6e625c;
  --gold: #d9961c;
  --gold-dark: #b87712;
  --cream: #fffaf2;
  --white: #ffffff;
  --line: rgba(112, 23, 28, 0.14);
  --sage: #70171c;
  --sage-bg: #f8efe2;
  --coral: #b87712;
  --coral-bg: #fff4dc;
  background: var(--cream);
  color: var(--body-text);
}

/* Cabeçalho */
.word-page .landing-nav { background: #fffdf9; border-bottom: 1px solid var(--line); }
.word-page .brand-name {
  font-family: Georgia, 'Fraunces', serif;
  font-size: 20px;
  letter-spacing: 0.03em;
  color: var(--navy);
  white-space: nowrap; /* 02/10/2026: logo + nome numa linha só, à esquerda */
}
/* 02/10/2026: no celular, a marca fica na primeira linha e os botões logo abaixo (sem estourar a largura). */
@media (max-width: 560px) {
  .word-page .landing-nav { flex-wrap: wrap; row-gap: 8px; padding: 12px 14px; }
  .word-page .landing-nav-cta { width: 100%; justify-content: flex-end; flex-wrap: wrap; }
  .word-page .brand-mark { width: 40px; height: 40px; }
  .word-page .brand-name { font-size: 18px; }
}
.word-page .brand-name .brand-word { color: var(--gold-dark); font-style: italic; }
.word-page .btn-primary {
  background: linear-gradient(135deg, var(--gold), #e8aa27);
  color: #fff;
  box-shadow: 0 8px 22px rgba(185, 120, 18, 0.18);
}
.word-page .btn-ghost { color: var(--navy); }

/* Avisos e caixas das páginas legais */
.word-page .legal-translation-note { background: #fdf2e9; border-left-color: var(--gold); }
.word-page .legal-resumo { background: var(--sage-bg); }
.word-page .legal-wrap a { color: var(--navy); }

/* Rodapé (mesmo do palavra.html, versão em inglês) */
.word-page .word-footer {
  background: #541015;
  color: #f8e8d7;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  padding: 28px clamp(20px, 5vw, 64px);
}
.word-page .word-footer .footerin {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}
.word-page .word-footer a { color: #f8e8d7; text-decoration: underline; text-underline-offset: 3px; }