.elementor-24967 .elementor-element.elementor-element-46319bd{--display:flex;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-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 container, class: .elementor-element-46319bd *//* =========================================
   NAVBAR: EFECTO SCROLL TRANSPARENTE
   ========================================= */

/* Estado inicial: Fijo y transparente */
.maq-navbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    background-color: transparent !important;
    transition: background-color 0.4s ease-in-out, border-bottom 0.4s ease-in-out !important;
    border-bottom: 2px solid transparent !important;
}

/* Estado al hacer scroll: Negro industrial */
.maq-navbar.nav-scrolled {
    background-color: #0f0f0f !important; /* Tu color oscuro base */
    border-bottom: 2px solid #f5b400 !important; /* La línea amarilla para separar (puedes borrar esta línea si no la quieres) */
}/* End custom CSS */