@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;
}


#mainNav .navbar-brand img.asoe-top{
		height: 4rem !important;
		padding-top: 3px;
		margin-left: 10px;
	}
.logo-ledi-small{
	width:100%;
	max-width: 400px;
}

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



#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{color:#064abb;}

#mainNav.navbar-shrink{background-color: #010b57;padding-top: 0px; padding-bottom: 0px;}


.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-aqua{background: #1fe4d1;}
.bg-aqua h3{font-size:26px; line-height:28px;}

.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-azul{background: #064abb; color:#fff;}
.btn.bg-azul:hover{background: #ed3f5f; color:#fff;}



.bg-rosa{background: #ed3f5f;line-height:initial}
.bg-rosa h3{font-size:34px; line-height:34px;}

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

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

.bg-rosa .text-mcerl, .text-mcerl{font-size:12px; line-height:18px !important;}
#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{background: #064abb; color:#fff;}

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


/** ORDENALETRAS EN LAND**/
.banner-parasiempre{
	margin-bottom: -30px;
}
#sector-ordenaletras{
	border: 1px solid #ed3f5f;
	border-radius:20px;
}

#sector-ordenaletras .btn-juega{
	font-size: 26px;
	line-height: 26px;
	color: #0644b1;
	border: 1px solid #f4ff00;
	border-radius: 3rem;
	background: #f4ff00;
	font-weight: bold;
	margin: 0px auto 17px;
	display: table;
	width: auto;
	padding: 10px 20px;
	text-transform: uppercase;
}

#sector-ordenaletras .btn-juega:hover{
	background: #ed3f5f;
	color: #fff;
	border: 1px solid #ed3f5f;
}
.ordenaletras-texto-incorrecta{margin-top:0px;margin-bottom:5px;}
.ordenaletras-resp-correcta{margin-top:0px;}


/** Formulario PROMO **/
.form-promo{
	width: 95%;
	display: table;
	margin: 0px auto 0px;
	color: #fff;
}
.form-promo label{
    font-size: 15px;
    font-weight: 500 !important;
/*	color: #064abb;*/
}
.form-promo label span{
	font-size: 12px;
	color: #064abb;
}
.form-promo .reque{
	color: #064abb;
	padding: 5px 10px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}
.modal-body .libro-obsequio,  .libro-obsequio{
    width: 100%;
    max-width: 200px;
}
.text-libro-obsequio{
	font-size: 13px;
	color: #000;
	font-weight: 500;
}
.libro-obsequio.land{
    width: 100%;
    max-width: 330px;
}
.libro-obsequio-beca{
    width: 100%;
    max-width: 280px;	
}

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, .form-promo button.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.c{
	margin:10px 0 0px;
	background: #ed3f5f;
	border: 1px solid #ed3f5f;
}
.form-promo button.btn-adquierelo{
	background: #ed3f5f;
	border: 1px solid #ed3f5f;
}
.btn-adquierelo.c:hover{
	color: #ed3f5f !important;
	border: 1px solid #fff;
	background:#fff;
}
.btn-adquierelo.d{
	margin:10px 0 0px;
	color: #ed3f5f !important;
	background: #fff;
	border: 1px solid #fff;
}

.btn-adquierelo.d:hover,
.form-promo button.btn-adquierelo:hover{
	color: #fff !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(0,0,0);
background: -moz-radial-gradient(circle, rgba(60,60,60,1) 0%, rgba(0,0,0,1) 100%);
background: -webkit-radial-gradient(circle, rgba(60,60,60,1) 0%, rgba(0,0,0,1) 100%);
background: radial-gradient(circle, rgba(60,60,60,1) 0%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3c3c3c",endColorstr="#000000",GradientType=1);
}
header.masthead-new.navidad {
  padding-top: 2.5rem;
  padding-bottom: 3rem;
  text-align: center;
  color: #fff;
	background: url("../../img/webp/nieve.webp"), #008f3b;
	background: url("../../img/webp/nieve.webp"), -moz-radial-gradient(circle, rgba(0,143,59,1) 20%, rgba(0,70,29,1) 90%);
	background:  url("../../img/webp/nieve.webp"), -webkit-radial-gradient(circle, rgba(0,143,59,1) 20%, rgba(0,70,29,1) 90%);
	background: url("../../img/webp/nieve.webp"), radial-gradient(circle, rgba(0,143,59,1) 20%, rgba(0,70,29,1) 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#008f3b",endColorstr="#00461d",GradientType=1);
}

header.masthead-new.blue {
  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: 41px;
  font-weight: 700;
  line-height: 41px;
  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: 0px 5px 0px;font-weight: bold;letter-spacing: 0.5px;width: 100%;/* background: #5c4fdc; */border: none;}
.masthead-new h5 span{margin:8px auto 9px; display:table}

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

.masthead-new .bg-sanvalentin h5{background:#fff;color:#ed3f5f;border-radius: 0px;}



/** BLACK FRIDAY **/
.bg-blackf{background: #cd1a46;font-family: Montserrat, Arial, Helvetica, sans-serif;}
.bg-blackf .especial{padding: 10px 15px 6px;font-weight: bold;letter-spacing: 0.5px;width: 100%;color: #000;background: #FFF;/*font-size:36px;*/}

.bg-blackf .form-promo button.btn-adquierelo{background: #fff;color: #000 !important;border: none;}
.bg-blackf .form-promo button.btn-adquierelo:hover{background: #000;color: #fff !important;}
.bg-blackf .text-libro-obsequio, .bg-blackf .form-promo .reque, .bg-blackf .form-promo label span, .bg-blackf .form-promo label{color:#fff;}

.bg-red{
/*
background: rgb(212,117,9);
background: -moz-linear-gradient(0deg, rgba(212,117,9,1) 0%, rgba(253,156,45,1) 21%, rgba(253,187,45,1) 34%, rgba(255,223,141,1) 67%, rgba(253,187,45,1) 90%, rgba(253,156,45,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(212,117,9,1) 0%, rgba(253,156,45,1) 21%, rgba(253,187,45,1) 34%, rgba(255,223,141,1) 67%, rgba(253,187,45,1) 90%, rgba(253,156,45,1) 100%);
background: linear-gradient(0deg, rgba(212,117,9,1) 0%, rgba(253,156,45,1) 21%, rgba(253,187,45,1) 34%, rgba(255,223,141,1) 67%, rgba(253,187,45,1) 90%, rgba(253,156,45,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d47509",endColorstr="#fd9c2d",GradientType=1);
*/
}
a.bg-red{background: #cd1a46;color:#fff;line-height: initial;margin: 12px auto 0;font-size: 22px;x-width: 500px;display:table}
a.bg-red:hover{
	background: #f8c100;
/*
background: -moz-linear-gradient(0deg, rgba(255,167,65,1) 0%, rgba(255,197,71,1) 22%, rgba(255,223,141,1) 65%, rgba(253,187,45,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,167,65,1) 0%, rgba(255,197,71,1) 22%, rgba(255,223,141,1) 65%, rgba(253,187,45,1) 100%);
background: linear-gradient(0deg, rgba(255,167,65,1) 0%, rgba(255,197,71,1) 22%, rgba(255,223,141,1) 65%, rgba(253,187,45,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffa741",endColorstr="#fdbb2d",GradientType=1);
*/
	color:#fff;
	line-height: initial;
	text-shadow: none;}

.video-land{
	background:#000;
	border-radius:20px;
	padding:20px 8px;
}
.mes-bf{background:#02d8c8;color:#fff;font-weight:800;padding:8px 20px;line-height: 20px;font-size: 22px;text-shadow: -2px 1px 2px #00000024}

.bf-land{width:100%;max-width: 580px;height:100%;display:table;margin: -3px auto 4px;}
.bf-land.img{margin: -10px auto 15px;}

.bf-checkout{width: auto;text-align:center;border-radius: 0 0 30px 30px;color:#fff;display: table;margin: 0px auto 10px;padding: 30px 0px 30px;font-weight: bold;}
.bf-checkout .bf-codigo{background: #fff;border-radius: 10px;color: #5749dc;border: #f8c100 4px dotted;width: auto;padding: 7px 16px;display: table;margin: 12px auto 17px;font-size: 29px;}
.bf-checkout .bf-logo{width:100%;max-width:400px;margin: 0px 10px -13px;}
.navidad .text-shadow{text-shadow: -2px 2px 2px #0000006b}
.decameron .bf-checkout{
	background: transparent;
    margin: 0 auto 10px;
    padding: 0 10px 20px;
    width: 100%;
/*    max-width: 520px;*/
}
.decameron .bf-checkout .bf-codigo{margin: 8px auto 6px;padding: 8px 17px;}



.navidad-checkout{
	width: 100%;
	max-width: 520px;
	display:table;
	margin:0px auto 15px;
	padding: 10px 10px 12px;
	background: url("../../img/webp/nieve.webp"), #008f3b;
	background: url("../../img/webp/nieve.webp"), -moz-radial-gradient(circle, rgba(0,143,59,1) 20%, rgba(0,70,29,1) 90%);
	background:  url("../../img/webp/nieve.webp"), -webkit-radial-gradient(circle, rgba(0,143,59,1) 20%, rgba(0,70,29,1) 90%);
	background: url("../../img/webp/nieve.webp"), radial-gradient(circle, rgba(0,143,59,1) 20%, rgba(0,70,29,1) 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#008f3b",endColorstr="#00461d",GradientType=1);
	border-radius: 0 0 30px 30px;
	box-shadow: 0px 0px 10px rgb(0,0,0,0.5);
	color:#fff;
	text-shadow: -1px 1px 4px #00000091;
	font-weight:800;
}
.navidad-checkout .bf-codigo{text-shadow: none;background:#fff;border-radius: 5px;color: #c80036;width: auto;padding: 7px 13px;display: table;margin: 3px auto 4px;font-size: 29px;}

.resolutions-checkout{
	width: 100%;
	max-width: 520px;
	color: #000;
	display:table;
	margin:0px auto 15px;
	padding: 10px 10px 12px;
	background: #eee6;
	border-radius: 0 0 30px 30px;
	box-shadow: 0px 0px 10px rgb(0,0,0,0.2);
	/* color:#fff; */
	/* text-shadow: -1px 1px 4px #00000091; */
	font-weight:800;
}
.resolutions-checkout .bf-codigo{text-shadow: none;background:#fff;border-radius: 10px;color: #5749dc;border: #f8c100 4px dotted;width: auto;padding: 7px 16px;display: table;margin: 3px auto 4px;font-size: 29px;}
.resolutions-checkout h4.mes-bf{background: #02d8c8;color:#fff;font-weight:800;padding:8px 20px;line-height: 20px;font-size: 22px;text-shadow: -2px 1px 2px #00000024;}


header.masthead-new.resolutions {
	padding-top: 2.5rem;
	padding-bottom: 3rem;
	text-align: center;
	color: #000;
	background: url("../../img/Resolutions2024-bg.png") #eee6 no-repeat;
	background-size: cover;
	background-attachment: fixed;

/*
	background: url("../../img/Resolutions2024-bg.png"), -moz-radial-gradient(circle, rgba(0,143,59,1) 20%, rgba(0,70,29,1) 90%);
	background:  url("../../img/Resolutions2024-bg.png"), -webkit-radial-gradient(circle, rgba(0,143,59,1) 20%, rgba(0,70,29,1) 90%);
	background: url("../../img/Resolutions2024-bg.png"), radial-gradient(circle, rgba(0,143,59,1) 20%, rgba(0,70,29,1) 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#008f3b",endColorstr="#00461d",GradientType=1);
*/
}
@media(max-width: 1000px) {
	header.masthead-new.resolutions {background: url("../../img/Resolutions2024-bg.png") center 50px #eee6 no-repeat;background-size: contain;}
}
@media(max-width: 600px) {
	header.masthead-new.resolutions {
		background: url("../../img/Resolutions2024-bg-bot.png") center bottom no-repeat, url("../../img/Resolutions2024-bg-top.png") center 80px no-repeat #eee6;
		background-size: contain;
		background-attachment: fixed;
	}
	.bf-land{margin: -13px auto 0px;max-width:inherit;}
	.bf-checkout{padding: 30px 0px 30px;}
}




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;
}

.big-precio{font-size:40px; font-weight: 700;}

/** 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;
}
*/
.btn.btn-ficha i{
	font-family:'FontAwesome';
	padding: 0 5px 0 0;
	font-size: 20px;
}




/** 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-video i, 
.modal-body .btn.btn-placa i,
.modal-body .btn.btn-web i{
	padding: 0 5px 0 0;
	font-size: 13px;
	font-family:'FontAwesome';
}


/*

.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;}





/** 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;*/
    z-index: 1000;
    -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;
}









/** 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; padding-right: 15px; padding-left: 15px; }

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) {
            .modal-body .btn.btn-web{margin-left:10px;}
		}

*/
		@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;}
}

@media (min-width: 768px) {

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


		@media(max-width: 500px) {


		  .wrapper {
			font-size: 15px;
		  }


		  header {
			margin: 0;
			padding: 10px 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;}
}
@media (max-width: 405px) {
	h4.top-form{font-size: 18px;}
}