@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap');

body {

	background-color: #ffffff;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	height: 100%;
}


.container-banner {
	min-height: 200px;
	border-radius: 30px;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}

a {

	text-decoration: none !important;
}

h1 {}

h2 {}

h3 {}

h3 span {
	font-weight: bold;
}



.center-title-normal {
	width: 100%;
	text-align: center
}

.center-title-flex {
	display: flex;
	justify-content: center;
	align-items: center;
}

.intro-container {
	width: 100%;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	flex-direction: column;
}

.intro-container h3 {
	color: #707070;
	font-size: 2rem;
	padding: 20px;
}

.contenedor-blanco {
	background-color: #ffffff;
	border-radius: 30px;
	padding: 20px;
	-webkit-box-shadow: 0px 0px 32px 7px rgba(0, 0, 0, 0.18);
	-moz-box-shadow: 0px 0px 32px 7px rgba(0, 0, 0, 0.18);
	box-shadow: 0px 0px 32px 7px rgba(0, 0, 0, 0.18);
	margin-bottom: 40px;
}

.beneficio-home {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;

}

.beneficio-home .beneficio-txt {
	color: #00AAB7;
	font-size: 1.7rem;
	margin: 0px 20px;
}

.beneficio-home .beneficio-icono {
	filter: brightness(0) saturate(100%) invert(51%) sepia(87%) saturate(2396%) hue-rotate(359deg) brightness(101%) contrast(107%);
}

.extra-margin-botton {
	margin-bottom: 40px;
}

.opcion-contenedor {

	min-height: 230px;
	-webkit-box-shadow: inset 16px -183px 127px -30px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: inset 16px -183px 127px -30px rgba(0, 0, 0, 0.7);
	box-shadow: inset 16px -183px 127px -30px rgba(0, 0, 0, 0.7);
	border-radius: 25px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 105%;
	display: flex;
	align-items: flex-end;
	margin-bottom: 20px;
	transition: 0.5s;
	cursor: pointer;
}


.opcion-contenedor:hover {
	background-size: 130%;
	-webkit-box-shadow: inset 16px -183px 127px -30px rgba(0, 0, 0, 0.9);
	-moz-box-shadow: inset 16px -183px 127px -30px rgba(0, 0, 0, 0.9);
	box-shadow: inset 16px -183px 127px -30px rgba(0, 0, 0, 0.9);
}

.opcion-contenedor .opcion-descripcion {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.opcion-descripcion .opcion-icono {
	width: 30%;

	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0px 20px;
}

.opcion-icono img {
	width: 60%;
	filter: brightness(0) saturate(100%) invert(95%) sepia(0%) saturate(19%) hue-rotate(355deg) brightness(104%) contrast(106%);
}


.opcion-descripcion .opcion-texto {
	width: 70%;
	margin-bottom: 20px;
}

.opcion-texto .titulo {
	font-weight: bold;
	color: #ffffff;
	font-size: 1.8rem;
}


.opcion-texto .subtitulo {
	color: #ffffff;
	font-size: 1.8rem;
}

.opcion-texto .cta {
	color: #FF7900;
	font-weight: bold;
	font-size: 1.8rem;
	margin-top: 10px;
}

.canal-btn {
	background-color: #FF7900;
	border: 3px solid #FF7900;
	padding: 12px 20px;
	text-align: center;
	border-radius: 30px;
	margin-bottom: 15px;
	color: #ffffff;
	font-weight: bold;
	transition: 0.3s;
	font-size: 1.7rem;
	cursor: pointer;
}

.canal-btn:hover {
	background-color: #ffffff;
	border: 3px solid #FF7900;
	color: #FF7900;

}

.otros-canales-cont {}

.descripcion-seccion {
	background-color: #00AAB7;
	border-radius: 30px;
	padding: 20px 30px;
	margin-top: 50px;
	margin-bottom: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}


.descripcion-seccion-antiflex {
	background-color: #00AAB7;
	border-radius: 30px;
	padding: 30px;
	margin-top: 50px;
	margin-bottom: 30px;
}

.descripcion-seccion .app-icon {
	position: absolute;
	z-index: 1;
	margin-top: -80px;

}


.descripcion-seccion-antiflex .app-icon {
	position: absolute;
	z-index: 1;
	margin-top: -45px;

}

.descripcion-seccion-antiflex .app-icon img {
	border-radius: 30px;

}



.descripcion-seccion p {
	width: 100%;
	color: #ffffff;
	text-align: center;
}





.descripcion-seccion-antiflex p {
	width: 100%;
	color: #ffffff;
	text-align: center;
}

.nav-container {
	display: flex;
	justify-content: center;
	align-items: center;
}

.nav-canales {
	background-color: #00AAB7;
	border: 3px solid #00AAB7;
	padding: 12px 20px;
	text-align: center;
	border-radius: 30px;
	margin-bottom: 15px;
	color: #ffffff;
	font-weight: bold;
	transition: 0.3s;
	font-size: 1.7rem;
	color: #ffffff !important;
}

.nav-canales .nav-item .active {
	background-color: #ffffff;
	border: 3px solid #00AAB7;
	padding: 12px 20px;
	text-align: center;
	border-radius: 30px;
	margin-bottom: 15px;
	color: #ffffff;
	font-weight: bold;
	transition: 0.3s;
	font-size: 1.7rem;
}

.nav-tabs {
	border-bottom: 0px solid #ddd;
}

.nav-tabs>li>a {
	color: #00AAB7;
	font-weight: bold;
	border: 3px solid #00AAB7;
	border-radius: 30px;
	background-color: #ffffff;
	padding: 10px 20px;
	margin: 10px 15px;
}

.nav-tabs>li>a:hover {

	border: 3px solid #00AAB7;
	border-radius: 30px;
	padding: 10px 20px;
	margin: 10px 15px;
}


.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	cursor: default;
	background-color: #00AAB7;
	border: 0px solid #ddd;
	border: 3px solid #00AAB7;
	color: #ffffff;
	padding: 10px 20px;
	margin: 10px 15px;

}

