.elementor-509 .elementor-element.elementor-element-299b9f2{--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;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-509 .elementor-element.elementor-element-9333c8b .elementor-nav-menu .elementor-item{font-family:"Helvetica", Sans-serif;font-size:45px;font-weight:700;line-height:0.8px;letter-spacing:-2px;}.elementor-509 .elementor-element.elementor-element-9333c8b .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:0px;padding-right:0px;padding-top:21px;padding-bottom:21px;}.elementor-509 .elementor-element.elementor-element-9333c8b .elementor-nav-menu--main .elementor-item:hover,
					.elementor-509 .elementor-element.elementor-element-9333c8b .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-509 .elementor-element.elementor-element-9333c8b .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-509 .elementor-element.elementor-element-9333c8b .elementor-nav-menu--main .elementor-item:focus{color:#0000FE;fill:#0000FE;}.elementor-509 .elementor-element.elementor-element-9333c8b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-509 .elementor-element.elementor-element-9333c8b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#0000FE;}.elementor-509 .elementor-element.elementor-element-9333c8b .e--pointer-framed .elementor-item:before,
					.elementor-509 .elementor-element.elementor-element-9333c8b .e--pointer-framed .elementor-item:after{border-color:#0000FE;}.elementor-509 .elementor-element.elementor-element-9333c8b .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-509 .elementor-element.elementor-element-9333c8b .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-509 .elementor-element.elementor-element-9333c8b .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-509 .elementor-element.elementor-element-9333c8b .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-509 .elementor-element.elementor-element-9333c8b .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-509 .elementor-element.elementor-element-9333c8b .e--pointer-underline .elementor-item:after,
					 .elementor-509 .elementor-element.elementor-element-9333c8b .e--pointer-overline .elementor-item:before,
					 .elementor-509 .elementor-element.elementor-element-9333c8b .e--pointer-double-line .elementor-item:before,
					 .elementor-509 .elementor-element.elementor-element-9333c8b .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-509 .elementor-element.elementor-element-9333c8b .elementor-nav-menu--dropdown .elementor-item, .elementor-509 .elementor-element.elementor-element-9333c8b .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Roboto", Sans-serif;font-weight:500;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-509 .elementor-element.elementor-element-9333c8b .elementor-nav-menu .elementor-item{font-size:40px;}}@media(max-width:767px){.elementor-509 .elementor-element.elementor-element-9333c8b .elementor-nav-menu .elementor-item{font-size:29px;line-height:0.8em;letter-spacing:-2px;}.elementor-509 .elementor-element.elementor-element-9333c8b .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-509 .elementor-element.elementor-element-9333c8b .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-509 .elementor-element.elementor-element-9333c8b .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-509 .elementor-element.elementor-element-9333c8b .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-509 .elementor-element.elementor-element-9333c8b .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-509 .elementor-element.elementor-element-9333c8b .e--pointer-underline .elementor-item:after,
					 .elementor-509 .elementor-element.elementor-element-9333c8b .e--pointer-overline .elementor-item:before,
					 .elementor-509 .elementor-element.elementor-element-9333c8b .e--pointer-double-line .elementor-item:before,
					 .elementor-509 .elementor-element.elementor-element-9333c8b .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-509 .elementor-element.elementor-element-9333c8b .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;padding-top:8px;padding-bottom:8px;}.elementor-509 .elementor-element.elementor-element-9333c8b{--e-nav-menu-horizontal-menu-item-margin:calc( 6px / 2 );}.elementor-509 .elementor-element.elementor-element-9333c8b .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:6px;}}/* Start custom CSS for nav-menu, class: .elementor-element-9333c8b *//* 1. Centrado total y preparación del texto */
.elementor-509 .elementor-element.elementor-element-9333c8b .elementor-item {
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    display: flex !important;
    justify-content: center !important; /* Centrado horizontal */
    align-items: center !important;    /* Centrado vertical */
    text-align: center !important;
    width: 100% !important;
    transform-origin: center !important;
    color: #000000 !important; /* Color base negro */
}

/* 2. Efecto Hover: Crecimiento y cambio a Azul #0000FE */
.elementor-509 .elementor-element.elementor-element-9333c8b .elementor-item:hover {
    transform: scale(1.2) !important;
    color: #0000FE !important; /* Azul vibrante */
}

/* 3. Estructura de lista centrada con 30% menos de distancia */
.elementor-509 .elementor-element.elementor-element-9333c8b .elementor-nav-menu--main {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; 
    width: 100% !important;
}

.elementor-509 .elementor-element.elementor-element-9333c8b .elementor-nav-menu--main li {
    width: 100% !important;
    padding-bottom: 21px !important; /* Distancia reducida un 30% */
    list-style: none !important;
}

/* 4. Evitar cortes visuales */
.elementor-509 .elementor-element.elementor-element-9333c8b, 
.elementor-509 .elementor-element.elementor-element-9333c8b .elementor-widget-container {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-299b9f2 *//* 1. Espaciado entre renglones para que no se encimen al crecer */
.menu-animado .elementor-nav-menu--main > li {
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    margin-bottom: 20px !important; /* Ajusta según necesites aire */
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 2. Animación de Crecimiento (20%) */
.menu-animado .elementor-nav-menu--main > li:hover {
    transform: scale(1.2);
}

/* 3. Inyectar Textos Laterales (MILAN / 2025) */
/* Este ejemplo aplica para TODOS. Luego te digo cómo personalizarlos */
.menu-animado .elementor-nav-menu--main > li:hover::before,
.menu-animado .elementor-nav-menu--main > li:hover::after {
    opacity: 1;
    position: absolute;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    color: #000;
    transition: opacity 0.3s ease;
}

.menu-animado .elementor-nav-menu--main > li::before {
    content: "MILÁN"; /* Texto izquierdo */
    left: -80px;
    opacity: 0;
}

.menu-animado .elementor-nav-menu--main > li::after {
    content: "2026"; /* Texto derecho */
    right: -80px;
    opacity: 0;
}/* End custom CSS */