.elementor-69 .elementor-element.elementor-element-747bc38{--display:flex;--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:space-between;--align-items:center;--margin-top:25px;--margin-bottom:-100px;--margin-left:0px;--margin-right:0px;--z-index:9999;}.elementor-69 .elementor-element.elementor-element-747bc38:not(.elementor-motion-effects-element-type-background), .elementor-69 .elementor-element.elementor-element-747bc38 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-69 .elementor-element.elementor-element-1ba030a{width:var( --container-widget-width, 237px );max-width:237px;--container-widget-width:237px;--container-widget-flex-grow:0;}.elementor-69 .elementor-element.elementor-element-1ba030a img{width:100%;}.elementor-69 .elementor-element.elementor-element-4a072eb .elementor-menu-toggle{margin:0 auto;}.elementor-69 .elementor-element.elementor-element-4a072eb{--e-nav-menu-horizontal-menu-item-margin:calc( 28px / 2 );}.elementor-69 .elementor-element.elementor-element-4a072eb .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:28px;}.elementor-69 .elementor-element.elementor-element-caf9bd7{--display:flex;--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:space-between;--align-items:center;}.elementor-69 .elementor-element.elementor-element-f9cacf7{width:var( --container-widget-width, 237px );max-width:237px;--container-widget-width:237px;--container-widget-flex-grow:0;}.elementor-69 .elementor-element.elementor-element-f9cacf7 img{width:100%;}.elementor-69 .elementor-element.elementor-element-317f660 .elementor-menu-toggle{margin:0 auto;background-color:var( --e-global-color-593ebdc );}.elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-secondary );}.elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--main .elementor-item{padding-left:36px;padding-right:36px;padding-top:16px;padding-bottom:16px;}.elementor-69 .elementor-element.elementor-element-317f660{--e-nav-menu-horizontal-menu-item-margin:calc( 21px / 2 );}.elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:21px;}.elementor-69 .elementor-element.elementor-element-317f660 .elementor-item:before{border-radius:100px;}.elementor-69 .elementor-element.elementor-element-317f660 .e--animation-shutter-in-horizontal .elementor-item:before{border-radius:100px 100px 0 0;}.elementor-69 .elementor-element.elementor-element-317f660 .e--animation-shutter-in-horizontal .elementor-item:after{border-radius:0 0 100px 100px;}.elementor-69 .elementor-element.elementor-element-317f660 .e--animation-shutter-in-vertical .elementor-item:before{border-radius:0 100px 100px 0;}.elementor-69 .elementor-element.elementor-element-317f660 .e--animation-shutter-in-vertical .elementor-item:after{border-radius:100px 0 0 100px;}.elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-text );}.elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--dropdown a:hover,
					.elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--dropdown a:focus,
					.elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-69 .elementor-element.elementor-element-317f660 .elementor-menu-toggle:hover,
					.elementor-69 .elementor-element.elementor-element-317f660 .elementor-menu-toggle:focus{color:var( --e-global-color-secondary );}.elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--dropdown a:hover,
					.elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--dropdown a:focus,
					.elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-primary );}.elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-secondary );background-color:var( --e-global-color-primary );}.elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--dropdown .elementor-item, .elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Clash Display", Sans-serif;}.elementor-69 .elementor-element.elementor-element-317f660 div.elementor-menu-toggle{color:var( --e-global-color-secondary );}.elementor-69 .elementor-element.elementor-element-317f660 div.elementor-menu-toggle svg{fill:var( --e-global-color-secondary );}.elementor-69:not(.elementor-motion-effects-element-type-background), .elementor-69 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#222222;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-69 .elementor-element.elementor-element-caf9bd7{--justify-content:space-between;}.elementor-69 .elementor-element.elementor-element-317f660 > .elementor-widget-container{padding:0px 20px 0px 0px;}}@media(max-width:767px){.elementor-69 .elementor-element.elementor-element-caf9bd7{--z-index:9999;}.elementor-69 .elementor-element.elementor-element-f9cacf7{text-align:start;}.elementor-69 .elementor-element.elementor-element-317f660 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--dropdown .elementor-item, .elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:18px;}.elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--dropdown{border-radius:8px 8px 8px 8px;}.elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:8px;border-top-right-radius:8px;}.elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:8px;border-bottom-left-radius:8px;}.elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:20px !important;}}/* Start custom CSS for nav-menu, class: .elementor-element-4a072eb *//* Estilos generales para los elementos del menú de navegación */