.nav-link {
	color: white;
}

.nav-link:hover {
	color: red;
}

.Seccion-tab {
	text-align: center;
	font-size: 1.8rem;
	padding: 30px;
}

.container-items {
	margin: 30px 0px;
	border-radius: 30px;
	-webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.26);
	-moz-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.26);
	box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.26);
	padding: 30px;
}


.container-items p {
	color: #404040!important;
}


.item-container {
	display: flex;
	justify-content: center;
	align-items: stretch;
	padding: 10px 0px 10px 0px;
}

.item-container .item-icono {
	width: 20%;
	min-height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.item-container .item-icono img {
	width: 50%;
	filter: brightness(0) saturate(100%);
}

.item-container .lina img {
	width: 50%;
	filter: brightness(0) saturate(100%) invert(47%) sepia(88%) saturate(2080%) hue-rotate(2deg) brightness(105%) contrast(104%);
}


.item-container .item-descripcion {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	width: 70%;
	min-height: 50px;
	color: #404040;
}

.item-container .item-descripcion p {
	margin-bottom: 0 !important;
}

.item-container .item-descripcion span {

	color: #00AAB7;
	font-weight: bold;
}

.descarga-app {
	display: flex;
	justify-content: space-around;
	align-content: center;
	margin: 30px 0px;
}

.app-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 30px;
	-webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.26);
	-moz-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.26);
	box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.26);
}

.app-icon img {
	width: 100%;
}

.app-descripcion {
	width: 100%;
	background-color: #F5F5F5;
	border-radius: 20px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 20px;
	margin-left: 30px;
}

.app-descripcion p {
	color: #434343;
	font-weight: bold;
	margin-bottom: 0px;
	font-size: 1.8rem;
	font-weight: bold;
}

.app-cta {
	background-color: #FF7900;
	color: #ffffff;
	border-radius: 20px;
	padding: 10px 30px;
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	transition: 0.3s;

}

.app-cta:hover {
	background-color: #ffffff;
	color: #FF7900;
	-webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.26);
	-moz-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.26);
	box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.26);
}

.cta-volver {
	filter: brightness(0) saturate(100%) invert(57%) sepia(39%) saturate(6472%) hue-rotate(3deg) brightness(105%) contrast(105%);
	font-weight: bold;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 10px;
}

.cta-volver img {
	width: 10px;
	margin-right: 10px;
}






.container-foto {
	cursor: pointer;
	width: 100%;
	min-height: 250px;
	border-radius: 30px;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: 120%;
	-moz-background-size: 120%;
	-o-background-size: 120%;
	background-size: 120%;
	display: flex;
	justify-content: center;
	align-items: center;
	transition-duration: 0.3s;
	-webkit-box-shadow: inset 0px 0px 92px 73px rgba(0, 0, 0, 0.14);
	-moz-box-shadow: inset 0px 0px 92px 73px rgba(0, 0, 0, 0.14);
	box-shadow: inset 0px 0px 92px 73px rgba(0, 0, 0, 0.14);
}



