@font-face {
	font-family: 'Poppins-Black';
	font-style: normal;
	font-weight: normal;
	src: url('/assets/Poppins/Poppins-Black.ttf') format('truetype');
}

@font-face {
	font-family: 'Poppins-BlackItalic';
	font-style: normal;
	font-weight: normal;
	src: url('/assets/Poppins/Poppins-BlackItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'Poppins-Bold';
	font-style: normal;
	font-weight: normal;
	src: url('/assets/Poppins/Poppins-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'Poppins-BoldItalic';
	font-style: normal;
	font-weight: normal;
	src: url('/assets/Poppins/Poppins-BoldItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'Poppins-ExtraBold';
	font-style: normal;
	font-weight: normal;
	src: url('/assets/Poppins/Poppins-ExtraBold.ttf') format('truetype');
}

@font-face {
	font-family: 'Poppins-ExtraBoldItalic';
	font-style: normal;
	font-weight: normal;
	src: url('/assets/Poppins/Poppins-ExtraBoldItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'Poppins-ExtraLight';
	font-style: normal;
	font-weight: normal;
	src: url('/assets/Poppins/Poppins-ExtraLight.ttf') format('truetype');
}

@font-face {
	font-family: 'Poppins-Italic';
	font-style: normal;
	font-weight: normal;
	src: url('/assets/Poppins/Poppins-Italic.ttf') format('truetype');
}

@font-face {
	font-family: 'Poppins-Light';
	font-style: normal;
	font-weight: normal;
	src: url('/assets/Poppins/Poppins-Light.ttf') format('truetype');
}

@font-face {
	font-family: 'Poppins-LightItalic';
	font-style: normal;
	font-weight: normal;
	src: url('/assets/Poppins/Poppins-LightItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'Poppins-Medium';
	font-style: normal;
	font-weight: normal;
	src: url('/assets/Poppins/Poppins-Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'Poppins-MediumItalic';
	font-style: normal;
	font-weight: normal;
	src: url('/assets/Poppins/Poppins-MediumItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'Poppins-Regular';
	font-style: normal;
	font-weight: normal;
	src: url('/assets/Poppins/Poppins-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Poppins-SemiBold';
	font-style: normal;
	font-weight: normal;
	src: url('/assets/Poppins/Poppins-SemiBold.ttf') format('truetype');
}

@font-face {
	font-family: 'Poppins-SemiBoldItalic';
	font-style: normal;
	font-weight: normal;
	src: url('/assets/Poppins/Poppins-SemiBoldItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'Poppins-Thin';
	font-style: normal;
	font-weight: normal;
	src: url('/assets/Poppins/Poppins-Thin.ttf') format('truetype');
}

@font-face {
	font-family: 'Poppins-ThinItalic';
	font-style: normal;
	font-weight: normal;
	src: url('/assets/Poppins/Poppins-ThinItalic.ttf') format('truetype');
}

img {
	max-width: 100%;
}

.imagencel{
	display: none;
}

img.btnFloat {
	width: 15%;
	position: relative;
	margin-left: 85%;
}

#image-upload{
	width: 65%; 
	margin-top: -5%; 
	margin-left: -5%;
}

.formularioweb{
	display: flex;
	flex-direction: column; 
	align-items: start; 
	position: relative; 
	margin-top: -34%; 
	margin-left: 69.5%;
	font-family: 'Poppins-Regular';
	font-size: 15px;
	gap: 0;

}

input {
	border: none;
	border-radius: 50px;
	width: 70%;
	height: 10%;
}

.formulariocel{
	display: none;
}

.textoweb{
	font-size: 14px;
}

#modal::backdrop {
	background-color: rgba(0, 0, 0, 0.8);
}

#modal {
	position: fixed;
}

#cerrarbtn{
	background: none; 
	border: none; 
	padding: 15px;  
	cursor: pointer;
	margin-left: 90%;
}

#formulariobtn{
	margin-top: 2%; 
	margin-left: 30px; 
	border: none; 
	background: none; 
	height: 10%;
}

#formularioimagen{
	margin-top: -15%;
}

#tooltip {
	visibility: hidden;
	width: 120px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
  
	position: absolute;
	z-index: 1;
	margin-top: -55%;
}

#paginaweb:hover #tooltip {
	visibility: visible;
}

#direccion{
	margin-bottom: 0%;
}

