.white{
	background-color: #FFFAFA;
}

.blue{
	background-color: #3C55A2;
}

.red{
	background-color: #DC606E;
}

.yellow{
	background-color: #F5A735;
}

.gray{
	background-color: #3C3C3B;
}

.textoAzul{
	color: #003057;
}

.textoRojo{
	color: #DC606E !important;
}

.textoAmarillo{
	color: #F5A735 !important;
}

body{
	margin: 0;
	padding: 0;
}

/* tipografía */

.inter-<uniquifier> {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

h1{
	font-family: "Inter", sans-serif;
	font-size: 3rem;
	font-weight: 900;
	line-height: .9;
	color: #3C3C3B;
}

h2{
	font-family: "Inter", sans-serif;
	font-size: 1rem;
	font-weight: 900;
	color: #3C3C3B;
}

.h2{
	font-family: "Inter", sans-serif;
	font-size: 1.8rem;
	font-weight: 900;
}

h3{
	font-family: "Inter", sans-serif;
	font-size: 1rem;
	font-weight: regular;
	color: #3C3C3B;
}

p{
	font-family: "Inter", sans-serif;
	font-size: .7rem;
	color: #3C3C3B;
}

.subRojo{
	color: #DC606E;
	font-size: 1.2rem;
	font-weight: 500;
}

.subAzul{
	color: #003057;
	font-size: 1.2rem;
	font-weight: 500;
}

.subAmarillo{
	color: #F5A735;
	font-size: 1.2rem;
	font-weight: 500;
}

li{
	left: 1rem;
	margin-left: 1rem;
	font-family: "Inter", sans-serif;
	font-size: .9rem;
	color: #3C3C3B;
}

.lead{
	font-size: 1rem;
}

.carousel-caption{
	line-height: 0;
}

.carousel{
	margin-bottom: 1rem !important;
}

.carousel-altura{
	height: 32rem !important;
}
.carousel-item{
	height: auto;
}



#videoCover{
position: absolute;
  z-index: 1;
  object-fit: cover;
  width:100%;
  height:100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;

}

.controlCelosia{
	background-color: transparent;
	border-radius: .3rem;
	border: solid;
	border-width: 2px;
	border-color: #DC606E;
}

.controlCapsula{
	background-color: transparent;
	border-radius: .3rem;
	border: solid;
	border-width: 2px;
	border-color: #003057;
}

.controlTaburete{
	background-color: transparent;
	border-radius: .3rem;
	border: solid;
	border-width: 2px;
	border-color: #F5A735;
}



.ancla{
	position: fixed;
	right: 2%;
	bottom: 2%;
	opacity: 40%;
}

.featurette-divider{
	margin: 2rem;
}
/* tableta y escritorio */
@media (min-width:750px){

	h1{
		font-family: "Inter", sans-serif;
		font-size: 5rem;
		font-weight: 900;
		line-height: .9;
		color: #3C3C3B;
	}

	h2{
		font-family: "Inter", sans-serif;
		font-size: 3rem;
		font-weight: 900;
		color: #3C3C3B;
	}

	p{
		font-family: "Inter", sans-serif;
		color: #3C3C3B;
	}

	.carousel-caption{
		line-height: 0;
	}

	#videoCover{
	position: absolute;
	width: 100%;
	height: 400px;

	.featurette-divider{
	margin: 5rem;
}
}


}