.elementor-59 .elementor-element.elementor-element-59dffa8{--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;--margin-top:0em;--margin-bottom:-15em;--margin-left:0em;--margin-right:0em;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-59 .elementor-element.elementor-element-b86f984{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-59 .elementor-element.elementor-element-b86f984 > .elementor-widget-container{margin:5px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-59 .elementor-element.elementor-element-b86f984.elementor-element{--align-self:flex-start;}.elementor-59 .elementor-element.elementor-element-f8d7f9e{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:left;}.elementor-59 .elementor-element.elementor-element-f8d7f9e.elementor-element{--align-self:center;}.elementor-59 .elementor-element.elementor-element-f8d7f9e img{width:16%;filter:brightness( 200% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-59 .elementor-element.elementor-element-6007e28 .elementor-button{background-color:var( --e-global-color-b5ccfa4 );font-family:"NOWAY", Sans-serif;font-size:17px;font-weight:400;line-height:1.2em;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;padding:15px 25px 15px 25px;}.elementor-59 .elementor-element.elementor-element-6007e28 .elementor-button:hover, .elementor-59 .elementor-element.elementor-element-6007e28 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-secondary );}.elementor-59 .elementor-element.elementor-element-6007e28{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-59 .elementor-element.elementor-element-6007e28 .elementor-button:hover svg, .elementor-59 .elementor-element.elementor-element-6007e28 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.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-59 .elementor-element.elementor-element-59dffa8{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-59 .elementor-element.elementor-element-59dffa8.e-con{--align-self:center;}.elementor-59 .elementor-element.elementor-element-b86f984{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;}.elementor-59 .elementor-element.elementor-element-b86f984 > .elementor-widget-container{margin:5px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-59 .elementor-element.elementor-element-f8d7f9e > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-59 .elementor-element.elementor-element-f8d7f9e{--container-widget-width:32%;--container-widget-flex-grow:0;width:var( --container-widget-width, 32% );max-width:32%;}.elementor-59 .elementor-element.elementor-element-f8d7f9e img{width:100%;}.elementor-59 .elementor-element.elementor-element-6007e28{width:var( --container-widget-width, 53% );max-width:53%;--container-widget-width:53%;--container-widget-flex-grow:0;}.elementor-59 .elementor-element.elementor-element-6007e28 .elementor-button{font-size:16px;padding:20px 15px 20px 15px;}}@media(min-width:768px){.elementor-59 .elementor-element.elementor-element-59dffa8{--content-width:1450px;}}/* Start custom CSS for html, class: .elementor-element-b86f984 */.burger-button {
	color: #000;
	display: flex;
	height: 28px;
	cursor: pointer;
	position: relative;
	z-index: 9999;
	align-items: center;
}

/* (change the number of the template with your own) */
.elementor-100 { 
	width: 100%;
	animation: fadeInDown 1s ease-in-out;
}

.burger-navigation {
	position: fixed;
	top: 0;
	left: 0;
	transform: translateY(-100%); /* Ahora inicia fuera de la pantalla en la parte superior */
	overflow: hidden;
	transition: all 0.5s ease-out;
	width: 100%;
	height: 100vh;
	z-index: 100;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Cuando el menú está activado, se mueve hacia abajo */
.burger-nav_control:checked ~ .burger-navigation {
	transform: translateY(0);
	opacity: 1;
	transition: transform 0.3s, opacity 0.3s;
}

.burger-button .burger {
	position: relative;
}

.burger-button .burger span {
	display: block;
	height: 2px;
	width: 34px;
	background: #fff;
	transform-origin: 50% 50%;
	transition: all 0.1s 0.2s ease, transform 0.2s ease;
}

.burger-button .burger span:nth-child(2) {
	transform: translate(0, 6px);
}

.burger-button .burger span:nth-child(3) {
	transform: translate(0, 12px);
}

.burger-nav_control {
	position: absolute;
	left: -9999px;
	width: 100%;
	clip: rect(0, 0, 0, 0);
}

.burger-nav_control:checked ~ .burger-button .burger {
	transition: all 0.1s 0s ease;
}

.burger-nav_control:checked ~ .burger-button .burger span {
	background: #fff;
	transition: all 0.1s ease, transform 0.1s 0.2s ease;
}

.burger-nav_control:checked ~ .burger-button .burger span:first-child {
	opacity: 0;
}

.burger-nav_control:checked ~ .burger-button .burger span:nth-child(2) {
	transform: translate(0, 6px) rotate(45deg);
}

.burger-nav_control:checked ~ .burger-button .burger span:nth-child(3) {
	transform: translate(0, 4px) rotate(-45deg);
}

/* Animación de fade-in desde arriba */
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-100px); /* Viene desde arriba */
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-59dffa8 *//* Estilos iniciales del menú */
.elementor-element-59dffa8 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0); /* Color inicial transparente */
    transition: background 0.3s ease-in-out, opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    z-index: 9999;
}

/* Ocultar menú cuando el usuario baja */
.elementor-element-59dffa8.hidden {
    transform: translateY(-100%);
    opacity: 0;
}

/* Mostrar menú con fondo semitransparente al hacer scroll */
.elementor-element-59dffa8.scrolled {
    background: rgba(6, 39, 68, 0.5); /* Fondo 50% de #062744 */
    opacity: 1;
}

/* Asegurarse de que el menú está visible en el top */
.elementor-element-59dffa8.at-top {
    transform: translateY(0);
    opacity: 1;
}/* End custom CSS */