.elementor-527 .elementor-element.elementor-element-4043b85{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-527 .elementor-element.elementor-element-0258ec2{--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-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), monserrat;font-weight:var( --e-global-typography-text-font-weight );}.elementor-527 .elementor-element.elementor-element-cc2e2dc > .elementor-widget-container{margin:15px 15px 15px 15px;}.elementor-527 .elementor-element.elementor-element-cc2e2dc{text-align:left;}.elementor-527 .elementor-element.elementor-element-cc2e2dc img{width:25%;}.elementor-527 .elementor-element.elementor-element-9043e9a{--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-527 .elementor-element.elementor-element-4285b94 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-527 .elementor-element.elementor-element-4285b94.elementor-element{--align-self:center;}.elementor-527 .elementor-element.elementor-element-27a13af{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-527 .elementor-element.elementor-element-dd1b31b{--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-527 .elementor-element.elementor-element-0a0979e{--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-527 .elementor-element.elementor-element-2f52ef6 img{width:25%;}.elementor-527 .elementor-element.elementor-element-13f0a18{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-527 .elementor-element.elementor-element-cc2e2dc img{width:21%;}}@media(min-width:768px){.elementor-527 .elementor-element.elementor-element-0258ec2{--width:50%;}.elementor-527 .elementor-element.elementor-element-9043e9a{--width:50%;}.elementor-527 .elementor-element.elementor-element-dd1b31b{--width:33%;}.elementor-527 .elementor-element.elementor-element-0a0979e{--width:33%;}.elementor-527 .elementor-element.elementor-element-13f0a18{--width:33%;}}/* Start custom CSS for html, class: .elementor-element-4285b94 *//* Estilos para el botón del menú hamburguesa */
#hamburger-icon {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 1001; /* Asegúrate de que esté por encima del menú */
    cursor: pointer;
    outline: none; /* Quitar el borde del foco */
    -webkit-tap-highlight-color: transparent; /* Elimina el recuadro gris en algunos navegadores móviles */
}

#hamburger-icon svg {
    width: 50px;
    height: 50px;
    outline: none; /* Asegurar que no haya contornos en el SVG */
}

/* Aplica la transición a las líneas del SVG para hacer la animación más lenta */
#hamburger-icon svg line {
    transition: transform 0.5s ease; /* Duración ajustada a 0.5 segundos */
    outline: none; /* Asegurar que las líneas no tengan contorno */
}

/* Eliminar el recuadro gris (foco y active) en dispositivos móviles */
#hamburger-icon:focus,
#hamburger-icon:active {
    outline: none;
    box-shadow: none; /* Eliminar cualquier sombra que indique el clic */
}

/* Menú a pantalla completa con fondo blanco sólido */
#fullscreen-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: white; /* Fondo blanco sólido */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000; /* Debajo del botón hamburguesa */
    opacity: 0; /* Inicialmente transparente */
    pointer-events: none; /* Deshabilitar interacción mientras está oculto */
    transition: opacity 0.5s ease; /* Transición de opacidad */
}

/* Mostrar el menú cuando está activo */
#fullscreen-menu.active {
    opacity: 1; /* Aparece completamente visible */
    pointer-events: all; /* Permitir interacción cuando está visible */
}

/* Ajuste de la posición del menú (100px más arriba) */
#fullscreen-menu ul {
    list-style: none; /* Eliminar las viñetas */
    padding: 0;
    margin: 0;
    text-align: center;
    transform: translateY(-70px); /* Mover el menú hacia arriba por 100px */
}

#fullscreen-menu ul li {
    margin: 20px 0;
    opacity: 0; /* Inicialmente oculto */
    transform: translateY(20px); /* Desplazado hacia abajo inicialmente */
    transition: opacity 0.5s ease, transform 0.5s ease; /* Animación de entrada */
}

/* Cuando el menú está activo, las letras aparecen y suben suavemente */
#fullscreen-menu.active ul li {
    opacity: 1;
    transform: translateY(0); /* Regresar a su posición original */
}

/* Estilos de los enlaces dentro del menú */
#fullscreen-menu ul li a {
    font-family: 'Montserrat', sans-serif; /* Aplicar la fuente Montserrat */
    font-size: 1em; /* Ajusta el tamaño si es necesario */
    color: black; /* Cambiar color a negro para el fondo blanco */
    text-decoration: none;
    transition: color 0.3s ease, transform 0.3s ease; /* Suavizar cambios de color y escalado */
}

/* Color al pasar sobre los enlaces */
#fullscreen-menu ul li a:hover {
    color: #f39c12; /* Cambia este color al pasar sobre el texto si es necesario */
    transform: scale(1.05); /* Pequeño aumento al pasar el mouse */
}

/* Animación del ícono hamburguesa en una "X" */
#hamburger-icon.active svg line:nth-child(1) {
    transform: rotate(45deg) translate(5px, -11px); /* Ajuste personalizado */
    transition: transform 0.8s ease; /* Aplica la transición lenta aquí */
}

#hamburger-icon.active svg line:nth-child(2) {
    transform: rotate(-45deg) translate(-13px, 0px); /* Ajuste personalizado */
    transition: transform 0.8s ease; /* Aplica la transición lenta aquí */
}

/* Clase para bloquear el scroll en el body */
.no-scroll {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4043b85 *//* Estilos para el contenedor con ID "header" */
.elementor-527 .elementor-element.elementor-element-4043b85 {
    background-color: white; /* Aplica fondo blanco */
    position: fixed; /* Fijar la cabecera en la parte superior de la página */
    top: 0;
    width: 100%; /* Asegúrate de que ocupe todo el ancho de la pantalla */
    height: 80px;
    z-index: 1000; /* Asegúrate de que esté por encima de otros elementos */
    padding: 0px 0px; /* Espaciado opcional */
 
}

/* Asegurar que el contenido no quede oculto bajo la cabecera */
body {
    padding-top: 80px; /* Ajusta este valor según la altura del header */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-27a13af *//* Estilos generales para la cabecera */
.elementor-527 .elementor-element.elementor-element-27a13af {
    background-color: white;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    /*display: flex;*/
    justify-content: space-between;
    align-items: center;
    padding: 0 0px;
    margin-top: 0;
    padding-top: 0;
}

/* Estilos del menú principal (izquierda) */
.main-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 30px; /* Espacio entre los elementos del menú */
}

.main-nav ul li {
    display: inline-block;
}

.main-nav ul li a {
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
    color: black;
    letter-spacing: 1.5px;
    transition: color 0.3s ease;
}

.main-nav ul li a:hover {
    color: #f39c12; /* Cambia a un color diferente al pasar el mouse */
}

/* Estilos del menú secundario (derecha) */
.secondary-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 20px; /* Espacio entre los elementos */
}

.secondary-nav ul li {
    display: inline-block;
}

.secondary-nav ul li a {
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
    color: black;
    letter-spacing: 1.5px;
    transition: color 0.3s ease;
}

.secondary-nav ul li a:hover,
.secondary-nav ul li a.active {
    color: #f39c12; /* Color de resalte o hover */
}

/* Asegura que el contenido del body no se oculte bajo la cabecera */
body {
    padding-top: 90px; /* Igual a la altura del header */
}/* End custom CSS */