/* Sustitutos en CSS de lo que antes hacía el JavaScript de Elementor */

/* Menú de escritorio: desplegables con hover / foco */
.elementor-nav-menu--main .elementor-nav-menu li{position:relative}
.elementor-nav-menu--main .elementor-nav-menu li:hover>ul,
.elementor-nav-menu--main .elementor-nav-menu li:focus-within>ul{display:block}
.elementor-nav-menu--main .elementor-nav-menu ul{position:absolute;top:100%;left:0;z-index:100;min-width:12em;width:max-content}

/* Menú móvil: checkbox + label en lugar del botón con JS */
.ic-menu-cb{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
label.elementor-menu-toggle{cursor:pointer}
.ic-menu-cb:focus-visible+.elementor-menu-toggle{outline:2px solid currentColor;outline-offset:2px}
.elementor-nav-menu--toggle .ic-menu-cb:checked+.elementor-menu-toggle+.elementor-nav-menu__container{transform:scaleY(1)!important;max-height:100vh!important;overflow-y:auto}
.ic-menu-cb:checked+.elementor-menu-toggle i:before{content:"\e87f"}
.elementor-nav-menu--dropdown.elementor-nav-menu__container .sub-menu{display:block}

/* Acordeones, toggles y pestañas convertidos en <details> */
details.ic-details>summary{list-style:none;cursor:pointer;display:block}
details.ic-details>summary::-webkit-details-marker{display:none}
details.ic-details>summary.elementor-tab-mobile-title{display:block!important}
details.ic-details>.elementor-tab-content{display:block!important}
details.ic-details .elementor-accordion-icon-opened{display:none}
details.ic-details[open] .elementor-accordion-icon-opened{display:inline-block}
details.ic-details[open] .elementor-accordion-icon-closed{display:none}

/* Animaciones de entrada desactivadas: el contenido siempre visible */
.elementor-invisible{visibility:visible!important}

/* Carrusel sin JS: se muestra la primera diapositiva */
.elementor-slides .swiper-slide:not(:first-child){display:none}
.elementor-slides .swiper-slide:first-child{width:100%}