/* === Klaro overrides - Estilo ClickDefense === */
.klaro {
  --font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial;
  --font-size: 15px;

  /* Paleta ClickDefense */
  --dark1: #0A0F1C;   /* fondo base */
  --dark2: #151C2B;   /* contenedores */
  --dark3: #1E293B;   /* separadores */

  --light1: #F8FAFC;  /* texto principal */
  --light2: #CBD5E1;  /* texto secundario */
  --light3: #94A3B8;  /* meta/ayuda */

  /* Azul corporativo */
  --blue1: #0EA5E9;   /* acento claro */
  --blue2: #2563EB;   /* acento oscuro */

  --border-radius: 14px;
}

/* Banner y modal */
.klaro .cookie-notice:not(.cookie-modal-notice),
.klaro .cookie-modal .cm-modal.cm-klaro,
.klaro .cookie-modal-notice {
  background: var(--dark1) !important;
  color: var(--light1) !important;
  border: 1px solid rgba(14,165,233,0.25); /* borde azul translúcido */
  border-radius: var(--border-radius);
  box-shadow: 0 10px 25px rgba(0,0,0,0.6);
}

/* Encabezados */
.klaro .cookie-modal .cm-header h1,
.klaro .cookie-modal h2,
.klaro .cookie-modal h3 {
  font-weight: 700;
  color: var(--blue1) !important;
}

/* Texto */
.klaro .cookie-modal p,
.klaro .cookie-notice p {
  color: var(--light2) !important;
}

/* Links */
.klaro a,
.klaro .cm-link {
  color: var(--blue1) !important;
  text-decoration: underline;
}

/* Botones */
.klaro .cm-btn {
  border-radius: 10px !important;
  padding: 10px 18px !important;
  font-weight: 600 !important;
  transition: all 0.2s ease-in-out;
}

/* Botón aceptar */
.klaro .cm-btn.cm-btn-success,
.klaro .cm-btn.cm-btn-accept {
  background: var(--blue1) !important;
  color: #fff !important;
  border: none !important;
}
.klaro .cm-btn.cm-btn-success:hover,
.klaro .cm-btn.cm-btn-accept:hover {
  background: var(--blue2) !important;
}

/* Botón rechazar */
.klaro .cm-btn.cm-btn-close,
.klaro .cm-btn.cm-btn-decline {
  background: transparent !important;
  color: var(--light1) !important;
  border: 1px solid var(--light3) !important;
}
.klaro .cm-btn.cm-btn-close:hover,
.klaro .cm-btn.cm-btn-decline:hover {
  background: rgba(14,165,233,0.15) !important;
}

/* Switches */
.klaro .cm-list-label .slider {
  background: #1a1a1a !important;
  border: 1px solid rgba(255,255,255,0.15);
}
.klaro .cm-list-input:checked + .cm-list-label .slider {
  background: var(--blue1) !important;
}
.klaro .cm-list-label .slider::before {
  background: #fff !important;
}

/* Footer powered-by */
.klaro .cm-powered-by {
  color: var(--light3) !important;
  opacity: .7;
}