/*Colors*/
.bg-bco { background-color: #ffffff !important;}
.bg-gris { background-color: #f1efeb }
.bg-azul {background-color: #e1ecf7}
.bg-azulo {background-color: #1f5fa6}
.negro {color: #000000}
.bco {color: #ffffff}
.azul {color: #0079c8}
.azulo {color: #1f5fa6}
.griso {color: #6d6e71}

.bg-boton {
	background-color: #C489B5;
	color: #ffffff;
	border: none;
	padding: 13px 25px 8px 25px;
	display: inline-block
}
.bg-boton:hover {
	background-color: #C489B5;
	color: #ffffff;
	border: none
}

/*Fonts*/
.fs12 {font-size: 12px;line-height: 15px}
.fs14 {font-size: 14px;line-height: 17px}
.fs16 {font-size: 15px;line-height: 19px}
.fs18 {font-size: 18px;line-height: 22px}
.fs20 {font-size: 20px;line-height: 1.3}
.fs24 {font-size: 24px;line-height: 27px}
.fs30 {font-size: 30px;line-height: 33px}
.fs36 {font-size: 36px;line-height: 39px}
.montserrat-reg {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.bold {
	font-weight:700
}
/*Header*/
.logos-rrss {
	margin-right:10px
}

/*Body*/
.video-responsive {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  border: 0;
  display: block;
}
.container-video {
	max-width:1250px
}
.text-container {
	padding: 0 30px;
	display:flex;
	flex-direction: column;
	justify-content:space-between;
	min-height:239px
}
.boton-container {
	display:flex;
	justify-content:end;
	width:100%
}
.button-saber {
	background-color:#d12670;
	color:#ffffff;
	font-weight:700;
}
.button-saber:hover {
	background-color:#af2670;
	color:#ffffff;
}


/*Footer*/
.footer {
	background-color: #0d1846;
  padding: 50px
}
.logo {
	width: 120px;
	margin-right: 50px
}
footer span {
	margin-right: 40px;
	display: inline-block;
	color: #ffffff;
	font-size:1rem
}
.nav-footer {
	list-style: none;
	padding: 0px;
	margin: 0px 0px 0px 5px;
	color: #ffffff;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center
}
.nav-footer li {
	margin-right: 40px;
		font-size:1rem
}
.nav-footer a {
	color: #ffffff;
}
.row-footer {
	display: flex;
	align-items: center;
	justify-content: center;
}
#footer a {
	color: #ffffff
}
#footer a:hover {
	color: #ffffff
}
@media only screen and (max-width: 900px) {
	.no-break {
		display: none
	}
}
@media only screen and (max-width: 748px) {
	.row-footer {
		flex-direction: column
	}
	footer span {
		margin-top: 20px;
		font-size:14px;
		margin-right: 0;
	}
	.nav-footer li {
		font-size:14px;
		margin-right:20px;
		margin-top:5px;
}
	.nav-footer {
		margin-top: 20px;
	}
	.footer {
	background-color: #0d1846;
  padding: 40px 20px
}
	.logo {
	width: 120px;
	margin-right: 0
}
}
@media only screen and (max-width: 500px) {}