.elementor-3480 .elementor-element.elementor-element-d344f49{--display:flex;--position:fixed;--min-height:0vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--padding-top:2%;--padding-bottom:0%;--padding-left:2%;--padding-right:0%;top:0px;--z-index:10;}body:not(.rtl) .elementor-3480 .elementor-element.elementor-element-d344f49{left:10px;}body.rtl .elementor-3480 .elementor-element.elementor-element-d344f49{right:10px;}.elementor-3480 .elementor-element.elementor-element-25223a37{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-3480 .elementor-element.elementor-element-25223a37:not(.elementor-motion-effects-element-type-background), .elementor-3480 .elementor-element.elementor-element-25223a37 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B29473;}.elementor-3480 .elementor-element.elementor-element-4a5fac0{width:100%;max-width:100%;}.elementor-3480 .elementor-element.elementor-element-4a5fac0 > .elementor-widget-container{background-color:var( --e-global-color-00530ae );margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:18px 18px 18px 18px;}.elementor-3480 .elementor-element.elementor-element-4a5fac0 .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;}.elementor-3480 .elementor-element.elementor-element-4a5fac0 .elementor-nav-menu--main .elementor-item.elementor-item{color:var( --e-global-color-accent );}.elementor-3480 .elementor-element.elementor-element-4a5fac0 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-3480 .elementor-element.elementor-element-4a5fac0 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-3480 .elementor-element.elementor-element-4a5fac0 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-3480 .elementor-element.elementor-element-4a5fac0 .elementor-nav-menu--main .elementor-item:focus{color:#3E476D;fill:#3E476D;}.elementor-3480 .elementor-element.elementor-element-4a5fac0 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#462E15;}.elementor-3480 .elementor-element.elementor-element-4a5fac0 .elementor-nav-menu--dropdown a, .elementor-3480 .elementor-element.elementor-element-4a5fac0 .elementor-menu-toggle{color:var( --e-global-color-accent );}.elementor-3480 .elementor-element.elementor-element-4a5fac0 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-38ef2b2 );}.elementor-3480 .elementor-element.elementor-element-4a5fac0 .elementor-nav-menu--dropdown a:hover,
					.elementor-3480 .elementor-element.elementor-element-4a5fac0 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-3480 .elementor-element.elementor-element-4a5fac0 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-3480 .elementor-element.elementor-element-4a5fac0 .elementor-menu-toggle:hover{color:var( --e-global-color-primary );}.elementor-3480 .elementor-element.elementor-element-4a5fac0 .elementor-nav-menu--dropdown a:hover,
					.elementor-3480 .elementor-element.elementor-element-4a5fac0 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-3480 .elementor-element.elementor-element-4a5fac0 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-38ef2b2 );}.elementor-3480 .elementor-element.elementor-element-4a5fac0 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-accent );background-color:var( --e-global-color-secondary );}.elementor-3480 .elementor-element.elementor-element-4a5fac0 .elementor-nav-menu--dropdown .elementor-item, .elementor-3480 .elementor-element.elementor-element-4a5fac0 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;letter-spacing:0px;}.elementor-3480 .elementor-element.elementor-element-4a5fac0 .elementor-nav-menu--dropdown li:not(:last-child){border-style:none;}.elementor-3480 .elementor-element.elementor-element-cf916fb{width:100%;max-width:100%;}.elementor-3480 .elementor-element.elementor-element-cf916fb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3480 .elementor-element.elementor-element-cf916fb .elementor-icon-wrapper{text-align:center;}.elementor-3480 .elementor-element.elementor-element-cf916fb.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-38ef2b2 );}.elementor-3480 .elementor-element.elementor-element-cf916fb.elementor-view-framed .elementor-icon, .elementor-3480 .elementor-element.elementor-element-cf916fb.elementor-view-default .elementor-icon{color:var( --e-global-color-38ef2b2 );border-color:var( --e-global-color-38ef2b2 );}.elementor-3480 .elementor-element.elementor-element-cf916fb.elementor-view-framed .elementor-icon, .elementor-3480 .elementor-element.elementor-element-cf916fb.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-38ef2b2 );}.elementor-3480 .elementor-element.elementor-element-cf916fb .elementor-icon{font-size:25px;}.elementor-3480 .elementor-element.elementor-element-cf916fb .elementor-icon svg{height:25px;}.elementor-3480 .elementor-element.elementor-element-21a5310c{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-3480 .elementor-element.elementor-element-d344f49{--width:100%;}.elementor-3480 .elementor-element.elementor-element-25223a37{--width:13%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3480 .elementor-element.elementor-element-25223a37{--width:26%;}}@media(max-width:1024px){.elementor-3480 .elementor-element.elementor-element-d344f49{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-3480 .elementor-element.elementor-element-4a5fac0 > .elementor-widget-container{border-radius:18px 18px 18px 18px;}.elementor-3480 .elementor-element.elementor-element-4a5fac0 .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-3480 .elementor-element.elementor-element-4a5fac0 .elementor-nav-menu--dropdown .elementor-item, .elementor-3480 .elementor-element.elementor-element-4a5fac0 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:18px;}.elementor-3480 .elementor-element.elementor-element-4a5fac0 .elementor-nav-menu--dropdown a{padding-left:61px;padding-right:61px;padding-top:19px;padding-bottom:19px;}.elementor-3480 .elementor-element.elementor-element-4a5fac0 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-3480 .elementor-element.elementor-element-4a5fac0 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:14px !important;}}@media(max-width:767px){.elementor-3480 .elementor-element.elementor-element-d344f49{--width:85%;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:10px;}body:not(.rtl) .elementor-3480 .elementor-element.elementor-element-d344f49{left:20px;}body.rtl .elementor-3480 .elementor-element.elementor-element-d344f49{right:20px;}.elementor-3480 .elementor-element.elementor-element-25223a37{--width:65%;--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-3480 .elementor-element.elementor-element-4a5fac0 .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;}.elementor-3480 .elementor-element.elementor-element-4a5fac0 .elementor-nav-menu--dropdown{border-radius:0px 18px 18px 18px;}.elementor-3480 .elementor-element.elementor-element-4a5fac0 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:18px;}.elementor-3480 .elementor-element.elementor-element-4a5fac0 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:18px;border-bottom-left-radius:18px;}.elementor-3480 .elementor-element.elementor-element-4a5fac0 .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;padding-top:12px;padding-bottom:12px;}.elementor-3480 .elementor-element.elementor-element-4a5fac0 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-3480 .elementor-element.elementor-element-4a5fac0 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:-1px !important;}}/* Start custom CSS for container, class: .elementor-element-25223a37 *//* --- 1. Contenedor Principal --- */
