/* El contenedor debe tener un tamaño fijo y ocultar lo que sobresale */
.contenedor-video {
  width: 100%;
  max-width: 600px;
  height: 400px;
  overflow: hidden; /* Vital para hacer el efecto de recorte */
  position: relative;
}


/* Aplicamos la animación a la imagen */
.contenedor-video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: efecto-video 20s ease-in-out infinite alternate;
}

/* Configuramos el movimiento suave */
@keyframes efecto-video {
  0% {
    transform: scale(1) translate(0, 0);
  }
  50% {
    transform: scale(1.12) translate(-2%, -1%);
  }
  100% {
    transform: scale(1.16) translate(2%, 1%);
  }
}






/* Contenedor principal dentro del container de Hypnos */
.hy-slider-external-wrapper {
    position: relative;
    width: 100%;
    margin: 40px 0;
    overflow: hidden; /* Importante para que no se salgan los slides del container */
    background-color:#000;
    border-radius:10px;
}

.hy-slider-viewport {
    position: relative;
    width: 100%;
    height: 400px;
    display: flex;
    align-items: center;
}

.hy-slider-track {
    display: flex;
    height: 100%;
    transition: transform 0.5s ease-in-out;
    will-change: transform;
}

.hy-slide {
    flex: 0 0 600px; /* Ancho fijo solicitado */
    height: 400px;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: flex-end;
    transition: opacity 0.5s ease, filter 0.5s ease;
    opacity: 0.2; 
    filter: brightness(0.6);
}

.hy-slide.hy-active {
    opacity: 1;
    filter: brightness(1);
}

.hy-content {
    width: 100%;
    padding: 30px;
    color: #fff !important;
    background: linear-gradient(transparent, rgba(0,0,0,0.8));
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.5s;
    text-align: left;
}

.hy-slide.hy-active .hy-content {
    opacity: 1;
}

