.elementor-18 .elementor-element.elementor-element-0234faf{--display:flex;--position:fixed;--min-height:106px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;top:0px;--z-index:29;}.elementor-18 .elementor-element.elementor-element-0234faf:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-0234faf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #5F6D44 0%, #F2295B00 100%);}body:not(.rtl) .elementor-18 .elementor-element.elementor-element-0234faf{left:0px;}body.rtl .elementor-18 .elementor-element.elementor-element-0234faf{right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-a1fda58 *//* 1. POSICIONAMIENTO Y TRANSPARENCIA */
.elementor-18 .elementor-element.elementor-element-a1fda58 {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: transparent !important;
}

.elementor-18 .elementor-element.elementor-element-a1fda58 .elementor-section,
.elementor-18 .elementor-element.elementor-element-a1fda58 .elementor-container,
.elementor-18 .elementor-element.elementor-element-a1fda58 .elementor-column-wrap,
.elementor-18 .elementor-element.elementor-element-a1fda58 .elementor-widget-wrap {
    background: transparent !important;
    box-shadow: none !important;
}

/* 2. COLOR CREMA BASE Y QUITAR SUBRAYADOS */
.nav a, .brand {
    color: #F2EDE3 !important; /* Color crema */
    text-decoration: none !important;
    border: none !important;
    outline: none !important;
    transition: color 0.3s ease; /* Transición suave para ambos */
}

/* 3. HOVER PARA MENÚ Y TÍTULO (MISMANOJOS) */
.nav a:hover, .brand:hover {
    color: #ff0000 !important; /* El color que prefieras para el hover */
    text-decoration: none !important;
}

/* 4. RESET DE ESTADOS (Evita que se queden marcados) */
.nav a:focus, .nav a:active,
.brand:focus, .brand:active {
    color: #F2EDE3 !important; 
    text-decoration: none !important;
}/* End custom CSS */