/* ============================================================
   SweetAlert2 × Tailwind — repone el color de fondo de los botones
   ------------------------------------------------------------
   El preflight de Tailwind incluye  [type="button"] { background-color: transparent }
   (especificidad 0,1,0) y SweetAlert2 pinta sus botones con
   div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm)
   (0,1,2 -> en realidad 0,0,2 por los :where), así que gana el preflight.

   Hasta SweetAlert2 v11.15 no se notaba porque confirmButtonColor/denyButtonColor
   se aplicaban como estilo inline. Desde v11.16 se aplican como variables CSS
   (--swal2-confirm-button-background-color), y el `background-color` real vive en
   la hoja de la librería: el preflight lo pisa y el botón queda transparente...
   con `color:#fff` heredado de la librería => texto blanco sobre popup blanco,
   es decir, botones invisibles (p.ej. ACEPTAR/RECHAZAR del banner de cookies).

   Estas reglas (0,3,0) ganan al preflight sin usar !important, así que siguen
   respetando el estilo inline de las versiones antiguas y las variables de las
   nuevas; el fallback es el color histórico de la app para los diálogos que no
   fijan un color propio.
   ============================================================ */

.swal2-popup .swal2-styled.swal2-confirm {
    background-color: var(--swal2-confirm-button-background-color, #3085d6);
    color: var(--swal2-confirm-button-color, #fff);
}

.swal2-popup .swal2-styled.swal2-deny {
    background-color: var(--swal2-deny-button-background-color, #dc3741);
    color: var(--swal2-deny-button-color, #fff);
}

.swal2-popup .swal2-styled.swal2-cancel {
    background-color: var(--swal2-cancel-button-background-color, #d33);
    color: var(--swal2-cancel-button-color, #fff);
}

/* ============================================================
   Banner de cookies — customClass de public/js/cookies.js
   (alineación izquierda estilo Santander). Vive aquí y no en un
   layout concreto porque el banner sale en TODAS las plantillas:
   layout, layout_auth, layout_chat y páginas standalone.
   ============================================================ */

.swal-cookies-popup  { border-radius: 8px !important; padding: 0 !important; }
.swal-cookies-title  { text-align: left !important; padding: 28px 32px 0 !important; }
.swal-cookies-body   { text-align: left !important; padding: 12px 32px 0 !important; }
.swal-cookies-actions{ justify-content: flex-end !important; padding: 16px 32px 24px !important; gap: 10px !important; flex-direction: row-reverse !important; }
.swal-cookies-footer { justify-content: flex-start !important; padding: 0 32px 20px !important; border-top: none !important; margin-top: -8px !important; }
.swal-cookies-btn-aceptar,
.swal-cookies-btn-rechazar { font-size: 13px !important; font-weight: 700 !important; letter-spacing: .04em !important; padding: 10px 28px !important; border-radius: 4px !important; }
.swal-cookies-footer-btns { padding: 16px 28px 24px !important; border-top: 1px solid #f3f4f6 !important; margin-top: 4px !important; }