/* ===========================
   CSS: Header/Menu sticky y transparente (HEX8, sin rgba)
   =========================== */

/* Aplica al header / menú. Incluye varios selectores para cubrir casos */
.mi-menu,
.hfe-nav-menu,
.elementor-location-header,
header {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background-color: #FFE2DF00; /* transparente al inicio (HEX + alpha) */
    transition: background-color 0.28s ease, box-shadow 0.28s ease;
}

/* Estado al scrollear (JS añade la clase .scrolled) */
.mi-menu.scrolled,
.hfe-nav-menu.scrolled,
.elementor-location-header.scrolled,
header.scrolled {
    background-color: #FFE2DF; /* color sólido al scrollear */
    box-shadow: 0 2px 10px #0000001F; /* sombra equivalente a rgba(0,0,0,0.12) */
}

/* ===== Buscador: .hfe-search-icon-toggle ===== */
.hfe-search-icon-toggle {
    display: flex;
    align-items: center;
    z-index: 10001; /* por encima del header si fuera necesario */
}

/* Ícono (selector robusto para varias estructuras) */
.hfe-search-icon-toggle .fa,
.hfe-search-icon-toggle .fa-search,
.hfe-search-icon-toggle i,
.hfe-search-icon-toggle svg {
    font-size: 18px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
}
.elementor-widget-text-editor p {
    margin-bottom: 15px;
}