/* Fondo del notice (no modal) */
.klaro .cookie-notice:not(.cookie-modal-notice) {
    background-color: var(--star-body-color, var(--primary-text-color));
}

/* Colores de texto */
#consentfriend h1 span,
#consentfriend label span,
#consentfriend a span,
#consentfriend p span {
    color: var(--alt-color);
}

/* Strong con tipografía personalizada */
#consentfriend strong {
    font-weight: 400;
}

/* Botones Klaro */
.klaro button {
    font-weight: 400;
    transition: opacity .15s ease-in-out;
}

.klaro button:hover {
    opacity: .92;
}

/* Botones base */
.klaro .cookie-modal .cm-btn,
.klaro .context-notice .cm-btn,
.klaro .cookie-notice .cm-btn {
    background-color: var(--star-purple);
    border-color: var(--star-purple);
    color: var(--star-btn-color, #fff);
}

/* Botón success */
.klaro .cookie-modal .cm-btn.cm-btn-success,
.klaro .context-notice .cm-btn.cm-btn-success,
.klaro .cookie-notice .cm-btn.cm-btn-success {
    background-color: var(--star-atomic-lime);
    border-color: var(--star-atomic-lime);
    color: #000;
}

/* Enlaces */
.klaro .cookie-modal a,
.klaro .context-notice a,
.klaro .cookie-notice a {
    color: var(--star-white);
    text-decoration: underline;
}

.klaro .cookie-modal a:hover,
.klaro .context-notice a:hover,
.klaro .cookie-notice a:hover {
    text-decoration: none;
}