/*
 Theme Name:   Divi Child
 Theme URI:    https://centroaluna.com/
 Description:  Tema hijo para gestionar el consentimiento de cookies.
 Author:       Road To Maui
 Author URI:   https://roadtomaui.es/
 Template:     Divi
 Version:      1.0.0
 Text Domain:  Divi-child
*/

/* ==========================================================================
   PERSONALIZACIÓN DE COOKIES - CENTRO ALUNA
   ========================================================================== */

/* Fondo del aviso de cookies (Estilo arena muy suave de tu web) */
#cc-main .cm {
    background: #fbf9f5 !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(47, 114, 116, 0.15) !important;
    border: 1px solid rgba(47, 114, 116, 0.1);
}

/* Título del aviso */
#cc-main .cm__title {
    color: #2F7274 !important; /* El verde azulado de tu logotipo */
    font-family: inherit;
    font-weight: 700;
}

/* Texto descriptivo */
#cc-main .cm__desc {
    color: #555555 !important;
    font-size: 0.95em !important;
}

/* BOTÓN PRINCIPAL: ACEPTAR TODO (Llama toda la atención) */
#cc-main .cm__btn[data-role="all"] {
    background-color: #2F7274 !important; /* Verde Aluna corporativo */
    color: #ffffff !important;
    font-weight: bold !important;
    border-radius: 6px !important;
    transition: background-color 0.2s ease !important;
}

/* Efecto al pasar el ratón por encima del botón aceptar */
#cc-main .cm__btn[data-role="all"]:hover {
    background-color: #23585a !important; /* Un verde un poco más oscuro */
}

/* BOTÓN SECUNDARIO: SOLO NECESARIAS (Pasa desapercibido) */
#cc-main .cm__btn[data-role="necessary"] {
    background-color: #e0deda !important; /* Gris arena apagado */
    color: #666666 !important;
    border-radius: 6px !important;
}

#cc-main .cm__btn[data-role="necessary"]:hover {
    background-color: #d1cfcb !important;
    color: #333333 !important;
}

/* BOTÓN CONFIGURAR (Texto simple) */
#cc-main .cm__btn[data-role="show"] {
    color: #2F7274 !important;
    font-weight: 500 !important;
}

/* Capa oscura de fondo que bloquea la web (Intrusividad activa) */
#cc-main .cc__overlay {
    background-color: rgba(47, 114, 116, 0.4) !important; /* Filtro turquesa transparente */
    backdrop-filter: blur(4px) !important; /* Efecto desenfoque elegante */
}