/* =====================================================================
   RV25 Relojería · AVISO DE COOKIES
   ---------------------------------------------------------------------
   Tarjeta abajo de la pantalla (no tapa toda la página ni obliga a
   decidir para seguir viendo). "Rechazar" y "Aceptar" del mismo tamaño.
   Solo aparece si hay códigos de medición en negocio.js.
   Lo maneja js/componentes/aviso-cookies.js
   ===================================================================== */

.aviso-cookies {
  position: fixed; z-index: 80;
  left: max(12px, env(safe-area-inset-left, 0px));
  right: max(12px, env(safe-area-inset-right, 0px));
  bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  display: grid; gap: 12px;
  max-width: 560px;
  padding: 20px;
  background: var(--marfil); color: var(--tinta);
  border-radius: var(--radio);
  box-shadow: 0 10px 40px rgba(6, 26, 40, .22);
}
.aviso-cookies[hidden] { display: none; }

.aviso-cookies-titulo { font: 400 22px/1.15 var(--titulo); }
.aviso-cookies-texto { font-size: 14px; line-height: 1.5; color: var(--tinta-suave); }
.aviso-cookies-texto a { color: var(--tinta); font-weight: 600; }

.aviso-cookies-acciones { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.aviso-cookies-acciones .boton { min-height: 46px; padding: 0 16px; }

@media (min-width: 720px) {
  .aviso-cookies { left: auto; right: 24px; bottom: 24px; }
}