/* ==========================================
   ESTILOS PERSONALIZADOS DE KLARO PARA TU WEB
   ========================================== */

/* 1. Fondo del banner flotante (abajo a la derecha) */
.klaro .cookie-notice:not(.cookie-modal-notice) {
  background-color: #f4d9e5 !important;
  border: 1px solid #e2b8cb !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 15px rgba(107, 18, 89, 0.15) !important;
}

/* 2. Fondo del modal emergente principal */
.klaro .cookie-modal .cm-modal.cm-klaro {
  background-color: #f4d9e5 !important;
  border-radius: 8px !important;
}

/* 3. Textos, encabezados y párrafos */
.klaro .cookie-notice p,
.klaro .cookie-modal p,
.klaro .cookie-modal h1,
.klaro .cookie-modal h2,
.klaro .cookie-modal strong,
.klaro .cookie-modal .cm-list-title {
  color: #3a0930 !important;
}

/* 4. Enlaces dentro de las cookies */
.klaro a,
.klaro .cookie-modal a {
  color: #6b1259 !important;
  font-weight: 600 !important;
}

/* 5. Botón principal (Aceptar / Guardar) */
.klaro .cm-btn.cm-btn-success,
.klaro .cm-btn.cm-btn-success-var {
  background-color: #6b1259 !important;
  color: #ffffff !important;
  border-radius: 20px !important;
  font-weight: 600 !important;
  border: none !important;
}

.klaro .cm-btn.cm-btn-success:hover {
  background-color: #d63384 !important;
}

/* 6. Botones secundarios (Cerrar / Denegar) */
.klaro .cm-btn.cm-btn-close,
.klaro .cm-btn {
  background-color: #e2b8cb !important;
  color: #3a0930 !important;
  border-radius: 20px !important;
  border: none !important;
}

/* 7. Interruptores / Switches activos (Toogles) */
.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider {
  background-color: #6b1259 !important;
}




/* Convierte el banner en tarjeta flotante a la derecha */
@media (min-width: 1024px) {
  .klaro .cookie-notice:not(.cookie-modal-notice) {
    max-width: 420px !important;
    right: 20px !important;
    left: auto !important;
    bottom: 20px !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(107, 18, 89, 0.2) !important;
  }
}