/* El aviso de cookies (4838) y la caja para cambiar la elección, en todas las páginas. Lo imprime
   inc/cookies.php y lo maneja assets/js/cookies.js. Usa los colores, los botones y la ceja de sitio.css.
   Este archivo no lo escribe maquetas/herramientas/a-tema.py: es del tema. */

/* El aviso: una tarjeta abajo a la izquierda. El botón de WhatsApp vive abajo a la derecha (z-index 60) y el aviso de
   lo que falta, abajo al centro (70): el de cookies queda por encima de los dos mientras no se elige */
.aviso-cookies { position: fixed; left: 22px; bottom: 22px; z-index: 80; width: min(440px, calc(100% - 44px));
  background: #fff; border: 1px solid var(--linea); border-radius: var(--radio); padding: 22px 22px 20px;
  box-shadow: 0 30px 50px -20px rgba(31,30,29,.35); opacity: 0; transform: translateY(16px); transition: opacity .3s ease, transform .3s ease; }
.aviso-cookies[hidden] { display: none; }
.aviso-cookies.visible { opacity: 1; transform: none; }
.aviso-cookies-texto { font-size: 15px; line-height: 1.5; color: var(--suave); margin-top: 12px; }
.aviso-cookies-texto a { color: var(--carbon); text-decoration: underline; text-decoration-color: var(--naranjo); text-underline-offset: 3px; white-space: nowrap; }
.aviso-cookies-botones { display: flex; gap: 10px; margin-top: 18px; }
/* Los dos botones del mismo ancho, con el texto que escriba Fidelis aunque sea largo */
.aviso-cookies-botones .btn { flex: 1 1 0; min-width: 0; justify-content: space-between; white-space: normal; text-align: left; }

/* La caja de la política para cambiar la elección ([fl_cookies]) */
.caja-cookies { background: var(--gris-claro); border-radius: 20px; padding: 22px 24px 24px; }
.caja-cookies .cookies-estado { font-size: 15px; line-height: 1.5; color: var(--suave); }
.cookies-estado b { color: var(--carbon); font-weight: 600; }
.cookies-botones { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.caja-cookies .btn.gris { background: #fff; }
.caja-cookies .btn[aria-pressed="true"] { box-shadow: inset 0 0 0 1.5px var(--naranjo); }

@media (max-width: 560px) {
  .aviso-cookies { left: 16px; right: 16px; bottom: 16px; width: auto; padding: 18px 18px 16px; }
  .aviso-cookies-texto { font-size: 14.5px; margin-top: 10px; }
  .aviso-cookies-botones { margin-top: 14px; }
  .caja-cookies { padding: 20px 18px 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .aviso-cookies { transition: none; transform: none; }
}
@media print {
  .aviso-cookies { display: none; }
}