@media (min-width: 1024px){
	.barra {
		background-image: url('/assets/img/web/fondo-inicio-superior.jpg'); 
		font-size: 15px;
	}

	#cel{
		display: none;
	}

	#web{
		display: flex; 
		margin-top: -25%; 
		margin-left: 120px; 
		margin-right: 120px; 
		position: relative;
	}

	#texto{
		font-family: 'Poppins-Regular'; 
		color: white; 
		margin-right: 15%;
	}

	#videos{
		display: flex; 
		color: white; 
		justify-content: center; 
		text-align: center; 
		font-family: 'Poppins-Bold'; 
		margin-top: 20px; 
		margin-left: 50px; 
		margin-right: 50px; 
		z-index: 1; 
		position: relative;
	}

	.textocel {
		display: none;
	}

	input {
		margin-bottom: -25px;
	}

	#checkbox{
		width: 100%; 
		display: flex; 
		align-items: center; 
		margin-top: -5%;
	}

	#ejerciciocel{
		display: none;
	}

	#acepto_terminos{
		margin-left: -110px; 
		margin-top: -3%;	
	}

	#checkbox > label {
		margin-left: -105px;	
	}

	.textotablet{
		display: none;
	}	

	.ejercicioweb{
		width: 75%; 
		position: relative; 
		margin-left: -3%; 
		margin-bottom: 5%;
	}

	.acordion{
		width: 75%; 
		position: relative; 
		margin-top: -62%;
	}

	.ejeciciotext{
		font-family: 'Poppins-Black';
		font-size: 23px; 
		position: relative;
		z-index: 1; 
		margin-left: -5%;
	}

	#facebook{
		width: 12%; 
		position: relative; 
		margin-top: -20%; 
		margin-left: 73.5%;
	}

	#paginaweb {
		position: relative;
		padding: 70px 100px 100px;
		background-color: transparent;
		border: none;
		cursor: pointer;
		transition: background-color 0.3s, color 0.3s;
		margin-left: -3%;
	  }
	  
	  #whatsapp{
		position: relative;
		padding: 70px 45px 100px;
		background-color: transparent;
		border: none;
		cursor: pointer;
		transition: background-color 0.3s, color 0.3s;
		margin-left: -66%;
	  }
}

