/* ==========================================================
   AVISO DE COOKIES (tema Día de Muertos)
   Lo crea js/cookies.js
========================================================== */
.ck-banner{
    position:fixed;
    left:16px;
    right:16px;
    bottom:16px;
    z-index:100000;
    max-width:760px;
    margin:0 auto;
    display:flex;
    align-items:center;
    gap:16px;
    padding:16px 20px;
    background:linear-gradient(135deg, #2a1038 0%, #4a1a63 100%);
    color:#f3e5f5;
    border:2px solid #ff9800;
    border-radius:18px;
    box-shadow:0 14px 40px rgba(42,16,56,.5);
    font-family:'Poppins',sans-serif;
    font-size:.85rem;
    line-height:1.5;
    transform:translateY(130%);
    opacity:0;
    transition:transform .5s cubic-bezier(.2,.8,.2,1), opacity .4s;
}
.ck-banner.ck-visible{
    transform:translateY(0);
    opacity:1;
}
.ck-icono{
    flex-shrink:0;
    width:44px;
    height:44px;
    border-radius:50%;
    background:#ff9800;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.4rem;
    box-shadow:0 0 0 4px rgba(255,152,0,.25);
}
.ck-texto{ flex:1; }
.ck-texto strong{ color:#ffcc80; display:block; margin-bottom:2px; font-size:.95rem; }
.ck-texto a{ color:#ffcc80; text-decoration:underline; }
.ck-botones{
    display:flex;
    gap:8px;
    flex-shrink:0;
}
.ck-btn{
    border:none;
    cursor:pointer;
    font-family:inherit;
    font-weight:600;
    font-size:.82rem;
    padding:10px 18px;
    border-radius:50px;
    transition:transform .2s, box-shadow .2s;
}
.ck-btn:hover{ transform:translateY(-2px); }
.ck-aceptar{
    background:#d50000;
    color:#fff;
    box-shadow:0 4px 14px rgba(213,0,0,.45);
}
.ck-rechazar{
    background:transparent;
    color:#f3e5f5;
    border:2px solid rgba(255,255,255,.45);
}
.ck-btn:focus-visible{ outline:3px solid #ffcc80; outline-offset:2px; }

@media (max-width:640px){
    .ck-banner{
        flex-direction:column;
        align-items:stretch;
        text-align:center;
        left:10px; right:10px; bottom:10px;
        padding:14px;
        gap:12px;
    }
    .ck-icono{ margin:0 auto; }
    .ck-botones{ justify-content:center; }
    .ck-btn{ flex:1; }
}

/* Casilla de consentimiento del formulario */
.cf-consent{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin:4px 0 18px;
    font-size:.85rem;
    line-height:1.5;
    color:#555;
    text-align:left;
}
.cf-consent input{
    margin-top:3px;
    width:18px;
    height:18px;
    flex-shrink:0;
    accent-color:#d50000;
}
.cf-consent a{ color:#c2185b; text-decoration:underline; }

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