/* ============================================================
   Optimi Academy – CookieYes Cookie Banner – Brand Colors
   Primary:    #e94b7c  (rosa)
   Secondary:  #2dd4bf  (cyan)
   Accent:     #9b4dca  (violeta)
   Background: #0a1628  (dark navy)
   Text:       #ffffff  /  #d1d5db
   v1.3.0
   ============================================================ */

/* ── Banner principal ─────────────────────────────────────── */
.cky-consent-bar {
    background-color: #0a1628 !important;
    border-top: 2px solid #e94b7c !important;
}

/* ── Texto del mensaje ────────────────────────────────────── */
.cky-notice-des,
.cky-title,
.cky-consent-bar p,
.cky-consent-bar span {
    color: #d1d5db !important;
}

/* ── Enlace política de cookies ───────────────────────────── */
.cky-consent-bar a,
.cky-policy-btn {
    color: #2dd4bf !important;
}

/* ── Botón Aceptar (banner) ───────────────────────────────── */
.cky-btn-accept {
    background: linear-gradient(to right, #e94b7c, #9b4dca) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
}

/* ── Botón Rechazar (banner) ──────────────────────────────── */
.cky-btn-reject {
    background: transparent !important;
    color: #d1d5db !important;
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
}

/* ── Botón Personalizar (banner) ──────────────────────────── */
.cky-btn-customize {
    background: transparent !important;
    color: #2dd4bf !important;
    border: 1px solid #2dd4bf !important;
    border-radius: 8px !important;
}

/* ── Modal de preferencias – contenedor ───────────────────── */
.cky-modal,
.cky-preference-center {
    background: #0a1628 !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 12px !important;
    color: #d1d5db !important;
}

/* ── Modal – todos los textos ─────────────────────────────── */
.cky-preference-center *,
.cky-modal-content,
.cky-modal-content * {
    color: #d1d5db !important;
}

/* ── Modal – títulos ──────────────────────────────────────── */
.cky-preference-title,
.cky-preference-header,
.cky-accordion-header,
.cky-accordion-item .cky-accordion-btn {
    color: #ffffff !important;
}

/* ── Modal – descripción de cada categoría ────────────────── */
.cky-accordion-item .cky-accordion-body,
.cky-accordion-des {
    color: #d1d5db !important;
}

/* ── Modal – tab activa ───────────────────────────────────── */
.cky-accordion-header.cky-accordion-active {
    border-bottom: 2px solid #e94b7c !important;
    color: #e94b7c !important;
}

/* ── Modal – badge "Siempre activo" ───────────────────────── */
.cky-always-active {
    color: #2dd4bf !important;
}

/* ── Modal – toggle activo ────────────────────────────────── */
.cky-switch input:checked + .cky-slider {
    background: linear-gradient(to right, #e94b7c, #9b4dca) !important;
}
.cky-switch input:not(:checked) + .cky-slider {
    background: rgba(255,255,255,0.15) !important;
}

/* ── Modal – botón Guardar preferencias ───────────────────── */
.cky-btn-preferences {
    background: transparent !important;
    color: #d1d5db !important;
    border: 2px solid #d1d5db !important;
    border-radius: 8px !important;
}

/* ── Modal – footer ───────────────────────────────────────── */
.cky-footer-shadow,
.cky-preference-footer {
    background: #0a1628 !important;
    border-top: 1px solid rgba(255,255,255,0.1) !important;
}

/* ── Overlay del modal ────────────────────────────────────── */
.cky-overlay {
    background: rgba(10, 22, 40, 0.85) !important;
}

.cky-btn-revisit-wrapper {
    background-color: #2dd4bf !important;
    border-radius: 50% !important;
}