.hy-content h3 { margin: 0; font-size: 24px; color: #fff !important; font-weight: 700; outline: none; }
.hy-content p { margin: 10px 0 0; font-size: 15px; color: #eee !important; outline: none; }

/* Flechas con prefijo hy- para evitar conflictos con el template */
.hy-arrow {
    position: absolute;
    top: 50%;
    width: 45px;
    height: 45px;
    background: none;
    border: none;
    border-top: 2px solid rgba(255,255,255,0.9);
    border-right: 2px solid rgba(255,255,255,0.9);
    cursor: pointer;
    z-index: 10;
    transition: 0.3s;
    outline: none;
}

.hy-left {
    left: 20px;
    transform: translateY(-50%) rotate(-135deg);
}

.hy-right {
    right: 20px;
    transform: translateY(-50%) rotate(45deg);
}

.hy-arrow:hover { border-color: #fff; transform: translateY(-50%) scale(1.1) rotate(var(--rot, 0deg)); }
.hy-left:hover { --rot: -135deg; }
.hy-right:hover { --rot: 45deg; }

/* Ajuste para pantallas pequeñas (Responsive interno) */
@media (max-width: 768px) {
    .hy-slide { flex: 0 0 100%; }
    .hy-slider-viewport { height: 300px; }
    .hy-slide { height: 300px; }
    
    
    
}




.mi-enlace {
            color: #ffffff;          /* Color normal */
            text-decoration: none;   /* Quita el subrayado por defecto */
            transition: color 0.3s ease; /* Hace que el cambio sea suave */
        }

        /* Estilos al pasar el mouse */
        .mi-enlace:hover {
            color: #2BB86D;  
            opacity:0.5;        /* Color al hacer hover */
            transition: 0.7s ease;
        }
        
        


.video_backimg1 {
display:inherit;
}



.video_backimg2 {
display:none;
}





.tech_dev_1 {
display:inherit;
}



.tech_dev_2 {
display:none;
}







.galeria_how1 {
display:inherit;
}



.galeria_how2 {
display:none;
}





.circulo {
max-width:520px; 
margin-top:-80px;
}



.texto-degradado {
 /* Degradado vertical de arriba (#2BB86D) hacia abajo (#38DF86) */
  background: linear-gradient(to bottom, #2BB86D, #38DF86);
  
  /* Recorte del fondo al texto */
  -webkit-background-clip: text;
  background-clip: text;
  
  /* Hacemos el texto transparente para ver el fondo */
  color: transparent;
  ont-size:2.5em; 
	line-height:1em;

}


.partners-line {
width:100%;
height:1px;
border-top:1px dashed #666;
}


.partners-text1 {
text-shadow: 2px 2px 2px #333;
}


.partners-text2 {
font-weight:500; text-shadow: 2px 2px 2px #333;
}


.partners_gral {
width:70%;
height: auto;
position: relative;
padding-left:5%;
padding-right:5%;
padding-top:20px;
padding-bottom:20px;
border-radius: 10px;
background-color: #000;
margin-right:20%;
color:#fff;
text-transform: uppercase;
font-weight:700;
}



.partners1 {
width:93%;
height: auto;
position: relative;
padding-left:3%;
padding-right:3%;
border-left:1px solid #2BB86D;
}



.different_gral {
width:90%;
height: auto;
position: relative;
padding-left:5%;
padding-right:5%;
padding-top:20px;
padding-bottom:20px;
border-radius: 10px;
background-color: #000;
color:#fff;
text-transform: uppercase;
font-weight:700;
}



.different1 {
width:93%;
height: auto;
position: relative;
padding-left:3%;
padding-right:3%;
border-left:1px solid #2BB86D;
}





.veinte_mas_gral {
width:100%;
height: 210px;
position: relative;
}


.veinte_mas {

max-width:330px;
float:left;
}


.text_about_us {
width:90%;
height: auto;
position: relative;
padding-left:5%;
padding-right:5%;
padding-top:40px;
padding-bottom:40px;
}



.zero_icon1 {
width:94%;
height: auto;
position: relative;
padding-left:3%;
padding-right:3%;
}



.zero_icon_esp1 {
width:40%;
height: 290px;
position: relative;
padding-left:4%;
padding-right:4%;
margin-right:2%;
padding-top:20px;
padding-bottom:20px;
margin-bottom:20px;
border-radius: 10px;
background-color: #000;
float:left;
color:#fff;
}

.zero_icon_esp2 {
width:40%;
height:290px;
position: relative;
padding-left:4%;
padding-right:4%;
margin-left:2%;
padding-top:20px;
padding-bottom:20px;
margin-bottom:20px;
border-radius: 10px;
background-color: #000;
float:left;
color:#fff;
}



.zero_icon_esp3 {
width:92%;
height:auto;
position: relative;
padding-left:4%;
padding-right:4%;
padding-top:20px;
padding-bottom:30px;
margin-bottom:20px;
border-radius: 10px;
background-color: #000;
float:left;
color:#fff;
}



.imagen_horno1 {

max-width:100%;
display:inherit; 
}


.imagen_horno2 {

max-width:100%;
display:none; 
}



.borde_trans {

border:1px solid #fff;
border-radius:10px;

}

.foto_sargaso {
max-width:100%;
border-radius: 0px 10px 10px 0px;
}

.foto_basura {
max-width:100%;
border-radius: 10px 0px 0px 10px;
}


.sargaso {
width:94%;
height: auto;
position: relative;
padding-left:3%;
padding-right:3%;
padding-top:40px;
}


.tit_int_mul {
width:90%;
height: auto;
position: relative;
padding-left:5%;
padding-right:5%;
}


.esp_feedstock {
width:90%;
height: auto;
position: relative;
padding-left:5%;
padding-right:5%;
float:left;
}



.capsulas {
width:94%;
height: 60px;
position: relative;
background-color: #fff;
backdrop-filter: blur(10px);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
border-radius: 50px;
padding-left:3%;
padding-right:3%;
padding-top:10px;
padding-bottom:10px;
margin-bottom:50px;
font-weight:700;
color:#000;
display: flex;
align-items: center;

}

.capsulas_pic {
max-width:60px; float:left; margin-right:15px;
border-radius: 30px 0px 0px 30px;
}

.tit_capsula {
font-size:1.1rem;
}

.tit_capsula2 {
margin-top:28px;
}


.tit_principal {
text-transform:uppercase;
}

.espacio_frase {
width:90%;
height: auto;
position: relative;
margin-left:5%;
	margin-right:5%;
}

.espacio_the_reality {
width:100%;
height: 150px;
}


.espacio_the_solution_gral {
width:100%;
height: 250px;
}


.espacio_the_solution_gral1 {
width:100%;
height: 150px;
}


.espacio_the_solution_gral1_5 {
width:100%;
height: 120px;
}


.espacio_the_solution_gral2 {
width:100%;
height: 100px;
}


.espacio_the_solution_gral3 {
width:100%;
height: 50px;
}

.espacio_the_solution_gral4 {
width:100%;
height: 30px;
}




.espacio_the_solution_gral5 {
width:100%;
height: 25px;
}


.espacio_the_solution_blanco {
width:90%;
height: auto;
position: relative;
background-color: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); /* Soporte Safari */
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
border-radius:10px;
padding-left:5%;
padding-right:5%;
padding-top:40px;
padding-bottom:40px;
}



.espacio_the_solution_blanco2 {

background-color: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); /* Soporte Safari */
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
border-radius:10px;
padding-top:40px;
padding-bottom:40px;
}


.espacio_the_solution_verde {

background-color: rgba(43, 184, 109, 0.7);
backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); /* Soporte Safari */
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
border-radius:10px;
padding-top:40px;
padding-bottom:40px;
}




.espacio_the_solution_negro {

background-color: rgba(0, 0, 0, 0.7);
backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); /* Soporte Safari */
  border: 0px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
border-radius:10px;
padding-top:40px;
padding-bottom:40px;
}



.espacio_integration_gral {

	width:100%;
height: auto;
position: relative;
margin-bottom:30px;

}


.espacio_integration1 {
background-image: url('../img/int1.jpg');
  background-repeat: repeat-y;
	background-position: center center;
	background-color: #000;
	z-index:99999;
	width:28.3%;
height: auto;
position: relative;
border-radius:10px;
float:left;
padding-top:80px;
padding-bottom:80px;
color:#fff;
padding-left:1.5%;
padding-right:1.5%;
margin-right:1.5%;
margin-left:1.5%;
}


.espacio_integration2 {
background-image: url('../img/int2.jpg');
  background-repeat: repeat-y;
	background-position: center center;
	background-color: #000;
	z-index:99999;
	width:28.3%;
height: auto;
position: relative;
border-radius:10px;
float:left;
padding-top:80px;
padding-bottom:80px;
color:#fff;
padding-left:1.5%;
padding-right:1.5%;
margin-right:1.5%;
}

.espacio_integration3 {
background-image: url('../img/int3.jpg');
  background-repeat: repeat-y;
	background-position: center center;
	background-color: #000;
	z-index:99999;
	width:28.3%;
height: auto;
position: relative;
border-radius:10px;
float:left;
padding-top:80px;
padding-bottom:80px;
color:#fff;
padding-left:1.5%;
padding-right:1.5%;
margin-right:1.5%;
}



