/* ==========================================================================
   site.css — estilos compartilhados do MVSP/TestePC
   Rodapé legal, banner de cookies e variáveis-base de cor.
   Cada página mantém seu próprio <style> para --accent/--accent2 e
   o layout específico do teste — este arquivo cobre só o que é
   idêntico em todas as páginas, para evitar duplicação.
   ========================================================================== */

:root {
  --bg: #050a12;
  --surface: #0b1422;
  --card: #0d1a2e;
  --border: #1a3050;
  --text: #c8d8e8;
  --dim: #5a7a9a;
  --text-dim: #5a7a9a; /* alias usado nas páginas de Testes de Rede */
}

/* ---------- RODAPÉ LEGAL ---------- */
.site-footer {
  text-align: center;
  padding: 24px 16px 80px;
  font-size: 12px;
  color: var(--dim);
  font-family: 'Share Tech Mono', monospace;
  letter-spacing: 1px;
  border-top: 1px solid var(--border);
  margin-top: 32px;
}
.site-footer .flinks { margin-bottom: 8px; }
.site-footer a { text-decoration: none; }
.site-footer a.dim { color: var(--dim); }
.site-footer a.accent { color: #00e5ff; }
.site-footer .ftag .accent { color: #00e5ff; }

/* ---------- BANNER DE COOKIES ---------- */
.cookie-banner {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  background: #0a1220;
  border-top: 1px solid var(--border);
  padding: 14px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  z-index: 99999;
  box-shadow: 0 -4px 24px rgba(0,0,0,.6);
  font-family: 'Exo 2', sans-serif;
}
.cookie-banner p { font-size: 12px; color: #7a9ab8; margin: 0; flex: 1; line-height: 1.6; }
.cookie-banner p strong { color: #c8d8e8; }
.cookie-banner p a { color: #00e5ff; text-decoration: none; }
.cookie-banner p a:hover { text-decoration: underline; }

.cookie-actions { display: flex; gap: 8px; flex-shrink: 0; }
.cookie-btn {
  border-radius: 6px;
  font-family: 'Rajdhani', sans-serif;
  font-size: 13px;
  cursor: pointer;
}
.cookie-btn-decline {
  background: transparent;
  color: var(--dim);
  border: 1px solid var(--border);
  padding: 8px 14px;
  font-weight: 600;
}
.cookie-btn-accept {
  background: #00e5ff;
  color: #000;
  border: none;
  padding: 8px 20px;
  font-weight: 700;
  letter-spacing: 1px;
}