/* Obra da Nação — estilos globais + keyframes + estados de hover.
 * Port 1:1 do bloco <style> do protótipo DC
 * (design_handoff_obra_da_nacao/pages/Index - Obra da Nacao (Jogo).dc.html, linhas 14–22).
 * Todo o resto do layout vive em estilos inline no index.php, verbatim do protótipo.
 * Os `style-hover="..."` do DC (não existem em HTML puro) viram as regras `:hover` abaixo. */

:root { --font-inter: 'Inter'; }

html, body { margin: 0; padding: 0; background: #0A0A0A; }

a { color: #C9B896; }
a:hover { color: #FFFFFF; }

@keyframes obRise {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: none; }
}
@keyframes obBlink {
  0%, 55%   { opacity: 1; }
  56%, 100% { opacity: 0; }
}
@keyframes obBanner {
  0%   { transform: translate(-50%, -50%) scale(.4); opacity: 0; }
  12%  { transform: translate(-50%, -50%) scale(1.08); opacity: 1; }
  20%  { transform: translate(-50%, -50%) scale(1); }
  80%  { transform: translate(-50%, -50%) scale(1); opacity: 1; }
  100% { transform: translate(-50%, -50%) scale(1.05); opacity: 0; }
}

/* botão COMEÇAR: para de piscar ao passar o mouse (style-hover="animation:none") */
.ob-comecar:hover { animation: none; }

/* botão "+ FIADA" do overlay de fim (style-hover="color:#FFFFFF;border-color:#FFFFFF") */
.ob-btn-fiada:hover { color: #FFFFFF; border-color: #FFFFFF; }

/* cards de hotsite (style-hover="border-color:...;transform:translateY(-2px)") */
.ob-card-hist:hover { border-color: #C9B896; transform: translateY(-2px); }
.ob-card-expr:hover { border-color: #FFFFFF; transform: translateY(-2px); }