.espacio_integration4 {
background-image: url('../img/int4.jpg');
  background-repeat: repeat-y;
	background-position: center center;
	background-color: #000;
	z-index:99999;
	width:28.3%;
height: auto;
position: relative;
border-radius:10px;
float:left;
padding-top:80px;
padding-bottom:80px;
color:#fff;
padding-left:1.5%;
padding-right:1.5%;
margin-right:1.5%;
}


.espacio_integration5 {
background-image: url('../img/int5.jpg');
  background-repeat: repeat-y;
	background-position: center center;
	background-color: #000;
	z-index:99999;
	width:28.3%;
height: auto;
position: relative;
border-radius:10px;
float:left;
padding-top:80px;
padding-bottom:80px;
color:#fff;
padding-left:1.5%;
padding-right:1.5%;
margin-right:1.5%;
}









.espacio_integration6 {
background-image: url('../img/int6.jpg');
  background-repeat: repeat-y;
	background-position: center center;
	background-color: #000;
	z-index:99999;
	width:28.3%;
height: auto;
position: relative;
border-radius:10px;
float:left;
padding-top:80px;
padding-bottom:80px;
color:#fff;
padding-left:1.5%;
padding-right:1.5%;
margin-right:1.5%;
}




.espacio_the_reality2 {
width:100%;
height: 70px;
}


.italica {
font-style: italic;
}


.gris_claro {
color: #999999;
}

.blanco_gral {
color: #fff;
}


.negro_gral {
color: #000;
}



.back_azul_gral {
background-image: url('../img/back_azul.png');
  background-repeat: repeat-y;
	background-position: left;
	z-index:99999;
}

.negro_the_reality {
background-color: #141217;
}

.negro_the_solution {
background-color: #151918;
}


.blanco_gral2 {
background-color:#F3F3F3;
}



.verde_claro {
color: #2BB86D;
}


.integrates {
max-width:120px;
margin-top: -60px;
}


.esp_integrates {
width:100%;
height: 70px;
}

.line_divi {
width: 100%;
height: 1px;
margin-top: 30px;
margin-bottom: 30px;
background: #222;
}

.blanco_resaltar {
color: #fff;
font-weight:700;
}

.barra_top_gral {

background: #000;
color: #999;
font-size:0.8em;
line-height: 2.8em;
font-weight: 500;
float: left;
padding-left:5%;
padding-right:5%;
width: 90%;
height: 29px;
position: fixed;
border-bottom:1px solid #222;
z-index:1000;

}


.elementos_top1 {

float: left;

}


.elementos_top2 {

float: right;

}


.esp_azul {

background-image: url('../img/back_azul.png');
  background-repeat: repeat-y;
	background-position: left;
	}
	
	
	.esp_azul2 {

background-image: url('../img/back_azul.png');
  background-repeat: repeat-y;
	background-position: left;
	padding-top:50px;
	padding-bottom:60px;
	}
	
	

	.espacio_negro_degradado {
	width: 90%;
	height: auto;
	position: relative;
	margin-top: 65px;
	margin-bottom: 65px;
	padding-top:50px;
	padding-bottom:50px;
	padding-left:5%;
	padding-right:5%;
	background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	color: #fff;
	font-weight: 400;
	font-size: 1.1em;
	line-height: 1.7em;
	border-radius:10px;
		}
		
		
		
		.espacio_negro_degradado2 {
	width: 90%;
	height: auto;
	position: relative;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top:50px;
	padding-bottom:50px;
	padding-left:5%;
	padding-right:5%;
	background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	color: #fff;
	font-weight: 400;
	font-size: 1.1em;
	line-height: 1.7em;
	border-radius:10px;
		}
		
		
		
		.esp_negro_text2 {
	font-size: 2.1em;
	line-height: 1.3em;
	color: #fff;
	font-weight: 700;
	margin-top: 15px;
	text-shadow: 2px 2px 3px #555;
		}
		
		.icon_check {
		max-width:90%; float:left; margin-right:15px;
		}

.espacios_tarjetas {
	
	height:auto;
	padding-top:0px;
	padding-bottom:50px;
	background: #fff;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
	border-radius:10px;
		}
		
		
		
		.espacios_tarjetas_icons_bco {
	
	height:auto;
	padding-top:0px;
	padding-bottom:30px;
	background-color: rgba(255,255,255,0.9);
	box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
	border-radius: 10px;
		}
		
		
			.espacios_tarjetas_icons_bco2 {
	width: 90%;
	height:auto;
	padding-top:0px;
	padding-bottom:30px;
	background-color: rgba(255,255,255,0.9);
	box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
	border-radius: 10px;
		}
		
		
		.espacios_tarjetas_icons_ngo {
	
	height:auto;
	padding-top:0px;
	padding-bottom:30px;
	background-color: rgba(0,0,0,0.7);
	box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
	border-radius: 10px;
		}
		
				.espacios_tarjetas_icons_vde {
	
	height:auto;
	padding-top:50px;
	padding-bottom:50px;
	background-color: rgba(43,184,109,0.9);
	box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
	border-radius:50% 50% 10px 10px;
	color:#fff;
		}


.iconos_tarjetas {

max-width:35%; margin-bottom:15px;

}



