/* VecteX Consent — aviso de cookies con el estilo de VecteX (oscuro, monocromo, esquinas vivas).
   Los dos botones tienen el mismo peso: rechazar es tan fácil como aceptar. */
.vxc {
  position: fixed; left: 24px; bottom: 24px; z-index: 9000;
  width: min(440px, calc(100vw - 32px));
  display: flex; flex-direction: column; gap: 20px;
  padding: 24px;
  background: #141414; color: #f5f5f5;
  border: 1px solid #6e6e6e;
  box-shadow: 0 24px 64px #000000b3;
  font-family: "Saira", "Segoe UI", system-ui, sans-serif; font-size: 15px; line-height: 24px;
  animation: vxc-in 240ms cubic-bezier(.2, .7, .2, 1);
}
.vxc-copy { display: flex; flex-direction: column; gap: 8px; }
.vxc .vxc-title { margin: 0; font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: #a6a6a6; }
.vxc .vxc-text { margin: 0; color: #d4d4d4; }
.vxc .vxc-text a { color: #f5f5f5; text-decoration: underline; text-underline-offset: 4px; }
.vxc-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.vxc .vxc-btn {
  height: 44px; padding: 0 16px; margin: 0;
  background: transparent; color: #f5f5f5;
  border: 1px solid #f5f5f5; border-radius: 0; box-shadow: none;
  font: 600 14px/20px "Saira", "Segoe UI", system-ui, sans-serif; letter-spacing: .02em; text-transform: none;
  cursor: pointer; transition: background 150ms ease-out, color 150ms ease-out;
}
.vxc .vxc-btn:hover, .vxc .vxc-btn:focus-visible { background: #f5f5f5; color: #0a0a0a; }
.vxc .vxc-btn:focus-visible { outline: 2px solid #f5f5f5; outline-offset: 3px; }
@keyframes vxc-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .vxc { animation: none; } }
@media (max-width: 760px) {
  .vxc { left: 16px; right: 16px; bottom: 16px; width: auto; padding: 20px; }
  /* En la página de juego hay una barra de descarga fija abajo: el aviso se coloca por encima */
  body:has(.vx-mobile-cta) .vxc { bottom: 84px; }
}