@media (min-width: 992px) and (max-width: 1023px){
	.barra {
		background-image: url('/assets/img/web/fondo-inicio-superior.jpg'); 
		font-size: 10px;
	}

	.textoweb + .second {
		display: none;
	}

	#opciontablet{
		background-color: #920303;
		flex-direction: column;
		flex-wrap: wrap;
		align-items: center;
	}

	#opciones{
		display: none;
	}

	#opciontablet a {
		background-color: rgb(218, 2, 2);
		margin-bottom: 5px;
		padding: 5px;
		border: 1px;
		width: 30%;
		text-align: center;
	}

	#upload-text {
		font-size: 10.5px;
	}

	#checkbox {
		width: 100%; 
		display: flex; 
		align-items: center; 
		margin-top: -5%;
	}

	#checkbox > label {
		margin-left: -30%;
	}

	#acepto_terminos {
		margin-left: -90px; 
		margin-top: -3%;	
	}


	#web{
		display: flex; 
		justify-content: space-between;
		margin-top: -25%; 
		margin-left: 100px; 
		margin-right: 100px; 
		position: relative;
	}

	#texto{
		font-family: 'Poppins-Regular'; 
		color: white; 
		margin-right: 15%;
		font-size: 13px;
	}

	#videos{
		display: flex; 
		color: white; 
		justify-content: center; 
		text-align: center; 
		font-family: 'Poppins-Bold'; 
		margin-top: 20px; 
		margin-left: 50px; 
		margin-right: 50px; 
		z-index: 1; 
		position: relative;
	}

	.textotablet{
		display: block;
		font-size: 14px;
	}	

	.textocel {
		display: none;
	}


	.ejercicioweb{
		width: 75%; 
		position: relative; 
		margin-left: -3%; 
		margin-bottom: 5%;
	}

	.acordion{
		width: 75%; 
		position: relative; 
		margin-top: -62%;
	}

	.ejeciciotext{
		font-family: 'Poppins-Black';
		font-size: 19px; 
		position: relative;
		z-index: 1; 
		margin-left: -5%;
	}

	#facebook{
		width: 12%; 
		position: relative; 
		margin-top: -21%; 
		margin-left: 73.5%;
	}

	.formularioweb{
		display: flex;
		flex-direction: column; 
		align-items: start; 
		position: relative; 
		font-family: 'Poppins-Regular';
		margin-bottom: 3.5%;
		font-size: 11.5px;
	}

	input {
		width: 70%;
		height: 10%;
	}

	#paginaweb {
		position: relative;
		padding: 60px 100px 100px;
		background-color: transparent;
		border: none;
		cursor: pointer;
		transition: background-color 0.3s, color 0.3s;
		margin-left: -4%;
	  }
	  
	  #whatsapp{
		position: relative;
		padding: 60px 45px 100px;
		background-color: transparent;
		border: none;
		cursor: pointer;
		transition: background-color 0.3s, color 0.3s;
		margin-left: -69%;
	  }
}

@media (min-width: 768px) and (max-width: 991px){

	#direccion{
		margin-bottom: 40%;
	}
	#tooltip {
		margin-bottom: 55%;
	}
	
	.barra {
		background-image: url('/assets/img/web/fondo-inicio-superior.jpg'); 
		font-size: 10px;
	}

	.textoweb + .second {
		display: none;
	}

	#opciontablet{
		background-color: #920303;
		flex-direction: column;
		flex-wrap: wrap;
		align-items: center;
	}

	#opciones{
		display: none;
	}

	#opciontablet a {
		background-color: rgb(218, 2, 2);
		margin-bottom: 5px;
		padding: 5px;
		border: 1px;
		width: 30%;
		text-align: center;
	}

	#upload-text{
		font-size: 8px;
	}

	#checkbox {
		width: 100%; 
		display: flex; 
		align-items: center; 
		margin-top: -5%;
	}

	#checkbox > label {
		margin-left: -30%;
	}

	#formulariobtn{
		width: 60%;
		margin-left: 10px;
	}
	
	#formularioimagen{
		margin-top: -15%;
	}

	#acepto_terminos {
		margin-left: -65px; 
		margin-top: -3%;	
	}

	#image-upload{
		width: 55%; 
		margin-top: -5%; 
		margin-left: -5%;
	}

	#web{
		display: flex; 
		justify-content: space-between;
		margin-top: -26.5%; 
		margin-left: 75px; 
		margin-right: 75px; 
		position: relative;
	}

	#texto{
		font-family: 'Poppins-Regular'; 
		color: white; 
		margin-right: 15%;
		font-size: 10px;
	}

	#videos{
		display: flex; 
		color: white; 
		justify-content: center; 
		text-align: center; 
		font-family: 'Poppins-Bold'; 
		margin-top: -1px; 
		margin-left: 50px; 
		margin-right: 50px; 
		z-index: 1; 
		position: relative;
	}

	.textotablet{
		display: block;
		font-size: 10.5px;
	}
	
	.textoweb{
		font-size: 10.5px;
	}

	.textocel {
		display: none;
	}

	.ejercicioweb{
		width: 75%; 
		position: relative; 
		margin-left: -3%; 
		margin-bottom: 5%;
	}

	.acordion{
		width: 75%; 
		position: relative; 
		margin-top: -65%;
	}

	.ejeciciotext{
		font-family: 'Poppins-Black';
		font-size: 13px; 
		position: relative;
		z-index: 1; 
		margin-left: -5%;
	}

	.formularioweb{
		display: flex;
		flex-direction: column; 
		align-items: start; 
		position: relative; 
		font-family: 'Poppins-Regular';
		margin-bottom: 0%;
		font-size: 8.5px;
	}

	#facebook{
		width: 12%; 
		position: relative; 
		margin-top: -22%; 
		margin-left: 71.5%;
	}

	#paginaweb {
		position: relative;
		padding: 45px 80px 100px;
		background-color: transparent;
		border: none;
		cursor: pointer;
		transition: background-color 0.3s, color 0.3s;
		margin-left: -4%;
	  }

	  #whatsapp{
		position: relative;
		padding: 45px 30px 100px;
		background-color: transparent;
		border: none;
		cursor: pointer;
		transition: background-color 0.3s, color 0.3s;
		margin-left: -70%;
	  }
}

