/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */

/* Using em for your padding-left is going to ensure the padding scales in proportion to the font-size. */


.content {
    font-family: "Inter", sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: #111111;
    padding-left: 40em;
}

@media only screen and (max-width: 767px) {
    .content {
        font-size: 1rem ;
        padding-left: 0.25em;
    }
}

.outer {
    overflow: hidden; 
}

.outer div {
    display: inline-block;
}

.loop {
    white-space: nowrap;
    animation: loop-anim 20s linear infinite;
}

@media only screen and (max-width: 767px) {
    .loop {
        animation: loop-anim 20s linear infinite;
    }
}

@keyframes loop-anim {
    0% {
        margin-left: 0;
    }
    100% {
        margin-left: -50% /* This works because of the div between "outer" and "loop" */
    }
}




/*MENU ACORDEON Y AJUSTES DE VISUALIZACION DEL HEADER*/


/*Menu acordeon*/
.elementor-nav-menu .sub-menu {
  display: none;
  position: static !important;
  width: 100%;
}

.elementor-nav-menu .menu-item.open > .sub-menu {
  display: block;
}

.elementor-nav-menu .menu-item:hover > .sub-menu {
  display: none;
}



/*menu acordeon para que se mantenga activo*/
.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-parent > a,
.elementor-nav-menu .current-menu-ancestor > a {
    color: #ff6600; /* resalta el link */
    font-weight: bold;
}

/* Submenú oculto por defecto */
.elementor-nav-menu .sub-menu {
    display: none;
    position: static !important;
    width: 100%;
    transition: max-height 0.3s ease;
    overflow: hidden;
}

/* Submenú abierto */
.elementor-nav-menu .menu-item.open > .sub-menu {
    display: block;
}

/*MENU ACORDEON Y AJUSTES DE VISUALIZACION DEL HEADER*/