.klaro {
    --green1: #134D91 !important; /* Color principal de botones activos/aceptar */
    --green2: #134D91 !important;
    --blue1: #134D91 !important;  /* Para botones de información si aplica */
}

.klaro .cn-body p {
    font-size: 14px;
}

.klaro .cookie-modal .cm-btn.cm-btn-success,
.klaro .cookie-modal .cm-btn.cm-btn-success-var,
.klaro .cookie-notice .cm-btn.cm-btn-success {
    background-color: #134D91 !important;
}

.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider {
    background-color: #134D91 !important;
}

.klaro .cookie-modal .cm-btn,
.klaro .cookie-notice .cm-btn {
    padding: 10px 20px !important; /* Pasamos de .4em a un relleno más generoso */
    margin-right: 8px !important;
    border-radius: 20px !important; /* Mantiene la estética redondeada de tu captura */
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

.klaro .cookie-modal a,
.klaro .cookie-notice a {
    color: #134D91 !important;
}

.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by {
    display: none !important;
}

@media (min-width: 1024px) {
    .klaro .cookie-notice:not(.cookie-modal-notice) {
        right: auto !important;
        left: 20px !important;
        bottom: 20px !important;
    }
}

/* ==========================================
   ESTILOS DARK MODE PARA KLARO
   ========================================== */
.dark-mode .klaro .cookie-modal .cm-modal.cm-klaro,
.dark-mode .klaro .cookie-notice:not(.cookie-modal-notice) {
    background-color: #2b2d31 !important;
    color: #ffffff !important;
    border: 1px solid #3f4248 !important;
}

/* 2. Textos, títulos, descripciones y etiquetas en blanco */
.dark-mode .klaro .cookie-modal h1,
.dark-mode .klaro .cookie-modal h2,
.dark-mode .klaro .cookie-modal h3,
.dark-mode .klaro .cookie-modal p,
.dark-mode .klaro .cookie-modal strong,
.dark-mode .klaro .cookie-modal li,
.dark-mode .klaro .cookie-modal .cm-list-title,
.dark-mode .klaro .cookie-modal .cm-list-description,
.dark-mode .klaro .cookie-notice p {
    color: #ffffff !important;
}

/* 3. Botones activos y switches en azul #1095D7 */
.dark-mode .klaro .cookie-modal .cm-btn.cm-btn-success,
.dark-mode .klaro .cookie-modal .cm-btn.cm-btn-success-var,
.dark-mode .klaro .cookie-notice .cm-btn.cm-btn-success,
.dark-mode .klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider {
    background-color: #1095D7 !important;
    color: #ffffff !important;
}

/* 4. Botón de rechazar/descartar en Dark Mode */
.dark-mode .klaro .cookie-modal .cm-btn.cm-btn-close,
.dark-mode .klaro .cookie-notice .cm-btn.cm-btn-close {
    background-color: #3f4248 !important;
    color: #ffffff !important;
}

/* 5. Enlaces y recuentos (ej: "1 servicio", "política de privacidad") */
.dark-mode .klaro .cookie-modal a,
.dark-mode .klaro .cookie-notice a,
.dark-mode .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-caret {
    color: #1095D7 !important;
}

/* 6. Líneas divisorias internas */
.dark-mode .klaro .cookie-modal .cm-header,
.dark-mode .klaro .cookie-modal .cm-footer,
.dark-mode .klaro .cookie-modal .cm-switch-container {
    border-color: #3f4248 !important;
}

/* 7. Icono de cerrar (X) en blanco */
.dark-mode .klaro .cookie-modal .cm-modal .hide svg {
    stroke: #ffffff !important;
}