@media  (min-width: 585px) and (max-width: 767px){

	#direccion{
		margin-bottom: 40%;
	}
	.barra {
		background-image: url('/assets/img/celular/fondo-inicio-superior.jpg'); 
		font-size: 10px;
	}

	#opciones{
		background-color: #920303;
		flex-direction: column;
		flex-wrap: wrap;
		align-items: center;
	}

	#opciones a {
		background-color: rgb(218, 2, 2);
		margin-bottom: 5px;
		padding: 5px;
		border: 1px;
		width: 55%;
		text-align: center;
		cursor: pointer;
	}

	#opciones a:hover {
		background-color: rgb(243, 159, 2);
	}

	img.btnFloat {
		width: 25%;
		position: relative;
		margin-left: 75%;
	}

	.textoweb {
		display: none;
	}

	.textotablet{
		display: none;
	}	

	.textocel {
		display: block;
	}

	.imagenweb{
		display: none;
	}

	#cel{
		display: grid; 
		grid-template-rows: repeat(3, 1fr); 
		grid-template-columns: repeat(3, 1fr); 
		gap: 0; 
		width: 100%; 
		height: 100%; 
		margin-top: 95%; 
		margin-left: 7%; 
		margin-bottom: 19%;
	}

	#web{
		display: none; 
	}

	.imagencel{
		display: block;
	}

	.formularioweb{
		display: flex;
		flex-direction: column; 
		align-items: start; 
		position: relative; 
		margin-top: -60%; 
		margin-left: 50%;
		margin-bottom: 15px;
		font-family: 'Poppins-Regular';
		font-size: 9px;
	}

	#formulariobtn{
		width: 60%;
		margin-left: 10px;
		margin-top: 15%;
	}
	
	#formularioimagen{
		margin-top: -15%;
	}

	input {
		width: 80%;
	}

	#acepto_terminos{
		margin-top: -100%;
	}

	#image-upload{
		margin-left: 5%;
	}

	#ejerciciocel{
		display: flex;
		flex-wrap: wrap; 
		justify-content: center;
		margin-top: -87.5%;
		margin-left: -5%;
	}


	.celimagen{
		width: 20%;
		margin-top: -300%;
		margin-left: 10%;
		position: relative;
	}

	
	#cel{
		display: grid; 
		grid-template-rows: repeat(3, 1fr); 
		grid-template-columns: repeat(3, 1fr); 
		gap: 0; 
		width: 100%; 
		height: 100%; 
		margin-top: 90%; 
		margin-left: 4%; 
		margin-bottom: 19%;
	}

	.ejercicel1{
		width: 30%;
		height: 10%;
		margin-right: 25%;
	}
	
	.ejercicel2{
		width: 30%;
		height: 10%;
		margin-left: -10%;
	}
	.ejercicel3{
		width: 30%;
		height: 10%;
		margin-top: 54%;
		margin-right: 25%;

	}
	
	.ejercicel4{
		width: 30%; 
		height: 10%;
		margin-top: 54%;
		margin-left: -10%;

	}

	#checkbox{
		width: 100%; 
		display: flex; 
		align-items: end; 
		margin-top: -5%;
		margin-left: 50%;

	}

	#checkbox > input {
		margin-left: -85%;
	}

	#checkbox > label {
		margin-left: -60px;	
	}

	.ejerciciopc{
		display: none;
	}

	#facecel{
		margin-top: -49%; 
		margin-left: 63%;
	}

	#men1{
		margin-left: 75%;
	}
	#men2{
		margin-bottom: 120%; 
		margin-top: 100%;
	}
	#men3{
		margin-left: -160%;
	}
	#men4{
		margin-top: -55%;
		margin-left: -160%;
	}
	#men5{
		margin-top: -55%;
		margin-left: 70%;
	}
	#recetario{
		margin-top: -30%; 
		width: 50%; 
		margin-left: 26%;
	}

	#paginaweb {
		position: relative;
		padding: 0px 200px 0px 0px;
		background-color: transparent;
		border: none;
		cursor: pointer;
		transition: background-color 0.3s, color 0.3s;
		margin-left: 50%;
		margin-bottom: 10%;
	  }
	  
	  #whatsapp{
		display: none;
	  }
}