.my-collapsible-container {
       
    border-radius: 20px;       
    
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
    /* Importante: Height auto para que se ajuste cuando los items crezcan/bajen */
    height: auto;              
    z-index: 100;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    
    /* Transición suave del fondo/borde si cambia de tamaño */
    transition: all 0.4s ease;
}

/* --- 2. Ajustes de la Lista (UL) --- */
.my-menu-list {
    width: 100%;
    text-align: center;
    margin-bottom: 10px; /* Espacio entre el último item y el icono */
}

.my-menu-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    /* QUITAMOS EL GAP aquí para poder animar el cierre total */
    gap: 0; 
}

/* --- 3. Lógica de los Items (LI) - AQUÍ ESTÁ LA MAGIA --- */
.my-menu-list ul li {
    overflow: hidden;
    transition: all 0.4s ease-in-out;
}

/* Estilo base de los enlaces */
.my-menu-list ul li a {
    text-decoration: none;
    display: block;
    color: inherit;
    font-size: 18px; /* Ajusta a tu gusto */
    padding: 5px 0;  /* Un poco de aire en cada texto */
}

/* --- 4. ESTADO CERRADO (Por defecto) --- */

/* MANTENER VISIBLE EL PRIMERO ("Inicio") */
.my-collapsible-container:not(.is-open) .my-menu-list ul li:first-child {
    opacity: 1;
    max-height: 50px; /* Altura suficiente para el texto */
    margin-bottom: 0;
}

/* OCULTAR EL RESTO (Del segundo en adelante) */
.my-collapsible-container:not(.is-open) .my-menu-list ul li:not(:first-child) {
    max-height: 0;
    opacity: 0;
    margin: 0;
    padding: 0; /* Quitamos padding para que colapse totalmente */
}

/* --- 5. ESTADO ABIERTO (.is-open) --- */

/* Mostrar todos los items */
.my-collapsible-container.is-open .my-menu-list ul li {
    opacity: 1;
    max-height: 50px; /* Altura suficiente para que se vean */
    margin-bottom: 15px; /* Recuperamos el espacio entre ellos */
}

/* --- 6. El Icono (Trigger) --- */
.my-menu-trigger {
    cursor: pointer;
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.1); 
    transition: margin 0.4s;
}/* End custom CSS */