/* ==========================================================================
   components/aviso-cookies.css — Aviso de cookies
   Sin marcador: lo crea cookies.js al final del <body> en la primera visita
   (sin decisión guardada) o desde "Configurar cookies". Todas las páginas.
   - Abajo a la izquierda en escritorio; en móvil ocupa el ancho y tapa los
     botones flotantes hasta que se decide (z-index por encima de WhatsApp, 45,
     y por debajo de la pantalla de carga, 1000).
   - Los dos botones con el mismo peso visual: rechazar es tan fácil como aceptar.
     Estilo propio: no depende de boton.css, que no cargan todas las páginas.
   ========================================================================== */
.aviso-cookies {
  position: fixed;
  left: var(--pad-x);
  bottom: calc(var(--space-5) + var(--safe-bottom));
  z-index: 60;
  display: grid;
  gap: var(--space-4);
  max-width: var(--medida-lg);
  padding: var(--space-5);
  border: var(--hairline) solid var(--borde-inverso);
  border-radius: var(--radio);
  background: var(--c-abismo);
  color: var(--c-texto-inverso-claro);
  box-shadow: var(--sombra-elevada);
  font-size: var(--text-sm);
}
.aviso-cookies__texto { margin: 0; }
.aviso-cookies__texto a { color: var(--c-blanco); }
.aviso-cookies__botones { display: flex; flex-wrap: wrap; gap: var(--space-3); }
/* Botones propios (no .btn): el aviso aparece también en páginas que no cargan boton.css */
.aviso-cookies__boton {
  flex: 1 1 0;
  min-height: var(--tactil);
  padding: var(--space-2) var(--space-5);
  border: var(--borde-medio) solid var(--borde-inverso-fuerte);
  border-radius: var(--radio-pill);
  background: transparent;
  color: var(--c-blanco);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.aviso-cookies__boton:hover { background: var(--superficie-inversa-hover); border-color: var(--c-blanco); }

@media (max-width: 640px) {
  .aviso-cookies { right: calc(var(--pad-x) + var(--safe-right)); max-width: none; }
}
@media print {
  .aviso-cookies { display: none; }
}