/* 1. Forzar el cambio de logo */
[data-testid="branding"] img {
    content: url('https://procesia360.com/images/logo-procesia360-dark.png') !important;
    max-width: 180px !important;
}

/* 2. Reset de variables en el contenedor raíz para anular el azul */
.cookiefirst-root {
    --banner-btn-primary-hover-bg: #0a7a70 !important;
    --banner-btn-primary-hover-border-color: #0a7a70 !important;
    --banner-btn-secondary-hover-bg: #0D9488 !important;
    --banner-btn-secondary-hover-border-color: #0D9488 !important;
    --banner-btn-secondary-hover-text: #ffffff !important;
}

/* 3. Estilos de los botones y sus estados HOVER */

/* BOTÓN PRINCIPAL (Aceptar) */
.cookiefirst-root [data-cookiefirst-button="primary"],
.cookiefirst-root button.cf2Lf6[data-cookiefirst-button="primary"] {
    background-color: #0D9488 !important;
    border-color: #0D9488 !important;
    color: #ffffff !important;
}

.cookiefirst-root [data-cookiefirst-button="primary"]:hover {
    background-color: #0a7a70 !important; /* Verde oscuro */
    border-color: #0a7a70 !important;
    color: #ffffff !important;
}

/* BOTONES SECUNDARIOS (Rechazar / Ajustar) */
.cookiefirst-root [data-cookiefirst-button="secondary"],
.cookiefirst-root button.cf2Lf6[data-cookiefirst-button="secondary"] {
    background-color: transparent !important;
    border: 1px solid #0D9488 !important;
    color: #0D9488 !important;
}

.cookiefirst-root [data-cookiefirst-button="secondary"]:hover {
    background-color: #0D9488 !important; /* Se llena de verde */
    border-color: #0D9488 !important;
    color: #ffffff !important;
}

/* 4. Eliminar cualquier rastro de azul en los bordes de enfoque (focus) */
.cookiefirst-root button:focus {
    outline: 2px solid #0D9488 !important;
    box-shadow: none !important;
}