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

  /* Paleta RadioDefense */
  --dark1: #000000;   /* fondo puro negro */
  --dark2: #0f1117;   /* separadores */
  --dark3: #1c1f29;   /* texto secundario */

  --light1: #FFFFFF;  /* texto principal */
  --light2: #D1D5DB;  /* texto secundario */
  --light3: #9CA3AF;  /* meta/ayuda */

  /* Acentos (verde → azul RadioDefense) */
  --green1: #22c55e;
  --blue1: #0ea5e9;
  --gradient: linear-gradient(90deg, var(--green1), var(--blue1));

  --border-radius: 16px;
}

/* 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(34,197,94,0.25); /* borde verde tenue */
  border-radius: var(--border-radius);
  box-shadow: 0 12px 30px rgba(0,0,0,0.7);
}

/* Encabezados */
.klaro .cookie-modal .cm-header h1,
.klaro .cookie-modal h2,
.klaro .cookie-modal h3 {
  font-weight: 700;
  color: var(--light1) !important;
  background: var(--gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* 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: 12px !important;
  padding: 10px 18px !important;
  font-weight: 600 !important;
  transition: all 0.2s ease-in-out;
}

.klaro .cm-btn.cm-btn-success,
.klaro .cm-btn.cm-btn-accept {
  background: var(--gradient) !important;
  color: #fff !important;
  border: none !important;
}
.klaro .cm-btn.cm-btn-success:hover,
.klaro .cm-btn.cm-btn-accept:hover {
  transform: scale(1.03);
  opacity: .95;
}

.klaro .cm-btn.cm-btn-close,
.klaro .cm-btn.cm-btn-decline {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid var(--light2) !important;
}
.klaro .cm-btn.cm-btn-close:hover,
.klaro .cm-btn.cm-btn-decline:hover {
  background: rgba(255,255,255,0.9) !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(--gradient) !important;
}
.klaro .cm-list-label .slider::before {
  background: #fff !important;
}

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