#lab_video_slider{
	--header-safe-area: 80px;
	position: relative;
	height: clamp(30rem, 78vh, 56rem);
	height: clamp(30rem, 78svh, 56rem);
	min-height: 30rem;
	overflow: hidden;
	isolation: isolate;
}

#lab_video_slider > .container-fluid,
#lab_video_slider > .container-fluid > .row,
#lab_video_slider .swiper-container,
#lab_video_slider .swiper-wrapper,
#lab_video_slider .swiper-slide{
	width: 100%;
	height: 100%;
	min-height: 0;
}

#lab_video_slider video#back{
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	transform: none;
	object-fit: cover;
	pointer-events: none;
	z-index: 0;
}

#lab_video_slider .slider-video{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}



.swiper-container {
  top: 0px;
  width: 100%;
  height: 100%;

}

.swiper-slide {
  text-align: center;
  background-color: transparent;
 

  /* Center slide text vertically */
  
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}



/* Text Overlay */




#lab_video_text_overlay {
  position: absolute;
  color: #FFFFFF;
  width: 100%;
	box-sizing: border-box;
	top: 18%;
  top: max(var(--header-safe-area), 18%);
	left: 0;
	padding-right: clamp(1rem, 5vw, 5rem);
	padding-left: clamp(1rem, 5vw, 5rem);
  font-family: montserratli;
	line-height: 1.25;
	z-index: 2;
	animation-name: focus;
  animation-duration: 2s;
  animation-iteration-count:infinite;
  animation-direction: alternate;
  animation-timing-function: linear;
	
}

#lab_video_text_overlay .container {
  text-align: center;
  margin: 0px auto;
	
}






#legal{
  font-size: clamp(2.5rem, 4.5vw, 3.5rem);
  font-family: montserratmedium; 
	max-width: 18ch;
	margin-top: clamp(1rem, 5vw, 6rem);
	margin-right: auto;
	margin-left: auto;
	line-height: 1.1;
	overflow-wrap: anywhere;
  animation-name: focus;
  animation-duration: 2s;
  animation-iteration-count:infinite;
  animation-direction: alternate;
  animation-timing-function: linear;
}

#boton_continua{
position: relative;
border: 0px solid red;
width: 100%;
height: auto;
display: flex;
justify-content: center;
z-index: 900; 
	margin-top: 1.25rem;
}

#boton_conocemas{
border: 2px solid #00a9bd;
background: linear-gradient(to left, transparent 50%, #00a9bd 50%);
background-size: 210% 100%;
background-position: right bottom;
box-sizing: border-box;
overflow: hidden;
transition: background 0.5s ease;
	
	box-sizing: border-box;
	width: clamp(8.5rem, 16vw, 18rem);
	min-height: 50px;
	height: auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: clamp(0.625rem, 2.5vw, 0.875rem) clamp(0.875rem, 3vw, 1.5rem);
	line-height: 1.2;
	text-align: center;
margin-top: 20px;
cursor: pointer;

border-radius: 44px 44px 44px 44px;
-moz-border-radius: 44px 44px 44px 44px;
-webkit-border-radius: 44px 44px 44px 44px;

}

#boton_conocemas:hover {
background-position: left bottom;
background-color: #00a9bd;
}

#leyenda{
	font-family: montserratextra;
	font-size: 1.2em;
	max-width: 42rem;
	margin-right: auto;
	margin-left: auto;
	overflow-wrap: anywhere;
}











#vive{
  font-size: clamp(2.25rem, 4vw, 3rem);
  font-family: montserratmedium; 
	max-width: 18ch;
	margin-top: clamp(1rem, 5vw, 6rem);
	margin-right: auto;
	margin-left: auto;
	line-height: 1.1;
	overflow-wrap: anywhere;
  animation-name: focus;
  animation-duration: 2s;
  animation-iteration-count:infinite;
  animation-direction: alternate;
  animation-timing-function: linear;
}

#botones_herramientas{
position: relative;
width: 100%;
height: auto;
display: flex;
justify-content: center;
z-index: 900; 
	gap: clamp(0.5rem, 2vw, 0.9375rem);
	margin-top: 1.25rem;
border: 0px solid red;
}



#boton_mml{
border: 2px solid #00a9bd;
background: linear-gradient(to left, #00a9bd 50%, transparent 50%);
background-color: #00a9bd;
background-size: 210% 100%;
background-position: right bottom;
box-sizing: border-box;
overflow: hidden;
transition: background 0.5s ease;
	
cursor: pointer;
	box-sizing: border-box;
	width: clamp(8.5rem, 16vw, 18rem);
	min-height: 50px;
	height: auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: clamp(0.625rem, 2.5vw, 0.875rem) clamp(0.875rem, 3vw, 1.5rem);
	line-height: 1.2;
	text-align: center;
margin-top: 20px;
margin-right: 15px;
	
border-radius: 44px 44px 44px 44px;
-moz-border-radius: 44px 44px 44px 44px;
-webkit-border-radius: 44px 44px 44px 44px;
}



#boton_mml:hover {
  background-position: left bottom;
  background-color: transparent;
}







#boton_mcl{
border: 2px solid #00a9bd;
background: linear-gradient(to left, transparent 50%, #00a9bd 50%);
background-size: 210% 100%;
background-position: right bottom;
box-sizing: border-box;
overflow: hidden;
transition: background 0.5s ease;
	
	box-sizing: border-box;
	width: clamp(8.5rem, 16vw, 18rem);
	min-height: 50px;
	height: auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: clamp(0.625rem, 2.5vw, 0.875rem) clamp(0.875rem, 3vw, 1.5rem);
	line-height: 1.2;
	text-align: center;
margin-top: 20px;
	margin-left: 0;
cursor: pointer;
	border-radius: 44px 44px 44px 44px;
-moz-border-radius: 44px 44px 44px 44px;
-webkit-border-radius: 44px 44px 44px 44px;
}

#boton_mcl:hover {
  background-position: left bottom;
  background-color: #00a9bd;
}









@media (max-width:1023px){
	#lab_video_slider{
		height: clamp(30rem, 82vh, 46rem);
		height: clamp(30rem, 82svh, 46rem);
	}

	#lab_video_text_overlay{
		top: 16%;
		top: max(var(--header-safe-area), 16%);
	}

	#leyenda{
		font-family: montserratextra;
		font-size: 1.2em;
	padding-left: 10%;
	padding-right: 10%;
}
	
	
	  #legal {
  font-size: clamp(2rem, 5vw, 2.5rem);
  font-family: montserratmedium; 
  margin-top: 8%;
  animation-name: focus;
  animation-duration: 2s;
  animation-iteration-count:infinite;
  animation-direction: alternate;
  animation-timing-function: linear;
	}

	#legal,
	#vive{
		max-width: 16ch;
		line-height: 1.1;
	}
	
	
#boton_conocemas{
width: clamp(8.5rem, 28vw, 12rem);

}	
	

#vive{
  font-size: clamp(2rem, 4.5vw, 2.5rem);
  font-family: montserratmedium; 
  margin-top: 9%;
  animation-name: focus;
  animation-duration: 2s;
  animation-iteration-count:infinite;
  animation-direction: alternate;
  animation-timing-function: linear;
}

	
#boton_mml{
width: clamp(8.5rem, 28vw, 12rem);
}

#boton_mcl{
width: clamp(8.5rem, 28vw, 12rem);
}
	
}