.container-foto:hover {
	-webkit-background-size: 140%;
	-moz-background-size: 140%;
	-o-background-size: 140%;
	background-size: 140%;
	-webkit-box-shadow: inset 0px 0px 92px 134px rgba(0, 0, 0, 0.57);
	-moz-box-shadow: inset 0px 0px 92px 134px rgba(0, 0, 0, 0.57);
	box-shadow: inset 0px 0px 92px 134px rgba(0, 0, 0, 0.57);

}

.video-icon {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	opacity: 0.5;
	transition-duration: 0.3s;
}

.container-foto:hover .video-icon {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	opacity: 1;
}

.video-icon img {
	width: 100%;
}

.titulo-principal-seccion {
	width: 100%;
	min-height: 250px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition-duration: 0.3s;

}

.contenedor-titulo {
	width: 100%;
	display: flex;
	justify-content: flex-start;


}

.icono-seccion {
	width: 80px;
	min-height: 80px;

	padding: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.contenedor-titulo-texto {
	margin-left: 20px;
}

.contenedor-titulo-texto h1 {
	font-size: 3rem;
	margin: 10px 0px 0px 0px;
}

.contenedor-titulo-texto h1 span {
	font-size: 4rem;
	color: #FF7900;
	font-family: 'Comfortaa', cursive;
	font-weight: bold;
}

.cta-volver {
	width: 100%;

}


.divisor-preguntas {
	width: 100%;
	background-color: #FF7900;
	height: 5px;
	border-radius: 30px;
	margin: 20px;
}

.titulo-preguntas {
	width: 100%;
	border-radius: 30px;
	border: 3px solid #FF7900;
	font-size: 2rem;
	padding: 10px;
	text-align: center;
	font-weight: bold;
}


.panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: 0px solid transparent;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
}

.panel-default>.panel-heading {
	color: #333;
	background-color: #ffffff;
	border-color: #ddd;
}

.panel-heading {
	padding: 10px 15px;
	border-bottom: 2px solid transparent;
	border-bottom-color: transparent;

}

.panel-title {
	font-weight: bold;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.titulo-modal {
	width: 100%;
	text-align: center;
	font-size: 2rem;
	padding: 0px 10px 30px 10px;
}

.titulo-modal span {
	font-weight: bold;
	color: #FF7900;
}

.guion-btn {
	width: 100%;
	padding: 10px;
	text-align: center;

}

.modal-header {
	border-bottom: 1px solid #e5e5e5;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
	padding: 25px 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
	text-align: left;

}

.modal-body {
	padding: 35px;
}


.nav-tabs>li {
	text-align: center;
}


::after,
::before {

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

.modal .modal-dialog .modal-content {

	border-radius: 30px;
	padding: 0px 20px 20px 20px;

}

.modal .modal-dialog .modal-content .modal-header {
	border-bottom: 0px solid #ff944d;
	height: 70px;
	padding: 30px;
}

.video-item{
	border: #FF7900 1px solid;
	background-color: #ffffff;
	border-radius: 30px;
	padding: 5px 15px;
	color: #404040;
	cursor: pointer;
	margin-top: 10px;
	transition-duration: 0.2s;
}

.video-item:hover{
	border: #FF7900 1px solid;
background-color: #FF7900;
	color: #ffffff;
}

.selector-contenedor{
	width: 100%;
	border-radius: 30px;
	padding: 20px;
	border: 3px solid #00AAB7;
	margin-bottom: 30px;
}


.tabla-sedes{
	display: none;
}

.tabla-sedes h3{
	font-family: 'Comfortaa', cursive;
	font-weight: bold;
}

.table > thead > tr > th {

	color: #FF7900;
  }

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


	.container-banner {

		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;
	}

	.descarga-app {

		flex-direction: column;
	}

	.nav-container {
		flex-direction: column;
	}



	.app-icon {
		margin-bottom: 30px;
		-webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0);
		-moz-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0);
		box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0);

	}

	.app-icon img {
		width: 40%;
	}


	.app-descripcion {
		flex-direction: column;
		margin-left: 0px;
		min-height: 200px;
	}

	.container-items {
		margin: 30px 0px;
		padding: 20px 10px 10px 10px;
	}

	.item-container {

		padding: 0px 0px 10px 0px;
	}



	.app-cta {

		margin-bottom: 20px;

	}

	.beneficio-home .beneficio-txt {
		margin-bottom: 20px;
	}

	.beneficio-home {

		justify-content: space-between;

	}

	.remove-thing {
		display: none;
	}

	.container-items {

		padding: 10px;
	}

	.nav-container {
		flex-direction: column;
	}

	.descarga-app {
		flex-direction: column;
	}

	.app-descripcion {
		justify-content: space-around;
		align-items: center;
		padding: 20px;
		margin-left: 0px;
		flex-direction: column;
	}

	.descripcion-seccion-antiflex .app-icon {
		position: relative;

		margin-top: 0px;
	}

	.descripcion-seccion-antiflex .app-icon img {
		position: relative;
		width: 80%;
		margin-top: 0px;
	}

	.descripcion-seccion-antiflex {
		margin: 10px;

	}

}


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


	.container-banner {

		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;
	}


	.app-cta {

		margin-bottom: 20px;

	}

	.beneficio-home .beneficio-txt {
		margin-bottom: 20px;
	}

	.beneficio-home {
		justify-content: space-between;

	}

	.remove-thing {
		display: none;
	}

	.container-items {

		padding: 10px;
	}

	.nav-container {
		flex-direction: column;
	}


	.descarga-app {
		flex-direction: column;
	}


	.app-icon {
		margin-bottom: 30px;
		-webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0);
		-moz-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0);
		box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0);

	}

	.app-icon img {
		width: 50%;
	}

	.app-descripcion {
		justify-content: space-around;
		align-items: center;
		padding: 20px;
		margin-left: 0px;
		flex-direction: column;
	}


	.descripcion-seccion-antiflex .app-icon {
		position: relative;

		margin-top: 0px;
	}

	.descripcion-seccion-antiflex .app-icon img {
		position: relative;
		width: 80%;
		margin-top: 0px;
	}

	.descripcion-seccion-antiflex {
		margin: 10px;

	}
}

