/**
 * Klaro — alineación con Reforma 360 (primary #1b263b, secondary #fc9430)
 */
.klaro {
  --font-family: "Inter", "Manrope", system-ui, sans-serif;
  --font-size: 15px;
  --border-radius: 0.75rem;
  --green1: #fc9430;
  --green2: #ffb77d;
  --dark1: #1b263b;
  --dark2: #2a3a52;
  --dark3: #a0a4b0;
  --light1: #fcfcfd;
  --light2: #3d4a5f;
}

.klaro .cookie-modal .cm-modal,
.klaro .cookie-notice {
  border-radius: 1rem !important;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(252, 148, 48, 0.25) !important;
}

.klaro .cookie-modal .cm-modal {
  max-width: 52rem !important;
}

.klaro .cookie-modal .cm-header,
.klaro .cookie-notice .cm-header {
  border-bottom-color: rgba(252, 148, 48, 0.2) !important;
}

.klaro .cm-title {
  font-family: "Manrope", "Inter", sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

.klaro .cm-description,
.klaro .cm-list-description {
  color: #c4c6cf !important;
  line-height: 1.55 !important;
}

.klaro .cm-btn.cm-btn-success,
.klaro .cm-btn-success {
  background: #fc9430 !important;
  color: #ffffff !important;
  border: none !important;
  font-weight: 700 !important;
  border-radius: 0.75rem !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 12px !important;
}

.klaro .cm-btn.cm-btn-success:hover,
.klaro .cm-btn-success:hover {
  filter: brightness(1.05);
}

.klaro .cm-btn:not(.cm-btn-success):not(.cm-btn-close) {
  border-radius: 0.75rem !important;
  font-weight: 600 !important;
}

.klaro a.cm-link,
.klaro .klaro-link-policy {
  color: #fc9430 !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.klaro .cm-bg {
  z-index: 99990 !important;
  background: rgba(15, 23, 42, 0.72) !important;
  backdrop-filter: blur(8px);
}

/* Por encima del menú fijo (z-[100000]); el fondo .cm-bg queda por debajo del header */
.klaro .cookie-modal .cm-modal,
.klaro .cookie-notice {
  z-index: 100101 !important;
}

.klaro .cookie-modal .cm-switch-container {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

.klaro .cm-powered-by a {
  color: #7c8aa0 !important;
}