.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Estilos para el header sticky y responsive en Elementor */

/* Header sticky */
.elementor-location-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    transition: all 0.3s ease-in-out;
    background-color: #ffffff; /* Ajusta según el color de fondo deseado */
}

/* Efecto de scroll */
.elementor-sticky--effects {
    background-color: rgba(255, 255, 255, 0.95); /* Ajusta la opacidad según prefieras */
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* Ajuste para el contenido debajo del header */
body:not(.elementor-editor-active) .elementor-location-header + .elementor-section-wrap {
    padding-top: 80px; /* Ajusta este valor según la altura de tu header */
}

/* Estilos para el logo */
.elementor-location-header .elementor-widget-theme-site-logo img {
    transition: all 0.3s ease-in-out;
    max-height: 60px; /* Ajusta según el tamaño de tu logo */
}

.elementor-sticky--effects .elementor-widget-theme-site-logo img {
    max-height: 50px; /* Logo más pequeño cuando el header es sticky */
}

/* Estilos para el menú */
.elementor-nav-menu {
    transition: all 0.3s ease-in-out;
}

.elementor-sticky--effects .elementor-nav-menu {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Responsive styles */
@media screen and (max-width: 1024px) {
    /* Ajustes para tablets y móviles */
    .elementor-location-header {
        position: absolute; /* Cambia a absolute en móviles para evitar problemas con el menú hamburguesa */
    }

    body:not(.elementor-editor-active) .elementor-location-header + .elementor-section-wrap {
        padding-top: 60px; /* Reduce el padding en dispositivos móviles */
    }

    .elementor-nav-menu--dropdown {
        max-height: calc(100vh - 60px); /* Altura máxima del menú desplegable */
        overflow-y: auto;
    }
}

/* Ajuste para el menú hamburguesa de Elementor */
.elementor-menu-toggle {
    padding: 0.25em;
}

/* Estilo para el botón de menú hamburguesa */
.elementor-menu-toggle i {
    font-size: 1.5em;
}

/* Ajuste adicional para el menú móvil */
.elementor-nav-menu--dropdown {
    border-top: 3px solid #54595f; /* Color de acento, ajusta según tu diseño */
}/* End custom CSS */