.elementor-64 .elementor-element.elementor-element-9865cdc > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-64 .elementor-element.elementor-element-9865cdc > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-64 .elementor-element.elementor-element-4d9a258 .main-menu .main-menu__list > li > a,.elementor-64 .elementor-element.elementor-element-4d9a258 .main-menu .main-menu__list > li > ul > li > a{color:var( --e-global-color-0b13cf4 );}.elementor-64 .elementor-element.elementor-element-4d9a258 .main-header__call__number{color:var( --e-global-color-0b13cf4 );}.elementor-64 .elementor-element.elementor-element-4d9a258 .main-header__call__text{color:var( --e-global-color-0b13cf4 );}.elementor-64 .elementor-element.elementor-element-4d9a258 .kidearn-btn{background-color:var( --e-global-color-d19a151 );}/* Start custom CSS for section, class: .elementor-element-eb56b0e *//* COLOR DE ICONOS, TEXTO Y FONDO DE TOPBAR UNIFICADA */

/* 1. Fondo de la barra superior (Elimina el azul de todas las columnas) */
.topbar-one, 
.topbar-one__inner, 
.topbar-one__info, 
.topbar-one__left, /* Esta es la columna de los iconos sociales */
.topbar-one .container-fluid {
    background-color: #FF931E !important; 
    background-image: none !important;
}

/* 2. Iconos de Redes Sociales (Facebook e Instagram) */
.crecikids-topbar-custom .topbar-one__social a i {
    color: #FFFFFF !important;
    transition: all 0.3s ease;
    font-size: 20px !important;
}

/* 3. Iconos de Información (Mapa y Sobre) - Tamaño Ajustado */
.crecikids-topbar-custom .topbar-one__info__icon {
    color: #FFFFFF !important; 
    font-size: 20px !important;
}

/* 4. Texto de la información (Guatemala y Correo) */
.crecikids-topbar-custom .topbar-one__info__item a {
    color: #FFFFFF !important;
    font-weight: 500 !important;
}

/* 5. Efecto Hover en redes sociales */
.crecikids-topbar-custom .topbar-one__social a:hover i {
    color: #FFB15C !important;
}

/* 6. ELIMINAR BLOQUES AZULES Y CORTES INCLINADOS */
.topbar-one::before, 
.topbar-one__inner::before,
.topbar-one__left::after { /* Elimina el posible corte azul que separa lo social */
    display: none !important;
    background-color: #E24E11 !important;
}






/* ESTADO NORMAL DEL BOTÓN */
.main-header__call__icon {
    background-color: #E24E11 !important; /* Tu naranja base */
    color: #FFFFFF !important;
    transition: all 500ms ease;
}

/* ESTADO HOVER (FONDO AL PASAR EL MOUSE) */
.main-header__call__icon:hover {
    background-color: #FFFFFF  !important; /* Un naranja más oscuro o el color que prefieras para el efecto */
    color: #E24E11 !important;
}/* End custom CSS */