@media  (min-width: 511px) and (max-width: 584px){

	#direccion{
		margin-bottom: 40%;
	}
	.barra {
		background-image: url('/assets/img/celular/fondo-inicio-superior.jpg'); 
		font-size: 10px;
	}

	#opciones{
		background-color: #920303;
		flex-direction: column;
		flex-wrap: wrap;
		align-items: center;
	}

	#opciones a {
		background-color: rgb(218, 2, 2);
		margin-bottom: 5px;
		padding: 5px;
		border: 1px;
		width: 55%;
		text-align: center;
		cursor: pointer;
	}

	#opciones a:hover {
		background-color: rgb(243, 159, 2);
	}

	img.btnFloat {
		width: 25%;
		position: relative;
		margin-left: 75%;
	}

	.textoweb {
		display: none;
	}

	.textotablet{
		display: none;
	}	

	.textocel {
		display: block;
	}

	.imagenweb{
		display: none;
	}

	#cel{
		display: grid; 
		grid-template-rows: repeat(3, 1fr); 
		grid-template-columns: repeat(3, 1fr); 
		gap: 0; 
		width: 100%; 
		height: 100%; 
		margin-top: 95%; 
		margin-left: 7%; 
		margin-bottom: 19%;
	}

	#web{
		display: none; 
	}

	.imagencel{
		display: block;
	}

	.formularioweb{
		display: flex;
		flex-direction: column; 
		align-items: start; 
		position: relative; 
		margin-top: -60%; 
		margin-left: 50%;
		margin-bottom: 15px;
		font-family: 'Poppins-Regular';
		font-size: 9px;
	}

	#formulariobtn{
		width: 60%;
		margin-left: 10px;
		margin-top: 15%;
	}
	
	#formularioimagen{
		margin-top: -15%;
	}

	input {
		width: 70%;
	}

	.ejercicel1, .ejercicel2{
		width: 35%;
		margin-top: 5%;
	}
	
	.ejercicel3, .ejercicel4{
		width: 35%; 
		margin-top: 59%;
	}

	#acepto_terminos{
		margin-top: -100%;
	}

	#image-upload{
		margin-left: 5%;
	}

	#ejerciciocel{
		display: none;
		flex-wrap: wrap; 
		justify-content: space-around; 
		margin-top: -88%;
	}

	#checkbox{
		width: 100%; 
		display: flex; 
		align-items: end; 
		margin-top: 0%;
		margin-left: 50%;
	}

	#checkbox > input {
		margin-left: -85%;
	}

	#checkbox > label {
		margin-left: -60px;	
		font-size: 10px;
	}

	.ejerciciopc{
		display: none;
	}

	.celimagen{
		width: 20%;
		 margin-top: -300%;
		  margin-left: 10%;
		   position: relative;
	}

	#facecel{
		margin-top: -48.5%; 
		margin-left: 65%;
	}

	#men1{
		margin-left: 65%;
	}
	#men2{
		margin-bottom: 105%; 
		margin-top: 100%;
		margin-left: -30%;
	}
	#men3{
		margin-left: -200%;
	}
	#men4{
		margin-left: -190%;
	}
	#men5{
		margin-left: 65%;
	}

	#recetario{
		margin-top: -25%; 
		width: 50%; 
		margin-left: 25%;
	}

	#paginaweb {
		position: relative;
		padding: 0px 200px 0px 0px;
		background-color: transparent;
		border: none;
		cursor: pointer;
		transition: background-color 0.3s, color 0.3s;
		margin-left: 50%;
		margin-top: -50%;
	  }
	  
	  #whatsapp{
		display: none;
	  }
}

