/* =============================================================
   BENDITA SUERTE SALÓN — cookie-consent.css
   -------------------------------------------------------------
   Banner de consentimiento de cookies. Reutiliza tokens del sitio
   (--paper, --ink, --radius, --ease-out) y las clases .btn ya
   existentes en vez de inventar un estilo de botón nuevo.
   ============================================================= */
/* Tarjeta flotante (no barra de borde a borde) — ancla abajo a la
   izquierda para no toparse con el botón flotante "Reservar" (abajo
   a la derecha, ver .floating-reserve en styles.css). */
.cookie-consent {
  position: fixed;
  left: 1.1rem; right: 1.1rem; bottom: 1.1rem;
  max-width: 420px;
  z-index: 980;
  background: var(--paper);
  border-radius: var(--radius);
  box-shadow: 0 26px 48px -20px rgba(20, 43, 27, .35);
  padding: 1.2rem 1.3rem;
  transform: translateY(calc(100% + 1.5rem));
  transition: transform .5s var(--ease-out);
}
.cookie-consent.is-visible { transform: translateY(0); }

.cookie-consent-inner {
  display: flex;
  flex-direction: column;
  gap: .9rem;
}
.cookie-consent-text {
  font-size: .84rem;
  line-height: 1.55;
  color: var(--ink-mute);
}
.cookie-consent-text strong { color: var(--ink); }
.cookie-consent-actions {
  display: flex;
  gap: .7rem;
}
.cookie-consent-actions .btn {
  flex: 1;
  padding: .65rem 1.1rem;
  font-size: .86rem;
}

@media (max-width: 480px) {
  .cookie-consent { left: .75rem; right: .75rem; bottom: .75rem; padding: 1.05rem 1.1rem; }
}

@media (prefers-reduced-motion: reduce) {
  .cookie-consent { transition: none; }
}