/* Banner de consentimiento de cookies (kerkom360). Archivo independiente de sty.less/sty.css. */
#kerkom-cookies {
    display: none;
    position: fixed;
    left: 20px;
    right: 20px;
    bottom: 20px;
    z-index: 9999999;
    max-width: 760px;
    margin: 0 auto;
    background: #2f2f2f;
    color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .35);
    font-family: 'Century Gothic Regular', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
}
#kerkom-cookies.visible { display: block; }

#kerkom-cookies .kc-inner { padding: 24px 28px; max-height: 80vh; overflow: auto; }
#kerkom-cookies p { margin: 0 0 12px; color: #ffffff; font-size: 14px; }
#kerkom-cookies .kc-titulo { font-family: 'Century Gothic Bold', Helvetica, Arial, sans-serif; font-size: 18px; margin-bottom: 10px; }
#kerkom-cookies a { color: #ffffff; font-weight: 700; text-decoration: underline; }

#kerkom-cookies .kc-botones { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; margin-top: 16px; }
#kerkom-cookies .kc-btn {
    border: 2px solid #ec008c;
    border-radius: 30px;
    padding: 9px 22px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: background .2s, color .2s;
}
/* "Rechazar" y "Aceptar" con el mismo peso visual (criterio AEPD) */
#kerkom-cookies .kc-btn-pri,
#kerkom-cookies .kc-rechazar { background: #ec008c; color: #ffffff; }
#kerkom-cookies .kc-btn-pri:hover,
#kerkom-cookies .kc-rechazar:hover { background: #ffffff; color: #ec008c; }
#kerkom-cookies .kc-btn-sec { background: transparent; color: #ffffff; }
#kerkom-cookies .kc-configurar,
#kerkom-cookies .kc-guardar { border-color: #ffffff; }
#kerkom-cookies .kc-configurar:hover,
#kerkom-cookies .kc-guardar:hover { background: #ffffff; color: #2f2f2f; }

#kerkom-cookies .kc-categoria { border-top: 1px solid rgba(255, 255, 255, .2); padding-top: 12px; margin-top: 12px; }
#kerkom-cookies .kc-cabecera { display: flex; justify-content: space-between; align-items: center; font-weight: 700; margin-bottom: 6px; }
#kerkom-cookies .kc-categoria p { font-size: 13px; opacity: .85; }
#kerkom-cookies .kc-siempre { font-size: 12px; color: #ec008c; }

#kerkom-cookies .kc-switch { position: relative; display: inline-block; width: 44px; height: 24px; margin: 0; }
#kerkom-cookies .kc-switch input { opacity: 0; width: 0; height: 0; }
#kerkom-cookies .kc-slider { position: absolute; inset: 0; cursor: pointer; background: #777777; border-radius: 24px; transition: .2s; }
#kerkom-cookies .kc-slider:before { content: ""; position: absolute; width: 18px; height: 18px; left: 3px; top: 3px; background: #ffffff; border-radius: 50%; transition: .2s; }
#kerkom-cookies .kc-switch input:checked + .kc-slider { background: #ec008c; }
#kerkom-cookies .kc-switch input:checked + .kc-slider:before { transform: translateX(20px); }

@media (max-width: 575px) {
    #kerkom-cookies { left: 10px; right: 10px; bottom: 10px; }
    #kerkom-cookies .kc-inner { padding: 18px; }
    #kerkom-cookies .kc-botones { justify-content: stretch; }
    #kerkom-cookies .kc-btn { flex: 1 1 100%; }
}