.popular_dishes {
	width: 80%;
	height:auto;
	margin-left:10%;
	margin-right:10%;
	background: #fff;
		}


	.special_dishes {
	max-width: 100%;
	margin-bottom: 40px;
		}
		
		
	
		.titulo_presentacion {
	font-size: 2.1em;
	line-height: 1.2em;
	color: #000;
	float: none;
	font-weight: 700;
	margin-bottom: 20px;
		}
		
		
			.titulo_presentacion_a {
	font-size: 2.1em;
	line-height: 1.2em;
	color: #666;
	float: none;
	font-weight: 400;
	margin-bottom: 20px;
		}
		
		
		.titulo_presentacion_the_reality_prin {
	font-size: 4em;
	line-height: 1.2em;
	color: #fff;
	float: none;
	font-weight: 700;
	margin-bottom: 20px;
	text-shadow: 2px 2px 3px #333;
		}
		
			.titulo_presentacion_the_reality_sec {
	font-size: 1.5em;
	line-height: 1.2em;
	color: #fff;
	float: none;
	font-weight: 500;
	margin-bottom: 20px;
	text-shadow: 2px 2px 3px #444;
		}
		
		
				.titulo_presentacion_the_reality_sec2 {
	font-size: 1.5em;
	line-height: 1.2em;
	color: #000;
	float: none;
	font-weight: 500;
	margin-bottom: 20px;
		}
		
		
				.titulo_presentacion_the_reality {
	font-size: 1.7em;
	line-height: 1.4em;
	color: #fff;
	float: none;
	font-weight: 700;
	margin-bottom: 20px;
	text-shadow: 2px 2px 3px #444;
		}
		
		
			.titulo_presentacion_the_reality_a {
	font-size: 1.7em;
	line-height: 1.4em;
	color: #fff;
	float: none;
	font-weight: 400;
	margin-bottom: 20px;
	text-shadow: 2px 2px 3px #444;
		}
		
		
		.titulo_integrates {
	font-size: 2.1em;
	line-height: 1.2em;
	color: #fff;
	float: none;
	font-weight: 700;
	margin-bottom: 40px;
	text-shadow: 2px 2px 3px #555;
		}
		
		
			.titulo_integrates_a {
	font-size: 1.5em;
	line-height: 1.2em;
	color: #fff;
	float: none;
	font-weight: 400;
	margin-bottom: 20px;
	margin-top:20px;
	text-shadow: 2px 2px 3px #555;
		}
		
			.titulo_presentacion2 {
	font-size: 8em;
	line-height: 1.2em;
	color: #000;
	font-weight: 700;
	margin-bottom: 20px;
	text-transform:uppercase;
		}
		
		
			.titulo_presentacion3 {
	font-size: 2.1em;
	line-height: 1.7em;
	color: #fff;
	font-weight: 700;
	margin-bottom: 20px;
	text-transform:uppercase;
		}
		
		
		.since {
	font-size: 1em;
	line-height: 1em;
	color: #E92327;
	float: left;
	font-weight: 900;
	margin-bottom: 10px;
	margin-top: 40px;
		}
		
		
	.logo_brick {
	min-width: 230px;
	min-height: 156px;
		}
		
		
	.icons_brick {
	max-width: 24px;
	float: left; margin-right:10px;
		}
		
		
		.icons_brick2 {
	max-width: 24px;
	float: left; margin-left:10px;
	margin-right:10px;
	margin-top:4px;
		}
		
		
		.icons_brick3 {
	max-width: 40px;
	float: left; margin-right:10px;
	margin-top:6px;
		}
		
		
	.horarios {
	font-size: 1.2em;
	line-height: 1.7em;
	color: #000;
	float: left;
	font-weight: 700;
	margin-bottom: 10px;
		}
		
		
	.horarios2 {
	font-size: 1.2em;
	line-height: 1.7em;
	color: #fff;
	float: left;
	font-weight: 700;
	margin-bottom: 10px;
		}
		
		
		
			.horarios2a {
	font-size: 1em;
	line-height: 1.7em;
	color: #999;
	float: left;
	font-weight: 400;
	margin-bottom: 10px;
		}
		
		
	.espacio_mapa {
	width: 100%;
	height: 180px;
		}
		
		
	.logo_google {
	max-width: 140px;
	margin-top: 20px;
		}
		
	.caldendar {
	max-width: 160px;
	float: left; margin-right: 10px;
		}
		
	.images_tarjetas {
	
	border-radius: 10px 10px 0px 0px;
	
	}	
		
	.operacion {
	font-size: 1.1em;
	line-height: 1.7em;
	color: #000;
	float: left;
	font-weight: 400;
	margin-top: 5px;
		}
		
		.texto_operacion {
	width: 84%;
	height: 220px;
	position:relative;
	padding-right: 8%;
	padding-left: 8%;
		}
		
		
		
		.texto_operacion_a {
	width: 84%;
	height: auto;
	position:relative;
	padding-right: 8%;
	padding-left: 8%;
		}
		
		
				.texto_operacion2 {
	width: 84%;
	height: 120px;
	position:relative;
	padding-right: 8%;
	padding-left: 8%;
		}
		
		
		
	.operacion_dias {
	
	font-weight: 700;
	font-size: 1.3em;
	line-height: 1.7em;
	color: #000;
	float: left;
	margin-top: 25px;
		}
		
		.operacion_dias_esp {
	width: 100%;
	height: 70px;
		}
		
		
			.operacion_dias_esp2 {
	width: 100%;
	height: 70px;
		}
		
		
		
		
		.titulo_platillo {
	font-size: 1.1em;
	line-height: 1.7em;
	color: #000;
	font-weight: 700;
		}
		
		.titulo_platillo_bco {
	font-size: 1.3em;
	line-height: 1.7em;
	color: #fff;
	font-weight: 700;
		}
		
		
			.platillos_gral {
	max-width: 140px;
	float: left; margin-right: 20px;
		}
		
			
	
		
		.espacio_google_comments {
	width: 100%;
	height: 0px;
		}
		
		
		
		.titulo_hidden {
	
	font-weight: 700;
	color: #fff;
		}
		
	
		
			.comentarios_cir {
	max-width: 80px;
		}
		
		.boton_reserva {
		
		width: auto;
		height:auto;
		position: relative;
		background:#2BB86D;
		float: right;
		padding: 10px 15px 10px 15px;
		color:#fff;
		font-weight: 700;
		margin-left:10px;
		text-transform: uppercase;
		margin-bottom:-15px;
		border-radius:5px;
		}
		
		
		
				.boton_contact_foot {
		
		width: 90%;
		height:auto;
		position: relative;
		background:#2BB86D;
		padding: 10px 5% 10px 5%;
		color:#fff;
		font-weight: 700;
		margin-left:10px;
		text-transform: uppercase;
		margin-bottom:-15px;
		border-radius:5px;
		}
		
		
		
		
		
		.boton_prin1 {
		
		width: 180px;
		height:auto;
		position: relative;
		background:#2BB86D;
		padding: 10px 15px 10px 15px;
		color:#fff;
		font-weight: 700;
		margin-left:10px;
		text-transform: uppercase;
		margin-bottom:-15px;
		border-radius:5px;
		font-size:0.5em;
		letter-spacing:0px;
		float: left;
		margin-left: -220px;
		}
		
				.boton_prin2 {
		
		width: 180px;
		height:auto;
		position: relative;
		background:none;
		padding: 10px 15px 10px 15px;
		color:#fff;
		font-weight: 700;
		margin-left:10px;
		text-transform: uppercase;
		margin-bottom:-15px;
		border-radius:5px;
		font-size:0.5em;
		letter-spacing:0px;
		border: 1px solid #fff;
		float: left;
		}
		
		
		
		
		.boton_gral {
		
		width: 200px;
		height:auto;
		position: relative;
		background:none;
		padding: 10px;
		color:#000;
		font-weight: 700;
		margin-left:10px;
		text-transform: uppercase;
		margin-bottom:-15px;
		float: inherit;
		border:2px solid #000;
		border-radius:10px;
		}
		
		
		
		.boton_gral:hover {
		
		width: 200px;
		height:auto;
		position: relative;
		background:none;
		padding: 10px;
		color:#E92327;
		font-weight: 700;
		margin-left:10px;
		text-transform: uppercase;
		margin-bottom:-15px;
		float: inherit;
		border:2px solid #E92327;
		 -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
		}
		
		
		
			
		.secciones_imagen {
	width: 100%;
	height: 350px;
		}
		
		
		
		.adicional {
		
		width: auto;
		height:auto;
		position: relative;
		background:#fff;
		float: left;
		padding: 7px;
		color:#000;
		font-weight: 700;
		text-transform: uppercase;
		font-size: 0.8em;
	    line-height: 1em;
	    border-radius:0px 6px 6px 6px;
	    box-shadow: 1px 2px 4px #ccc;
	    margin-top: 15px;
	    margin-right: 15px;
	    
	    }
	    
	    
	    .adicional_verde {
		
		width: auto;
		height:auto;
		position: relative;
		background:#07B86B;
		float: left;
		padding: 7px;
		color:#fff;
		font-weight: 700;
		text-transform: uppercase;
		font-size: 0.8em;
	    line-height: 1em;
	    border-radius:0px 6px 6px 6px;
	    box-shadow: 1px 2px 4px #ccc;
	    margin-top: 15px;
	    margin-right: 15px;
	    
	    }
	    
	    
	     .adicional_rojo_linea {
		
		width: auto;
		height:auto;
		position: relative;
		background:#E92327;
		float: left;
		padding: 7px;
		color:#fff;
		font-weight: 700;
		text-transform: uppercase;
		font-size: 0.8em;
	    line-height: 1em;
	    border-radius:0px 6px 6px 6px;
	    box-shadow: 1px 2px 4px #ccc;
	    margin-top: 15px;
	    margin-right: 15px;
	    
	    }
	    
	    
	     .adicional_amarillo {
		
		width: auto;
		height:auto;
		position: relative;
		background:#FFC109;
		float: left;
		padding: 7px;
		color:#000;
		font-weight: 700;
		text-transform: uppercase;
		font-size: 0.8em;
	    line-height: 1em;
	    border-radius:0px 6px 6px 6px;
	    box-shadow: 1px 2px 4px #ccc;
	    margin-top: 15px;
	    margin-right: 15px;
	    
	    }
	    
	    
	    
	    
	    .blurred-overlay {


  width: 100%;
  height: 100%;
}



 .blurred-overlay1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1); /* Semi-transparent background for visibility */
  backdrop-filter: blur(1px); /* Blurs the background behind this element */
  -webkit-backdrop-filter: blur(1px); /* For Safari compatibility */
  display: flex; /* Example: to center content */
  justify-content: center;
  align-items: center;
}
	    
	    
	    
	    	
		
		
		
		.secciones_seleccionado {
	font-family: "Inter", sans-serif;
		color:#000;
		font-weight: 500;
		text-transform: uppercase;
	
		}
		
		
	
			.secciones_seleccionado_base {
	background: linear-gradient(#FFFFFF, #F9F6F4);
	padding-bottom:15px;
	padding-top:0px;
	border-radius:0px 20px 20px 20px;
	box-shadow: 1px 5px 6px #eee;
		
		}
		
		
		
		.iconos_secciones {
	max-width: 40px;
		}
		
			.linkeo_secciones {
	opacity: 1;
	padding-bottom:15px;
		}
		
		
			.linkeo_secciones:hover {
	opacity: 0.5;
		}
		
		
		
		
		.rights_reserved {
	font-family: "Montserrat", sans-serif;
		color:#999;
		font-weight: 400;
		text-transform: uppercase;
		font-size:0.7em;
		line-height:3.5em;
		float:left;
	
		}
		
		
		
		
		.frase_secundaria {
	    font-family: "Corinthia", cursive;
		color:#000;
		font-weight: 700;
		font-size:3.7em;
		line-height:1;
	
		}
		
		
		.frase_secundaria2 {
	    font-family: "Corinthia", cursive;
		color:#fff;
		font-weight: 700;
		font-size:3.7em;
		line-height:1;
	
		}
		
		
		
		
		.boton_principal_reserva {
	    border:0px;
	    opacity:1;
		}
		
		
		.boton_principal_reserva:hover {
	    border:0px;
	    opacity:0.7;
		}
		
		
		
		 .espacio_categorias {


  width: 100%;
  height: 5px;
}

	
	
		
		
		.recomendaciones_area2 {
	width: 90%;
	height: 200px;
	position:relative;
	padding-right: 5%;
	padding-left: 5%;
		}
	
	
	.recomendaciones_imagenes {
	    border:0px;
	    opacity:1;
	    cursor:pointer;
		}
		
		
		.recomendaciones_imagenes:hover {
	    border:0px;
	    opacity:0.7;
		}
		
		
		
		.menu_categorias1 {
	    display:inherit;
		}
		
		
		.menu_categorias2 {
	    display:none;
		}
		
		
		
		
		/* #Media Queries
================================================== */
@media only screen and (max-width: 1600px) {


}
@media only screen and (max-width: 1200px) {




	
		.recomendaciones_area2 {
	width: 90%;
	height: 220px;
	position:relative;
	padding-right: 5%;
	padding-left: 5%;
		}
	




	.espacios_tarjetas_icons_bco2 {
	width: 100%;
	height:auto;
	padding-top:0px;
	padding-bottom:30px;
	background: #fff;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
	border-radius: 10px;
	margin-bottom: 10px;
		}
		





	.operacion_dias_esp {
	width: 100%;
	height: 85px;
		}	

.titulo_cabezal {
	font-family: "Inter", sans-serif;
	font-weight: 900;
	color:#fff;
	letter-spacing:4px; 
	text-transform:uppercase;
	text-align:center;
	font-size: 6.8em; 
	line-height: 2.3em;
		}
		
		
		.titulo_cabezal2 {
	font-family: "Inter", sans-serif;
	font-weight: 900;
	color:#fff;
	letter-spacing:4px; 
	text-transform:uppercase;
	text-align:center;
	font-size: 6.8em; 
	line-height: 2.3em;
		}
		
		
	.capsulas {
width:80%;
height: 100px;
position: relative;
background-color: #fff;
backdrop-filter: blur(10px);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
border-radius: 10px 60px 60px 10px;
padding-left:5%;
padding-right:5%;
padding-top:5px;
padding-bottom:5px;
margin-bottom:50px;
font-weight:700;
color:#000;
margin-left:5%;
margin-right:5%;
}

.capsulas_pic {
max-width:60px; float:left; margin-right:10px;
border-radius: 10px 10px 10px 10px;
}

.tit_capsula {
font-size:0.9rem;
}


.tit_capsula2 {
margin-top:28px;
}	

		.operacion_dias_esp2 {
	width: 100%;
	height: 90px;
		}


			.texto_operacion2 {
	width: 84%;
	height: 200px;
	position:relative;
	padding-right: 8%;
	padding-left: 8%;
		}






}




@media only screen and (min-width: 960px) and (max-width: 1199px) {


}

@media only screen and (max-width: 959px) {




		
	.capsulas {
width:80%;
height: 80px;
position: relative;
background-color: #fff;
backdrop-filter: blur(10px);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
border-radius: 10px 60px 60px 10px;
padding-left:5%;
padding-right:5%;
padding-top:5px;
padding-bottom:5px;
margin-bottom:50px;
font-weight:700;
color:#000;
margin-left:5%;
margin-right:5%;
}

.tit_capsula {
font-size:0.8rem;
}


.capsulas_pic {
max-width:40px; float:left; margin-right:10px;
border-radius: 10px 10px 10px 10px;
}

		.recomendaciones_area2 {
	width: 90%;
	height: 250px;
	position:relative;
	padding-right: 5%;
	padding-left: 5%;
		}
	

	.espacios_tarjetas_icons_bco2 {
	width: 100%;
	height:310px;
	padding-top:0px;
	padding-bottom:30px;
	background: #fff;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
	border-radius: 10px;
	margin-bottom: 10px;
		}
		




.espacio_the_solution_gral1_5 {
width:100%;
height: 20px;
}


.zero_icon_esp1 {
width:92%;
height: auto;
position: relative;
padding-left:4%;
padding-right:4%;
margin-right:0%;
padding-top:20px;
padding-bottom:30px;
margin-bottom:20px;
border-radius: 10px;
background-color: #000;
float:left;
color:#fff;
}

.zero_icon_esp2 {
width:92%;
height:auto;
position: relative;
padding-left:4%;
padding-right:4%;
margin-left:0%;
padding-top:20px;
padding-bottom:30px;
margin-bottom:20px;
border-radius: 10px;
background-color: #000;
float:left;
color:#fff;
}



.espacio_the_solution_gral {
width:100%;
height: 250px;
}


		
.integrates {
max-width:70px;
margin-top: 30px;
}



		.esp_negro_text2 {
	font-size: 1.6em;
	line-height: 1.3em;
	color: #fff;
	font-weight: 700;
	margin-top: 15px;
	text-shadow: 2px 2px 3px #555;
		}


.titulo_presentacion {
	font-size: 1.6em;
	line-height: 1.3em;
	color: #000;
	float: none;
	font-weight: 700;
	margin-bottom: 20px;
		}
		
		
			.titulo_presentacion_a {
	font-size: 1.6em;
	line-height: 1.3em;
	color: #666;
	float: none;
	font-weight: 400;
	margin-bottom: 20px;
		}


	.titulo_integrates {
	font-size: 1.6em;
	line-height: 1.3em;
	color: #fff;
	float: none;
	font-weight: 700;
	margin-bottom: 20px;
	text-shadow: 2px 2px 3px #555;
		}


		.titulo_presentacion3 {
	font-size: 1.6em;
	line-height: 1.3em;
	color: #fff;
	font-weight: 700;
	margin-bottom: 20px;
	text-transform:uppercase;
		}


		
		.platillos_gral {
	max-width: 140px;
	float: left; margin-right: 20px;
	margin-bottom:20px;
		}
		
		.linea_chef2 {
	width: 100%;
	height: 1px;
	margin-top: 25px;
	margin-bottom: 25px;
	background: #E0DDDC;
	display:inherit;
		}
		
		
		
		
		.espacios_tarjetas_icons_bco {
	
	height:auto;
	padding-top:0px;
	padding-bottom:30px;
	background: #fff;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
	border-radius:10px;
	margin-bottom: 100px;
		}
		
		
			
		
		
				.espacios_tarjetas_icons_vde {
	
	height:auto;
	padding-top:30px;
	padding-bottom:30px;
	background: #2BB86D;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
	border-radius:50% 50% 10px 10px;
	color:#fff;
		}
		
		
		.iconos_tarjetas {

max-width:25%; margin-bottom:10px;

}
	
	
	.espacios_tarjetas {
	
	height:auto;
	padding-top:0px;
	padding-bottom:25px;
	background: #fff;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
	border-radius:10px;
		}	
		
		
	
		
	.platillos_gral {
	max-width: 140px;
	float: none; margin-right: 0px;
		}			
		
	
	
	.frase_secundaria {
	    font-family: "Corinthia", cursive;
		color:#000;
		font-weight: 700;
		font-size:2.7em;
		line-height:1.3;
	
		}
		
		
		
			.frase_secundaria2 {
	    font-family: "Corinthia", cursive;
		color:#fff;
		font-weight: 700;
		font-size:2.7em;
		line-height:1.3;
	
		}
		
	
	.titulo_presentacion2 {
	font-size: 4em;
	line-height: 1.2em;
	color: #000;
	font-weight: 700;
	margin-bottom: 20px;
	text-transform:uppercase;
		}
		
		
		
			.menu_categorias1 {
	    display:none;
		}
		
		
		.menu_categorias2 {
	    display:inherit;
		}
		

.titulo_cabezal {
	font-family: "Inter", sans-serif;
	font-weight: 900;
	color:#fff;
	letter-spacing:1px; 
	text-transform:uppercase;
	text-align:center;
	font-size: 3em; 
	line-height: 5.5em;
		}
		
		
		
		
		.titulo_cabezal2 {
	font-family: "Inter", sans-serif;
	font-weight: 900;
	color:#fff;
	letter-spacing:1px; 
	text-transform:uppercase;
	text-align:center;
	font-size: 3em; 
	line-height: 1.5em;
	top:30px;
		}


	.cabezales_menus2 {
	    	
	background-image: url("../img/back/b2.jpg");
	background-repeat:no-repeat;
		height:170px;
		background-position: center center;
		margin-top:70px;
		padding-top:80px;
		}


}




@media only screen and (max-width: 800px) {



.tech_dev_1 {
display:none;
}



.tech_dev_2 {
display:inherit;
}


.boton_reserva {
		
		width: auto;
		height:auto;
		position: relative;
		background:#2BB86D;
		float: none;
		padding: 10px 15px 10px 15px;
		color:#fff;
		font-weight: 700;
		margin-left:0px;
		text-transform: uppercase;
		margin-bottom:-15px;
		border-radius:5px;
		}


.operacion_dias_esp {
	width: 100%;
	height: 70px;
		}
		


.espacio_integration1 {
background-image: url('../img/int1.jpg');
  background-repeat: repeat-y;
	background-position: center center;
	background-color: #000;
	z-index:99999;
	width:60%;
height: auto;
position: relative;
border-radius:10px;
float:left;
padding-top:80px;
padding-bottom:80px;
color:#fff;
padding-left:10%;
padding-right:10%;
margin-right:10%;
margin-left:10%;
margin-bottom:30px;
}


.espacio_integration2 {
background-image: url('../img/int2.jpg');
  background-repeat: repeat-y;
	background-position: center center;
	background-color: #000;
	z-index:99999;
	width:60%;
height: auto;
position: relative;
border-radius:10px;
float:left;
padding-top:80px;
padding-bottom:80px;
color:#fff;
padding-left:10%;
padding-right:10%;
margin-right:10%;
margin-left:10%;
margin-bottom:30px;
}

.espacio_integration3 {
background-image: url('../img/int3.jpg');
  background-repeat: repeat-y;
	background-position: center center;
	background-color: #000;
	z-index:99999;
	width:60%;
height: auto;
position: relative;
border-radius:10px;
float:left;
padding-top:80px;
padding-bottom:80px;
color:#fff;
padding-left:10%;
padding-right:10%;
margin-right:10%;
margin-left:10%;
}



.espacio_integration4 {
background-image: url('../img/int4.jpg');
  background-repeat: repeat-y;
	background-position: center center;
	background-color: #000;
	z-index:99999;
	width:60%;
height: auto;
position: relative;
border-radius:10px;
float:left;
padding-top:80px;
padding-bottom:80px;
color:#fff;
padding-left:10%;
padding-right:10%;
margin-right:10%;
margin-left:10%;
margin-bottom:30px;
}


.espacio_integration5 {
background-image: url('../img/int5.jpg');
  background-repeat: repeat-y;
	background-position: center center;
	background-color: #000;
	z-index:99999;
	width:60%;
height: auto;
position: relative;
border-radius:10px;
float:left;
padding-top:80px;
padding-bottom:80px;
color:#fff;
padding-left:10%;
padding-right:10%;
margin-right:10%;
margin-left:10%;
margin-bottom:30px;
}

.espacio_integration6 {
background-image: url('../img/int6.jpg');
  background-repeat: repeat-y;
	background-position: center center;
	background-color: #000;
	z-index:99999;
	width:60%;
height: auto;
position: relative;
border-radius:10px;
float:left;
padding-top:80px;
padding-bottom:80px;
color:#fff;
padding-left:10%;
padding-right:10%;
margin-right:10%;
margin-left:10%;
}



		
}		





@media only screen and (max-width: 768px) {





.espacio_the_solution_gral {
width:100%;
height: 20px;
}


.galeria_how1 {
display:none;
}



.galeria_how2 {
display:inherit;
}




.partners_gral {
width:90%;
height: auto;
position: relative;
padding-left:5%;
padding-right:5%;
padding-top:20px;
padding-bottom:20px;
border-radius: 10px;
background-color: #000;
margin-right:0%;
color:#fff;
text-transform: uppercase;
font-weight:700;
}




	.titulo_presentacion_the_reality {
	font-size: 1.2em;
	line-height: 1.4em;
	color: #fff;
	float: none;
	font-weight: 700;
	margin-bottom: 20px;
	text-shadow: 2px 2px 3px #444;
		}
		
		
			.titulo_presentacion_the_reality_a {
	font-size: 1.2em;
	line-height: 1.4em;
	color: #fff;
	float: none;
	font-weight: 400;
	margin-bottom: 20px;
	text-shadow: 2px 2px 3px #444;
		}
		


.circulo {
max-width:100%; 
margin-top:-40px;
}



		.recomendaciones_area2 {
	width: 90%;
	height: auto;
	position:relative;
	padding-right: 5%;
	padding-left: 5%;
		}
	



	.espacios_tarjetas_icons_bco2 {
	width: 100%;
	height:auto;
	padding-top:0px;
	padding-bottom:30px;
	background: #fff;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
	border-radius: 10px;
	margin-bottom: 10px;
		}
		


.foto_sargaso {
max-width:100%;
border-radius: 0px 0px 0px 0px;
}

.foto_basura {
max-width:100%;
border-radius: 0px 0px 0px 0px;
}

.imagen_horno1 {

max-width:100%;
display:none; 
}


.imagen_horno2 {

max-width:100%;
display:inherit; 
}


		.operacion_dias_esp2 {
	width: 100%;
	height: 60px;
		}


			.texto_operacion2 {
	width: 84%;
	height: 130px;
	position:relative;
	padding-right: 8%;
	padding-left: 8%;
		}


.capsulas {
width:84%;
height: 60px;
position: relative;
background-color: #fff;
backdrop-filter: blur(10px);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
border-radius: 50px;
padding-left:3%;
padding-right:3%;
padding-top:10px;
padding-bottom:10px;
margin-bottom:50px;
margin-left:5%;
margin-right:5%;
font-weight:700;
color:#000;
font-size:1.5em;

}	


.capsulas_pic {
max-width:60px; float:left; margin-right:15px;
border-radius: 30px 0px 0px 30px;
}

.tit_capsula {
font-size:1.2rem;
}

.tit_capsula2 {
margin-top:28px;
}
	

	.titulo_presentacion_the_reality_prin {
	font-size: 1.5em;
	line-height: 1.2em;
	color: #fff;
	float: none;
	font-weight: 700;
	margin-bottom: 20px;
	text-shadow: 2px 2px 3px #333;
		}



}	


@media only screen and (max-width: 580px) {


		
		
		
.boton_prin1 {
		
		width: 130px;
		height:auto;
		position: relative;
		background:#2BB86D;
		padding: 10px 15px 10px 15px;
		color:#fff;
		font-weight: 700;
		margin-left:10px;
		text-transform: uppercase;
		margin-bottom:-15px;
		border-radius:5px;
		font-size:1em;
		letter-spacing:0px;
		float: left;
		margin-left: -170px;
		}
		
				.boton_prin2 {
		
		width: 130px;
		height:auto;
		position: relative;
		background:none;
		padding: 10px 15px 10px 15px;
		color:#fff;
		font-weight: 700;
		margin-left:10px;
		text-transform: uppercase;
		margin-bottom:-15px;
		border-radius:5px;
		font-size:1em;
		letter-spacing:0px;
		border: 1px solid #fff;
		float: left;
		}
		
		
		
		
.video_backimg1 {
display:none;
}



.video_backimg2 {
display:inherit;
}


		
}		








@media only screen and (max-width: 480px) {

.cabezales_menus2 {
	    	
	background-image: url("../img/back/b2.jpg");
	background-repeat:no-repeat;
		height:200px;
		background-position: center center;
		margin-top:70px;
		padding-top:50px;
		}


}



@media only screen and (min-width: 480px) and (max-width: 767px) {


		
		

}

@media only screen and (min-width: 320px) and (max-width: 479px) {


		

}


@media only screen and (max-width: 319px) {


}