.elementor-69 .elementor-element.elementor-element-4a072eb .elementor-nav-menu--main > .elementor-nav-menu > li > a {
    /* Estilos del borde (blanco transparente) */
    border: 1px solid rgba(255, 255, 255, 0.4); /* Borde blanco con 40% de opacidad */
    border-radius: 9999px; /* Borde muy redondeado (forma de píldora) */
    padding: 10px 25px; /* Ajusta el padding interno para dar espacio al texto */
    color: #FFFFFF; /* Color del texto por defecto (blanco) */
    background-color: transparent; /* Fondo transparente por defecto */
    transition: all 0.3s ease; /* Transición suave para el hover */
    /* Otros estilos de texto que Elementor puede manejar, como font-family, font-size, etc. */
}

/* Estilos para el elemento activo (página actual) o un elemento con estilo específico (como "Contacto") */
/* Por ejemplo, si el último elemento es el de "Contacto" y tiene un fondo rosa sólido */
.elementor-69 .elementor-element.elementor-element-4a072eb .elementor-nav-menu--main > .elementor-nav-menu > li:last-child > a {
    background-color: #FE84E7; /* Color de fondo rosa sólido */
    border-color: #FE84E7; /* Borde del mismo color */
    color: #000000; /* Texto oscuro para contraste */
}

/* Estilo al pasar el ratón (hover) */
.elementor-69 .elementor-element.elementor-element-4a072eb .elementor-nav-menu--main > .elementor-nav-menu > li > a:hover {
    background-color: #FE84E7; /* Fondo rosa sólido al hacer hover */
    border-color: #FE84E7; /* Borde del mismo color al hacer hover */
    color: #000000; /* Texto oscuro para contraste al hacer hover */
}

/* Para elementos activos que no sean el último (si tienes un estilo diferente para ellos) */
/* .elementor-69 .elementor-element.elementor-element-4a072eb .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-item > a {
    background-color: #FE84E7; 
    border-color: #FE84E7; 
    color: #000000;
} */


/* Ajuste para el ícono de flecha en "Servicios" si es parte del enlace */
/* Si el ícono es un elemento HTML independiente dentro del <a>, esto funcionaría */
.elementor-69 .elementor-element.elementor-element-4a072eb .elementor-nav-menu--main > .elementor-nav-menu > li > a .sub-arrow { /* Reemplaza .sub-arrow con la clase real de tu flecha */
    color: #FFFFFF; /* Color de la flecha blanca por defecto */
    transition: color 0.3s ease;
}

.elementor-69 .elementor-element.elementor-element-4a072eb .elementor-nav-menu--main > .elementor-nav-menu > li > a:hover .sub-arrow {
    color: #000000; /* Color de la flecha oscura al hacer hover */
}

/* Si la flecha es un pseudo-elemento, podrías necesitar ajustar su color con 'content' */
/* Ejemplo: .elementor-69 .elementor-element.elementor-element-4a072eb .elementor-nav-menu--main > .elementor-nav-menu > li > a:hover::after { color: #000000; } */


/* MEDIA QUERIES para responsividad (ajusta según necesites el padding y tamaño en móvil/tablet) */
@media (max-width: 1024px) {
    .elementor-69 .elementor-element.elementor-element-4a072eb .elementor-nav-menu--main > .elementor-nav-menu > li > a {
        padding: 8px 20px; /* Un poco menos de padding en tablet */
        font-size: 15px; /* Ajusta el tamaño de fuente si Elementor no lo hace automáticamente */
    }
    .elementor-69 .elementor-element.elementor-element-4a072eb .elementor-nav-menu--main > .elementor-nav-menu > li:last-child > a {
        padding: 8px 20px;
    }
}

