@charset "utf-8";

/* CSS Document */



@font-face{
	font-family:Sharp Sans Medium;
	src:url(../fonts/SharpSans-Medium.eot);
	src:url(../fonts/SharpSans-Medium.eot?#iefix) format("embedded-opentype"),
		url(../fonts/SharpSans-Medium.woff) format("woff"),
		url(../fonts/SharpSans-Medium.woff2) format("woff2");
	font-weight:500;
	font-style:normal;
}

@font-face{
	font-family:Sharp Sans Semibold;
	src:url(../fonts/SharpSans-Semibold.eot);
	src:url(../fonts/SharpSans-Semibold.eot?#iefix) format("embedded-opentype"),
		url(../fonts/SharpSans-Semibold.woff) format("woff"),
		url(../fonts/SharpSans-Semibold.woff2) format("woff2");
	font-weight:600;
	font-style:normal;
}

@font-face{font-family:Sharp Sans Extrabold;	src:url(../fonts/SharpSans-Extrabold.eot);
	src:url(../fonts/SharpSans-Extrabold.eot?#iefix) format("embedded-opentype"),
		url(../fonts/SharpSans-Extrabold.woff) format("woff"),
		url(../fonts/SharpSans-Extrabold.woff2) format("woff2");
	font-weight:700;
	font-style:normal;
}
.montserrat{
	  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

		/* CSS VARIABLES */
		:root {
		  --primary: #fff;
		  --light: #ffffff;
		  --dark: 	#2e2e2e;
		  --middle: #002859;
		}


		html, body {

/*		  width: 99vw;*/
		  min-height: 100vh;
		  margin: 0;
		  padding: 0;
		  background-color: var(--light);
		  font-family: Sharp Sans Medium, Arial, Helvetica, sans-serif;
		  box-sizing: border-box;
		  line-height: 1.4;
		}
		/*body#land{background:var(--dark);}*/
		img {max-width: 100%;}
		a {text-decoration:none !important;}
	


		h1 {
		  padding-top: 15px;
		  font-family: Sharp Sans ExtraBold, Arial, Helvetica, sans-serif;
		  line-height: 1 !important;
		  margin-bottom: .4rem !important;
		  text-transform:uppercase;
			color: var(--middle);
		}
		h4, h5{
    		font-family: Sharp Sans Medium, Arial, Helvetica, sans-serif;
			color: #999;
		}


		.wrapper {
		  margin: 0;
		  padding: 0;
		}


		/* HEADER */
		.bg-middle{background: var(--middle) !important;}
		/*
		header {
		  padding: 10px 20px 10px 20px;
		  position: fixed;
		  top: 0;
		  display: grid;
		  grid-gap:5px;
		  grid-template-columns: 1fr 4fr 1fr;
		  grid-template-areas:

  		  "nt mn mn sb . . . ";
		  background-color: var(--primary);
		  width: 100%;
		  margin-bottom: 0px;
		}

/*/
		.dsclogo {
		  grid-area: nt;
		  object-fit: cover;
		  width: 350px;
		  max-height: 100%;
		  padding-left: 30px;
		  padding-top: 0px;
		}


		.dsclogo img {
		  height: 40px;
		}


		#logo {
		  color: #E50914;  
		  margin: 0; 
		  padding: 0; 
		}




		.main-nav {
		  grid-area: mn;
		  padding: 0 30px 0 20px;
		}


		.main-nav a {
		  color: var(--light);
		  text-decoration: none;
		  margin: 5px;  
		}


		.main-nav a:hover {
		  color: var(--dark);
		}


		.sub-nav {
		  grid-area: sb;
		  padding: 0 40px 0 40px;
		}


		.sub-nav a {
		  color: var(--light);
		  text-decoration: none;
		  margin: 5px;
		}


		.sub-nav a:hover {
		  color: var(--dark);
		}

.modal-content.login .modal-title{
	color: #fff;
	font-size: 15px;
}


.logo-betera{
	height: 4.5rem !important;
	margin: 0px 10px;
}
.logo-ledi{margin: 0px 10px;}
.logo-ledi-small{
	width:100%;
	max-width: 280px;
}

section#frase-dos  h2.section-heading{color:#ed3f5f !important;line-height: 32px; }

.mx-width-1{width:100%;max-width: 250px;}
.mx-width-2{width:100%;max-width: 270px;}


#razones .service-box .ico-blue{color:#064abb}

.cupon-gif{
	width:100%;
	max-width: 700px;
}

section#frase-dos .btn{
	background: #1ee4d1;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}

section#frase-dos .btn:hover{background:#064abb;}

#mainNav.navbar-shrink{background-color: #010b57;}

.small{font-size: 12px;line-height: 17px;}

.bg-gris{background: #f2f2f2;}

.bg-gris .btn{background: #ed3f5f; color:#fff; -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px rgba(0,0,0,0.2);display: inline-block !important;}

.bg-gris .btn:hover{background: #fff; color:#ed3f5f;}

#datos.bg-gris small, #datos.bg-rosa small{font-size: 12px; line-height:12px; }

.bg-azul{background: #064abb;}


.bg-aqua{background: #1fe4d1;}

.bg-aqua .btn{background: #fff; color:#064abb; -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px rgba(0,0,0,0.2); display: inline-block !important;}

.bg-aqua .btn:hover{background: #064abb; color:#fff;}


.btn.bg-aqua{background: #1fe4d1;}

.bg-rosa{background: #ed3f5f;line-height:initial}

.bg-rosa li{font-size:18px; line-height:22px;}

.bg-rosa ul.decimal li{list-style:decimal;}

.bg-rosa small, #funciona small{font-size:12px; line-height:12px !important;}

.bg-rosa .btn{background: #fff; color:#064abb; -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}

.bg-rosa .btn:hover, .bg-rosa.btn:hover, .btn.bg-aqua:hover{background: #064abb; color:#fff;}

.porcentaje{font-size:60px;}
.porcentaje.millon{letter-spacing: -1px;}




section#frase-dos .btn.bg-azul{background: #064abb; -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px rgba(0,0,0,0.2);display: inline-block !important;}

section#frase-dos .btn.bg-azul:hover{background: #fff; color:#064abb;}


.text-aqua{color: #1fe4d1}


.btn-adquierelo{
	font-size: 26px;
	line-height: 26px;
	color: #fff !important;
	border: 1px solid #1fe4d1;
	border-radius:0.5rem;
	background: #1fe4d1;
	font-weight: bold;
	margin:10px 0 30px;
	display: inline-block !important;
}

.btn-adquierelo.b{
	margin:10px 0 0px;
	background: #1fe4d1;
}

.btn-adquierelo.b:hover{
	color: #ffffff !important;
	border: 1px solid #064abb;
	background:#064abb;
}


.btn-adquierelo:hover{
	color: #ed3f5f !important;
	border: 1px solid #fff;
	background:#fff;
}
.btn-adquierelo.on-white:hover{
	color: #fff !important;
	border: 1px solid #ed3f5f;
	background:#ed3f5f;
}







.top-form{line-height: 30px;color:#ed3f5f;border-bottom: 1px solid #1fe4d163;}
h3.top-form{color: #ed3f5f;}
h3.top-form strong{color: #064abb;}
/*.main-container h3.top-form {border-bottom:none;}
.main-container h3.top-form strong{color: #1fe4d1;}
*/
.btn-nav {
	width:auto;
	float: right !important;
	display:block;
	padding-right: 30px !important;
	color: #fff;
	font-size:14px;
	letter-spacing:0.5px;
	font-family: Sharp Sans Medium, Arial, Helvetica, sans-serif;
}



.btn-nav.menu{display: none;}

.btn-nav:hover {color:#78e8dc !important;}







header.masthead-new.decameron .logo-decameron, .logo-decameron{
	width: 100%;
	max-width: 250px;
	margin-top: 6rem;
}

header.masthead-new.decameron .logo-LEDI-PTLF{
	width: 100%;
	max-width: 960px;
	margin-top: -20px;
}





header.masthead-new {

  padding-top: 8.5rem;

  padding-bottom: 6rem;

  text-align: center;

  color: #fff;

  background-image: url("../../img/TA-DSC/TodosAprenden-header-bg.jpg");

  background-repeat: no-repeat;

  background-attachment: fixed;

  background-position: center center;

  background-size: cover;
}

header.masthead-new.decameron {

  padding-top: 2.5rem;

  padding-bottom: 3rem;

  text-align: center;

  color: #fff;

background: rgb(7,86,205);

background: -moz-radial-gradient(circle, rgba(7,86,205,1) 0%, rgba(0,0,73,1) 100%);

background: -webkit-radial-gradient(circle, rgba(7,86,205,1) 0%, rgba(0,0,73,1) 100%);

background: radial-gradient(circle, rgba(7,86,205,1) 0%, rgba(0,0,73,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0756cd",endColorstr="#000049",GradientType=1);
}

header.masthead-new .masthead-subheading {

  font-size: 1.8rem;

  font-style: italic;

  line-height: 1.8rem;

  color: #63d6c9;

  margin-bottom: 25px;

  font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

header.masthead-new .masthead-heading {

  font-size: 2.1rem;

  font-weight: 700;

  line-height: 2.5rem;

  margin-bottom: 1rem;

  margin-top: 1rem;

  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.masthead-new .logo-dsc{
	width: 100%;
	max-width: 430px;
	display:table;
	margin:10px auto;
	padding-left: 15px;
}
.masthead-new .logo-multi{
	width: 100%;
	max-width: 150px;
}

.click-here{
	color:#fff;
	font-size: 21px;
	background: #e2405f;
	font-weight: bold;
	text-transform:uppercase;
}
.click-here .text{padding:10px 0px;letter-spacing: 2px;}
.click-here:hover{
	background: #1fe4d1;
	color:#fff;
}
.click-here img{width:100%;}



section#frase-dos .btn, section.frase-uno .btn{letter-spacing: 0px !important;}

section.precio{
/*
	width:auto;
	display:table;
	border-radius: 15px;
*/
	margin:10px auto 20px;
	padding:0px 30px;
	background: #ed3f5f;
	text-shadow: -2px 1px 2px #00000024;
	/* box-shadow:-2px 1px 2px #00000024; */
}

section.precio h6, .masthead-new h6, .masthead-new h5{
	width:auto;
	display:table;
	margin: 10px auto 0;
	padding:8px 8px;
	border:1px solid #ffffff6b;
	border-radius:5px;
	font-size:12px;
}

.masthead-new h5{font-size: 17px;padding: 10px 15px 6px;font-weight: bold;letter-spacing: 1px;}

.masthead-new a h5:hover{color:#ed3f5f !important; background:#fff; text-shadow: none;}

h3.tel{
	letter-spacing: 3px;
	border: 1px solid #ffffff6b;
	padding: 12px 5px;
	border-radius: 6px;
}

h6.blue{
	background: #064abb;
	padding: 8px 10px 8px;
	border-radius: 5px 5px 0 0;
	margin: 8px auto -1px;
	font-size: 15px;
}



/** DROPDOWN **/

#mainNav{background: #010b57;}

#mainNav .navbar-nav li.nav-item a.nav-link:hover,
#mainNav ul.navbar-nav a:hover,
#mainNav ul.navbar-nav a.btn-wa:hover
{color:#1fe4d1 !important;}

#mainNav ul.navbar-nav a.btn-wa{color: #fff;}

.dropdown-menu{
	background: rgb(33 37 41 / 80%);
	color: #fff;
}

.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active, .dropdown-item:active {

  color: #fff !important;

  background-color: #0c315a;
}

.dropdown-menu-end{
	right:10px !important;
	top:40px !important;
}



#mainNav .navbar-nav .nav-item{
	margin-right: 0rem !important;
}



#mainNav .navbar-nav .nav-item .dropdown-menu .nav-link {
	font-size:0.75rem;
}

.dropdown-atoggle:before{
	content: "\f0dd";
	font-family:'FontAwesome';
	padding: 0 0px 0 5px;
	font-size: 16px;
	margin-top: -5px;
	display: table;
	float: right;
}



#mainNav li.nav-item.dropdown.colors .nav-link:hover{
	color:#fff !important;
}


		/* MAIN CONTIANER */
		.main-container {
		  padding: 0px 0 5rem;
		}
		body#land .main-container {
		  padding: 0px 60px 40px; 
		}


		header.masthead-new.decameron .box {
		  display: grid;
		  grid-gap: 20px;
		  grid-template-columns: repeat(2, minmax(100px, 1fr));
		}
		.box {
		  display: grid;
		  grid-gap: 20px;
		  grid-template-columns: repeat(3, minmax(100px, 1fr));
		}
		body#infantil .box, #infantil .box{
		  display: grid;
		  grid-gap: 20px;
		  grid-template-columns: repeat(2, minmax(100px, 1fr));
		}

#infantil.page-section{
	background: #8d2c81 !important;
}

header.masthead-new.decameron .box a {height: 320px;}




		.box a {
		  transition: transform .3s;  
		}


		.box a:hover {
		  transition: transform .3s;
		  -ms-transform: scale(1.2);
		  -webkit-transform: scale(1.2);  
		  transform: scale(1.2);
		  z-index:1000;
		}
			body#land .box a:hover {
			  transition: transform .3s;
			  -ms-transform: scale(1.15);
			  -webkit-transform: scale(1.15);  
			  transform: scale(1.15);
			}


			body#infantil .box a:hover, body#infantil .box a:hover {
			  transition: transform .3s;
			  -ms-transform: scale(1.1);
			  -webkit-transform: scale(1.1);  
			  transform: scale(1.1);
			}


		.box img {
		  border-radius: 1rem;
		  box-shadow: rgb(0 0 0 / 35%) 0px 3px 10px;
		}


		/* LINKS */
		.link {
		  padding: 50px;
		}


		.sub-links ul {
		  list-style: none;
		  padding: 0;
		  display: grid;
		  grid-gap: 20px;
		  grid-template-columns: repeat(4, 1fr);
		}


		.sub-links a {
		  color: var(--dark);
		  text-decoration: none;
		}


		.sub-links a:hover {
		  color: var(--dark);
		  text-decoration: underline;
		}


		.logos a{
		  padding: 10px;
		}


		.logo {
		  color: var(--dark);
		}





.crea-tu-cuenta{
	font-size: 1.75rem;
	line-height: 2rem;
	background: #ed3f5f;
	color: #fff;
	padding: 9px 15px 14px;
	margin: 5px auto 20px;
	width: 100%;
	max-width: 1300px;
	display: table;
	text-align: center;
}

.crea-tu-cuenta .fa-chevron-down{
	font-size: 30px;
	color: #a52b42;
	vertical-align:middle;


}

/*

.crea-tu-cuenta:before, .crea-tu-cuenta:after{
	content: "\f078";
	font-family:'FontAwesome';
	font-size: 30px;
	color: #9f0025;
}

.crea-tu-cuenta:before{
	padding: 0 10px 0 0px;
}

.crea-tu-cuenta:after{
	padding: 0 0px 0 10px;
}*/



/** LAND **/

.card{border:none !important;}



.card .desc-curso{
	font-size: 15px;
	line-height: 18px;
	display: none;
}

.card .cursos{
	background: #0000005c;
	width: auto;
	padding: 2px 8px 3px 23px;
	margin: 0 0 8px -12px;
	display: table;
	border-radius: 0px 7px 7px 0px;
	display: none;
}



.card h2:before{
	float:right;
	display:table;
	/* background:red; */
	width:100%;
	height: 130px;
	content:'';
}



.card h2{
	margin-top: 10px !important;
	display:table;
	height: 170px;
	/* background:green; */
	font-size: 2.1rem;
	line-height: 2.1rem !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: left;
	font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.btn.btn-video-land{
	width: auto;
	background: #cd1d46;
	color: var(--primary) !important;
	display:table;
	font-size: 16px;
	margin: 0 auto 11px;
	box-shadow: rgb(0 0 0 / 15%) 0px 3px 5px;
	padding-bottom: 7px;
}

.btn.btn-video-land:hover{
	color: #fff !important;
	background:#924b91;
}

.btn.btn-video-land:before{
	content: "\f144";
	font-family:'FontAwesome';
	padding: 0 5px 0 0;
	font-size: 13px;
}

.btn-primary{box-shadow: rgb(0 0 0 / 15%) 0px 3px 5px;}



#testimonios h1{font-size: 2rem;}

#testimonios .lead{font-size: 1rem;}

#testimonios .btn-primary:hover {

  background-color: #0cb9a6;

  border-color: #0cb9a6;
}

#testimonios hr{background: #0cb9a6;}



.btn.btn-testimonios, .btn.btn-ficha{
	width: auto;
	color: #fff !important;
	background: #0d2e58;
	display:inline-block;
	font-size: 18px;
	margin: 0 15px 31px;
	box-shadow: rgb(0 0 0 / 15%) 0px 3px 5px;
	padding-bottom: 9px;
}

.btn.btn-ficha{
	background: #941681;
}



.btn.btn-testimonios:hover,

.btn.btn-ficha:hover{
	background: #cd1d46;
	color: var(--primary) !important;
}

.btn.btn-testimonios:before{
	content: "\f086";
	font-family:'FontAwesome';
	padding: 0 5px 0 0;
	font-size: 20px;
}

.btn.btn-ficha:before{
	content: "\f2d0";
	font-family:'FontAwesome';
	padding: 0 5px 0 0;
	font-size: 20px;
}


/** FAQs **/
.faqs .pregunta{margin:0px;}
.faqs .pregunta:hover{cursor:pointer;color: #064abb}
.faqs .pregunta cite{font-weight:bold; font-size:16px;line-height: 18px !important}
.faqs .arrow{color: #ed3f5f;font-size:16px;}
.faqs .respuesta p{font-size:15px; line-height:20px !important; }
.faqs ol.list li::marker{font-size:15px;}
.faqs ol.list li{list-style-type: none; padding: 0 20px; }

.faqs .collpase_all_message{font-size:15px; color: #ed3f5f;font-weight:bold;}
.faqs .collpase_all_message:hover{color: #064abb;}


/** LAND BACK

.card{border:none !important;}



.card .desc-curso{
	font-size: 15px;
	line-height: 18px;
}

.card .cursos{
	background: #0000005c;
	width: auto;
	padding: 2px 8px 3px 23px;
	margin: 0 0 8px -12px;
	display: table;
	border-radius: 0px 7px 7px 0px;
}**/





.dsc-land{
	width: 90%;
	max-width: 490px;
}

.pointer:hover{cursor:pointer;}

/*

.ficha img{border-radius: 20px;}

.ficha img:hover{opacity: 0.85;}

*/



.location h5 {color:#63d6c9;padding-bottom: 10px;}

.location h5 i{font-size: 16px;padding: 0 5px 0 0;}



.modal-content{

  background: var(--primary) !important;

  color:#fff;

  box-shadow: rgb(0 0 0 / 60%) 0px 3px 15px;
	border-radius: 1rem !important;
	border: none;
}

.modal-header{
    align-items: normal !important;
}

.modal-header.bg-primary{border-radius: 1rem 1rem 0 0;}



.modal-header h4{
	line-height: 29px;
	color: #fff;
	padding-bottom: 8px;
}

.modal-body .no-registrado{color:#000;}



.modal-header .btn-close{
	border-radius:100px;
	font-size: 18px;
	line-height: 19px;
	color: transparent;
	opacity: 0.9;
	display: table;
	font-weight: 500;
	padding: 0 .5rem .5rem !important;
	/* margin: -2rem -.5rem -.5rem auto !important;
	position: relative;
	top: -30px;
	right: -5px; */
}

.modal-header .btn-close:hover, .modal-header .btn-close:focus{

/*	color: #999;*/
	border:none;
}

.modal-body ul.text-small{
	font-size: 15px;
}

.modal-body .btn.btn-video, 

.modal-body .btn.btn-web, 

.modal-body .btn.btn-placa{
	width: 95%;
	background: #cd1d46;
	display:table;
	color: var(--primary) !important;
	font-size: 14px;
	margin: 0 0 7px;
	box-shadow: rgb(0 0 0 / 15%) 0px 3px 5px;
	padding-bottom: 7px;
}

.modal-body .btn.btn-video:hover, 

.modal-body .btn.btn-placa:hover,

.modal-body .btn.btn-web:hover

{
	background:#ad0a30;
	color:#fff !important;
}





.modal-body .btn.btn-video:before, 

.modal-body .btn.btn-placa:before,

.modal-body .btn.btn-web:before

{
	content: "\f144";
	font-family:'FontAwesome';
	padding: 0 5px 0 0;
	font-size: 13px;
}

.modal-body .btn.btn-placa:before{

/*	content: "\f05a";*/
	content: "\f2d0";
}

.modal-body .btn.btn-web:before{
	content: "\f25a";
}



.modal-body .datos{margin: 10px 0px;padding: 0 0 0 25px;}

.modal-body .datos li{font-size: 13px;letter-spacing: 0.5px;line-height: 20px;margin: 0px 0 0px 0px;list-style-position: outside;}

.modal-body .datos li a{color:#a7e6df; text-decoration:underline !important;}

.modal-body .datos li a:hover{color:#a7e6df; text-decoration:none !important;}



.txt-forgot{font-size: 12px; color: #000;}

.txt-forgot a{color:#cd1d46; text-decoration:underline;}

.txt-forgot a:hover{color: #000;text-decoration:none;}



/*

.modal-header .btn-close{
	border-radius:100px;
	font-size: 18px;
	line-height: 19px;
	color: #141414 !important;
	background: #fff;
	opacity: 0.9;
	display: table;
	font-weight: 500;
	padding: .2rem .3rem  .5rem !important;
	margin: -6rem -.5rem -.5rem auto !important;
}



*** VERSION 1 ***

.modal-footer{border-top:1px solid rgb(255 255 255 / 0.15) !important;}

.btn.btn-next i{

  font-weight:100 !important;

  font-size: 16px;

  padding: 5px 0px 5px 3px;
}

.btn.btn-next{

  background: var(--light);

  border-radius:100px;

  color: var(--primary);

  opacity: 0.9;
}

.btn.btn-next:hover{

   background: #666;

  color:#fff;

  opacity: 1;


}

*/

/*#page-top .modal-header{border-bottom: 0px solid rgb(255 255 255 / 0.15) !important;padding-bottom: 0px !important;}*/

.modal-footer{border-top: 1px solid #ccc !important;text-align: center;display: table !important;margin: 0 auto;width: 100%;}



.modal-content h1{
	line-height: 1;
	padding: 10px 10px 10px 0;
    letter-spacing: 2px;
    color: var(--middle);
}

.modal-content{color: var(--middle);}



.btn.btn-next i{

  font-weight:100 !important;

  font-size: 21px;

  padding: 5px 0px 5px 3px;
}

.btn.btn-next{

  opacity: 1;

  color: #cd1d46;

  border:none;
}

.btn.btn-next:hover, .btn.btn-next:focus, .btn.btn-next:active{

  color:#002859;

  opacity: 1;

  border:none;
}





.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16/9 ratio */
	padding-top: 30px; /* IE6 workaround*/
	height: 0;
	overflow: hidden;
}



.videoWrapper iframe,

.videoWrapper object,

.videoWrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}





/** UN TITULO **/

body#one-title.lectura .modal-content,

body#one-title.mujer .modal-content{
	box-shadow: rgb(0 0 0 / 30%) 0px 3px 15px;
	border-radius: 1rem;
	background: #ff9d00 !important;
	border: 1px solid rgb(234 144 0 / 20%);
}

body#one-title.mujer .modal-content{
	background: #f89da5 !important;

/*	background: #8d135a !important;*/
	box-shadow: rgb(0 0 0 / 15%) 0px 3px 15px;
}

body#infantil .modal-content,

#infantil .modal-content

{
	background: #8d2c81 !important;
	box-shadow: rgb(0 0 0 / 15%) 0px 3px 15px;
	border-radius: 1rem;
}

body#infantil .modal-content .btn.btn-next{
	color: #d58dcd;
}

body#infantil .modal-content .btn.btn-next:hover{
	color: #fff;
}

body#one-title .modal-header{
	border-radius: 1rem 1rem 0 0;


}



body#infantil .modal-content .modal-header .btn-close{background: none !important;}





body#one-title.lectura .modal-dialog, 

body#one-title.mujer .modal-dialog

{margin-top:0px;}





/** Backgrounds de page-sections**/



#computacion.page-section{background:#00239b;}

#lectura.page-section{background:#ff9d00;}

#lectura.page-section .text-primary{color:#8f0000 !important;}

#ingles.page-section .text-primary{color:#ed3f5f !important;}



#infantil.page-section .text-primary{color:#cd1d46 !important;}



#mujer.page-section{background:#f89da5;}

#mujer.page-section .text-primary{color:#8d135a !important;}





.img-fluid.one-placa{width: 100%;max-width: 1000px;box-shadow: rgb(0 0 0 / 35%) 0px 3px 10px;border-radius: 1.5rem;}

/** LAND **/
#betera .bg-video{
	padding: 10px 0px;
	background: url(/img/bg-betera.jpg) top center no-repeat #fff;
}
#betera section.frase-uno{
    width: 100%;
    background: #010b57;
    color: #fff;
    letter-spacing: 0.5px;
    margin: 0px auto 10px;
    display: table;
	font-family: inherit;
}
section.frase-uno .btn{margin:10px auto; background: #cd1d46;}
section.frase-uno .btn:hover{color: #010b57; background: #fff;}
.bg-betera-dark{background: #373737}
.btn.bg-betera-dark{color: #fff;}
.btn.bg-betera-dark:hover{background:#fff; color:  #373737}
.bg-betera-verde{background: #aed953}
.bg-betera-gris{background: #e6e5e5}
.btn.bg-betera-verde:hover{background:#064abb; }

.btn-acceder-header{display:none; margin:10px auto;background: #cd1d46; color:#fff;font-weight: bold;font-size: 18px;padding: 6px 15px 5px;border-radius: 5px;margin-top: 0;}
.btn-acceder-header:hover{color: #010b57; background: #fff;}



/** Boton WHATSAPP **/

.msj-clases{
    padding: 5px 135px 7px 8px;
    border-radius: 10px;
    font-size: 11px;
    line-height: 13px;
    font-weight: bold;
    background-color: rgba(8, 8, 8, 0.85);
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #fff;
    position: fixed;
    bottom: 34px;
    right: 17px;
    width: 284px;
	z-index: 120;
}

.social-icon.whatsapp{
    padding: 6px 5px 7px 5px;
    border-radius: 100px;
    font-size: 41px;
    line-height: 46px;
    font-weight: bold;
    background-color: #4bca5a;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #fff;
    position: fixed;
    bottom: 24px;
    right: 90px;
    z-index: 10000000;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3);
}

.social-icon.whatsapp:hover{
    background-color: #128c7e;
    color: #fff;
    text-decoration: none;
}

.social-icon.whatsapp .img-wa{
	display:inline-block;
	margin:-3px 4px 0px 0px;
}

#ayuda-loc p{font-size:15px;line-height: 20px;}

.modal-body .alert-danger{font-size: 12px;padding: 0.5rem 0.7rem;margin-top: 0.5rem;}

/** Formulario Crear Cuenta **/
.example.example1 label{min-width: 180px !important;}
.example.example1 label a:hover{color: #74dfe9 !important;}
/*.example.example1 input, .example.example1 select{width: 90% !important;max-width: 435px !important;}*/
.example.example1 select{
    -webkit-appearance: revert !important;
    -moz-appearance: revert !important;
    appearance: revert !important;
}
.example.example1 select option{color: #000 !important;}

.aviso-email.dos{background: #ffffff;color: #cd1d46;}
.example.example1 .tooltip-crear{display: none;}


		@media(max-width: 767px) {
			.example.example1 label{width: 100% !important;min-width: 170px !important;}
/*			.example.example1 label a{display:none !important;}*/
			.example.example1 .tooltip-crear{width: auto !important;text-align: left;display: block;color: #ffffffa3;break-after: auto;word-wrap: break-word;font-size: 11px;margin-bottom: 16px;}
		}

#dni h5.modal-title, #tel h5.modal-title{font-size:16px; font-weight:bold;}
#dni .modal-body h6, #tel .modal-body h6{font-size:15px; color:#000;}



/** FOOTER **/

footer.bg-dark-blue{
	background:#0c315a;}

footer .logo.asoe{
	width: 100%;
	max-width: 180px;
}

footer .logo.dsc{
	width: 100%;
	max-width: 150px;
/*	margin-top: 25px;*/
}

footer .text-center.text-white{font-size: 10px;}

footer .footer-copyright a{
	font-size: 9px;
	background:rgb(0 0 0 / 0.25);
	border-radius: 8px;
	margin: 0 5px;
}

footer .footer-copyright a:hover{background:rgb(16 149 161 / 25%);}



#contacto-small{
    width:100%;
    background: #13cadb;
    display:table;
    font-size:15px;
}



#contacto-small a:hover{
	color:rgb(255 255 255 / 0.7) !important;
}**/


		/* MEDIA QUERIES */
		@media(max-width: 1182px) {
			.card h2{
				font-size: 1.7rem;
				line-height: 1.8rem !important;
			}
		}


		@media(max-width: 768px) {
			header.masthead-new .container{max-width: 93% !important;}
			header.masthead-new.decameron .box {
			  display: grid;
			  grid-gap: 20px;
			  grid-template-columns: repeat(1, minmax(100px, 1fr));
			}
		}


		@media(max-width: 182px) {
			.card h2{
				font-size: 2rem;
				line-height: 2rem !important;
				background: green;
			}
		}


		@media(max-width: 1200px) {
		  body#land .box {
			display: grid;
			grid-gap: 30px;
			grid-template-columns: repeat(2, minmax(100px, 1fr));
		  }


		}

		@media(max-width: 992px) {
			.btn-acceder-header{display:table}
		}

	@media(max-width: 900px) {


		  /*header {
			display: grid;
			grid-gap: 20px;
			grid-template-columns: repeat(2, 1fr);
			grid-template-areas: 
			"nt nt nt  .  .  . sb . . . "
			"mn mn mn mn mn mn  mn mn mn mn";
		  }*/


		  .box {
			display: grid;
			grid-gap: 20px;
			grid-template-columns: repeat(2, minmax(100px, 1fr));
		  }
		  body#land .box {
			display: grid;
			grid-gap: 30px;
			grid-template-columns: repeat(1, minmax(100px, 1fr));
		  }
		  body#land .card h2 {
            height: 100px;
      }
		  body#land .card .desc-curso{
            padding-bottom: 20px;
      }
			.card h2{
				font-size: 2rem;
				line-height: 2rem !important;
			}


	}


		@media(max-width: 700px) {


		  header {
			display: grid;
			grid-gap: 20px;
		  }
			header.masthead-new .main-container{
				padding: 0px 0px 50px;
			}
			.main-container{
				padding:50px 10px 50px 10px;
			}


		  .box {
			display: grid;
			grid-gap: 20px;
			grid-template-columns: repeat(2, minmax(100px, 1fr));
		  }


		  .sub-links ul {
			display: grid;
			grid-gap: 20px;
			grid-template-columns: repeat(3, 1fr);
		  }
		  
		  .box {
			display: grid;
			grid-gap: 20px;
			grid-template-columns: repeat(1, 1fr);

/*			text-align: center;    */
		  }


		  .box a:hover {
			transition: transform .3s;
			-ms-transform: scale(1);
			-webkit-transform: scale(1);  
			transform: scale(1.2);
		  }
			.modal-body .btn.btn-video, 
			.modal-body .btn.btn-web, 
			.modal-body .btn.btn-placa{
				display:inline-block;
			}
	}


@media(max-width: 975px) {
	body#one-title.lectura .modal-dialog.modal-dialog-centered, 
	body#one-title.mujer .modal-dialog.modal-dialog-centered{
	   max-width: 820px !important;
	}
	#mainNav .navbar-brand img.asoe-top{height: 3.5rem !important;padding-top:5px;}

}

@media (min-width: 992px) {
	#mainNav.navbar-shrink .navbar-brand img.decameron{height: 2.5rem;}

	#mainNav .navbar-brand img.asoe-top{
		height: 4rem !important;
		padding-top:5px;
	}
}

@media (min-width: 768px) {

  header.masthead-new .container {
    max-width: inherit;
    width:95%;}}

@media(max-width: 533px) {
	#mainNav a.navbar-brand{width: 60%;}
	
	.logo-betera{
	width:60%;
	max-width:160px;
	height: auto !important;
	margin: 0px 0px;
	}
	.logo-ledi{width: 45%;margin: 0px 0px;}
	#mainNav .navbar-brand img.asoe-top{width:30%;height: auto !important;padding-top:0px; margin-right:10px;}
	
}
		@media(max-width: 500px) {


		  .wrapper {
			font-size: 15px;
		  }


		  header {
			margin: 0;
			padding: 20px 0 0 0;
			position: static;
			display: grid;
			grid-gap: 20px;
			grid-template-columns: repeat(1, 1fr);
			grid-template-areas: 
			"nt"    
			"mn"
			"sb";
			text-align: center;
		  }


		  .dsclogo {
			max-width: 100%;
			margin: auto;
			padding-right: 20px;
		  }


		  .main-nav {
			display: grid;
			grid-gap: 0px;
			grid-template-columns: repeat(1, 1fr);
			text-align: center;
		  }


		  h1 {

/*			text-align: center;*/
			font-size: 18px;
		  }
		  .logos {
			display: grid;
			grid-gap: 20px;
			grid-template-columns: repeat(2, 1fr);
			text-align: center;
		  }


		  .sub-links ul {
			display: grid;
			grid-gap: 20px;
			grid-template-columns: repeat(1, 1fr);
			text-align: center;
			font-size: 15px;
		  }
		 body#land .main-container {
		  padding: 0px 10px 40px;
		}
		.btn-nav.menu{display:inherit;}
		.btn-nav.cat{display:none;}

}



@media (max-width: 450px) {
    #mainNav a.navbar-brand{width:200px;}
}