/* ═══════════════════════════════════════════════════════════════════════════
   COOKIES — Despacho Tirzo & Bautista Abogados
   Overlay a PANTALLA COMPLETA, marino TRANSLÚCIDO.
   Colores sólidos de marca con opacidad, esquinas rectas.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Franja INFERIOR de ancho completo, marino translúcido.
   Ancho 100%, altura según el contenido (no cubre toda la pantalla). */
.cookie-overlay {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--sp-6) var(--sp-5);
  background-color: rgba(24, 74, 120, 0.92);   /* --c-navy translúcido */
  color: var(--c-white);
  transform: translateY(100%);
  transition: transform var(--t-base);
}
.cookie-overlay.is-shown { transform: translateY(0); }

.cookie-overlay__inner {
  max-width: 900px;
  width: 100%;
  text-align: center;
}
.cookie-overlay__text {
  color: var(--c-white);
  font-size: var(--fs-base);
  line-height: 1.5;
  margin-bottom: var(--sp-3);
}
.cookie-overlay__more {
  color: rgba(255, 255, 255, 0.9);
  font-size: var(--fs-sm);
  margin-bottom: var(--sp-4);
}
.cookie-overlay__more a {
  color: var(--c-white);
  text-decoration: underline;
  font-weight: var(--fw-medium);
}
.cookie-overlay__more a:hover { color: var(--c-white); }

.cookie-overlay__actions {
  display: flex;
  gap: var(--sp-4);
  justify-content: center;
  flex-wrap: wrap;
}

/* Botón aceptar: blanco sobre la banda azul. Rechazar: contorno claro. */
.cookie-overlay .btn--accept {
  background-color: var(--c-white);
  color: var(--c-navy);
  border: 2px solid var(--c-white);
  padding: 0.75rem 2.5rem;
  font-weight: var(--fw-medium);
  font-size: var(--fs-base);
  transition: background var(--t-fast);
}
.cookie-overlay .btn--accept:hover { background-color: var(--c-surface); color: var(--c-navy-dark); }

.cookie-overlay .btn--reject {
  background-color: transparent;
  color: var(--c-white);
  border: 2px solid rgba(255, 255, 255, 0.6);
  padding: 0.75rem 2.5rem;
  font-weight: var(--fw-medium);
  font-size: var(--fs-base);
  transition: border-color var(--t-fast), background var(--t-fast);
}
.cookie-overlay .btn--reject:hover { border-color: var(--c-white); background-color: rgba(255, 255, 255, 0.12); }

@media (max-width: 560px) {
  .cookie-overlay__text { font-size: var(--fs-base); }
  .cookie-overlay__actions { flex-direction: column; }
  .cookie-overlay .btn--accept, .cookie-overlay .btn--reject { width: 100%; }
}