@media (max-width: 510px){
	#direccion{
		margin-bottom: 40%;
	}
	.barra {
		background-image: url('/assets/img/celular/fondo-inicio-superior.jpg'); 
		font-size: 10px;
	}

	#opciones{
		background-color: #920303;
		flex-direction: column;
		flex-wrap: wrap;
		align-items: center;
	}

	#opciones a {
		background-color: rgb(218, 2, 2);
		margin-bottom: 5px;
		padding: 5px;
		border: 1px;
		width: 55%;
		text-align: center;
		cursor: pointer;
	}

	#opciones a:hover {
		background-color: rgb(243, 159, 2);
	}

	img.btnFloat {
		width: 25%;
		position: relative;
		margin-left: 75%;
	}

	.textoweb {
		display: none;
	}

	.textotablet{
		display: none;
	}	

	.textocel {
		display: block;
	}

	.imagenweb{
		display: none;
	}

	#cel{
		display: grid; 
		grid-template-rows: repeat(3, 1fr); 
		grid-template-columns: repeat(3, 1fr); 
		gap: 0; 
		width: 100%; 
		height: 100%; 
		margin-top: 95%; 
		margin-left: 7%; 
		margin-bottom: 19%;
	}

	#web{
		display: none; 
	}

	.imagencel{
		display: block;
	}

	.formularioweb{
		display: flex;
		flex-direction: column; 
		align-items: start; 
		position: relative; 
		margin-top: -68%; 
		margin-left: 55%;
		margin-bottom: 15px;
		font-family: 'Poppins-Regular';
		font-size: 9px;
	}

	#formulariobtn{
		width: 60%;
		margin-left: 10px;
	}
	
	#formularioimagen{
		margin-top: -15%;
	}

	input {
		width: 80%;
	}

	.ejercicel1, .ejercicel2{
		width: 35%;
	}
	
	.ejercicel3, .ejercicel4{
		width: 35%; 
		margin-top: 59%;
	}

	#acepto_terminos{
		margin-top: -100%;
	}

	#image-upload{
		margin-left: 5%;
	}

	#ejerciciocel{
		display: flex;
		flex-wrap: wrap; 
		justify-content: space-around; 
		margin-top: -93%;
	}

	#checkbox{
		width: 100%; 
		display: flex; 
		align-items: end; 
		margin-top: -5%;
		margin-left: 50%;
	}

	#checkbox > input {
		margin-left: -85%;
	}

	#checkbox > label {
		margin-left: -60px;	
	}

	.ejerciciopc{
		display: none;
	}

	.celimagen{
		width: 20%;
		 margin-top: -315%;
		  margin-left: 10%;
		   position: relative;
	}

	#facecel{
		margin-top: -52%; 
		margin-left: 67%;
	}

	#men1{
		margin-left: 75%;
	}
	#men2{
		margin-bottom: 120%; 
		margin-top: 105%;
	}
	#men3{
		margin-left: -160%;
	}
	#men4{
		margin-left: -160%;
	}
	#men5{
		margin-left: 70%;
	}

	#recetario{
		margin-top: -25%; 
		width: 50%; 
		margin-left: 28%;
	}

	#paginaweb {
		position: relative;
		padding: 0px 200px 0px 0px;
		background-color: transparent;
		border: none;
		cursor: pointer;
		transition: background-color 0.3s, color 0.3s;
		margin-left: 50%;
		margin-top: -50%;
	  }
	  
	  #whatsapp{
		display: none;
	  }
}