@media (max-width: 767px) {
    /* Estilos para el menú móvil/off-canvas si es necesario */
    /* Por lo general, Elementor maneja el menú móvil de forma diferente */
    /* Si quieres que los botones se mantengan en el menú móvil, ajusta el display */
    /* .elementor-69 .elementor-element.elementor-element-4a072eb .elementor-nav-menu--dropdown > li > a { 
        border-radius: 9999px;
        border: 1px solid rgba(255, 255, 255, 0.4);
        padding: 8px 20px;
        margin: 5px 0;
        display: block;
        text-align: center;
    }
    .elementor-69 .elementor-element.elementor-element-4a072eb .elementor-nav-menu--dropdown > li:last-child > a {
        background-color: #FE84E7;
        border-color: #FE84E7;
        color: #000000;
    }
    .elementor-69 .elementor-element.elementor-element-4a072eb .elementor-nav-menu--dropdown > li > a:hover {
        background-color: #FE84E7;
        border-color: #FE84E7;
        color: #000000;
    } */
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-317f660 *//* Estilos generales para los elementos del menú de navegación */
.elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--main > .elementor-nav-menu > li > a {
    /* Estilos del borde (blanco transparente) */
    border: 1px solid rgba(255, 255, 255, 0.4); /* Borde blanco con 40% de opacidad */
    border-radius: 9999px; /* Borde muy redondeado (forma de píldora) */
    padding: 10px 25px; /* Ajusta el padding interno para dar espacio al texto */
    color: #FFFFFF; /* Color del texto por defecto (blanco) */
    background-color: transparent; /* Fondo transparente por defecto */
    transition: all 0.3s ease; /* Transición suave para el hover */
    /* Otros estilos de texto que Elementor puede manejar, como font-family, font-size, etc. */
}

/* Estilos para el elemento activo (página actual) o un elemento con estilo específico (como "Contacto") */
/* Por ejemplo, si el último elemento es el de "Contacto" y tiene un fondo rosa sólido */
.elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--main > .elementor-nav-menu > li:last-child > a {
    background-color: #FE84E7; /* Color de fondo rosa sólido */
    border-color: #FE84E7; /* Borde del mismo color */
    color: #000000; /* Texto oscuro para contraste */
}

/* Estilo al pasar el ratón (hover) */
.elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--main > .elementor-nav-menu > li > a:hover {
    background-color: #FE84E7; /* Fondo rosa sólido al hacer hover */
    border-color: #FE84E7; /* Borde del mismo color al hacer hover */
    color: #000000; /* Texto oscuro para contraste al hacer hover */
}

/* Para elementos activos que no sean el último (si tienes un estilo diferente para ellos) */
/* .elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-item > a {
    background-color: #FE84E7; 
    border-color: #FE84E7; 
    color: #000000;
} */


/* Ajuste para el ícono de flecha en "Servicios" si es parte del enlace */
/* Si el ícono es un elemento HTML independiente dentro del <a>, esto funcionaría */
.elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--main > .elementor-nav-menu > li > a .sub-arrow { /* Reemplaza .sub-arrow con la clase real de tu flecha */
    color: #FFFFFF; /* Color de la flecha blanca por defecto */
    transition: color 0.3s ease;
}

.elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--main > .elementor-nav-menu > li > a:hover .sub-arrow {
    color: #000000; /* Color de la flecha oscura al hacer hover */
}

/* Si la flecha es un pseudo-elemento, podrías necesitar ajustar su color con 'content' */
/* Ejemplo: .elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--main > .elementor-nav-menu > li > a:hover::after { color: #000000; } */


/* MEDIA QUERIES para responsividad (ajusta según necesites el padding y tamaño en móvil/tablet) */
@media (max-width: 1024px) {
    .elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--main > .elementor-nav-menu > li > a {
        padding: 8px 20px; /* Un poco menos de padding en tablet */
        font-size: 15px; /* Ajusta el tamaño de fuente si Elementor no lo hace automáticamente */
    }
    .elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--main > .elementor-nav-menu > li:last-child > a {
        padding: 8px 20px;
    }
}

@media (max-width: 767px) {
    /* Estilos para el menú móvil/off-canvas si es necesario */
    /* Por lo general, Elementor maneja el menú móvil de forma diferente */
    /* Si quieres que los botones se mantengan en el menú móvil, ajusta el display */
    /* .elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--dropdown > li > a { 
        border-radius: 9999px;
        border: 1px solid rgba(255, 255, 255, 0.4);
        padding: 8px 20px;
        margin: 5px 0;
        display: block;
        text-align: center;
    }
    .elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--dropdown > li:last-child > a {
        background-color: #FE84E7;
        border-color: #FE84E7;
        color: #000000;
    }
    .elementor-69 .elementor-element.elementor-element-317f660 .elementor-nav-menu--dropdown > li > a:hover {
        background-color: #FE84E7;
        border-color: #FE84E7;
        color: #000000;
    } */
}/* End custom CSS */