@media only screen and (min-width:481px) and (max-width:650px) {


	.container-banner {

		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;
	}


	.app-cta {

		margin-bottom: 20px;

	}

	.beneficio-home .beneficio-txt {
		margin-bottom: 20px;
	}

	.beneficio-home {

		justify-content: space-between;

	}

	.remove-thing {
		display: none;
	}

	.container-items {

		padding: 10px;
	}

	.nav-container {
		flex-direction: column;
	}


	.descarga-app {
		flex-direction: column;
	}

	.app-icon {
		margin-bottom: 30px;
		-webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0);
		-moz-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0);
		box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0);

	}

	.app-icon img {
		width: 50%;
	}

	.app-descripcion {
		justify-content: space-around;
		align-items: center;
		padding: 20px;
		margin-left: 0px;
	}


	.descripcion-seccion-antiflex .app-icon {
		position: relative;

		margin-top: 0px;
	}

	.descripcion-seccion-antiflex .app-icon img {
		position: relative;
		width: 80%;
		margin-top: 0px;
	}

	.descripcion-seccion-antiflex {
		margin: 10px;

	}

}

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

	.container-banner {

		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;
	}


	.app-cta {

		margin-bottom: 20px;

	}

	.beneficio-home .beneficio-txt {
		margin-bottom: 20px;
	}

	.beneficio-home {

		justify-content: space-between;

	}


	.remove-thing {
		display: none;
	}


	.descripcion-seccion-antiflex .app-icon {
		position: relative;

		margin-top: 0px;
	}

	.descripcion-seccion-antiflex .app-icon img {
		position: relative;
		width: 80%;
		margin-top: 0px;
	}

	.descripcion-seccion-antiflex {
		margin: 10px;

	}
}

@media only screen and (min-width:769px) and (max-width:1030px) {


	.app-cta {

		margin-bottom: 20px;

	}

	.beneficio-home {

		justify-content: space-evenly;

	}


	.remove-thing {
		display: none;
	}


	.descripcion-seccion-antiflex .app-icon {
		position: relative;

		margin-top: 0px;
	}

	.descripcion-seccion-antiflex .app-icon img {
		position: relative;
		width: 60%;
		margin-top: 0px;
		margin-bottom: 30px;
	}

	.descripcion-seccion-antiflex {
		margin: 10px;

	}

	.app-icon {
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 30px;
		-webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0);
		-moz-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0);
		box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.00);
	}

}

@media only screen and (min-width:1031px) and (max-width:1240px) {}