/* estilos para que aparezca cabecera y logo en ventana nueva */
@import url('estilos-ventana-nueva.css');

/*fuentes*/
 
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700,900');

@import url('https://fonts.googleapis.com/css?family=Passion+One:700');

@import url('https://fonts.googleapis.com/css?family=Cabin:400,400i,500,700,700i');

*{
	box-sizing: border-box;
}
html{
	font-size: 1rem;

}
body{
	position: relative;
	padding: 0;
	font-family: 'Cabin', sans-serif;	 
}

ul,li{
	padding: 0;
	margin: 0;
}

h1 small{
	font-size: 0.5em;
}

h2 small{
	font-weight: normal;
}

.contenido small{
	line-height: 1.4em;
}

.cero-top{
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.ligero-top{
	margin-top: 0.5rem !important;
	padding-top: 0 !important;
}

.ocultar{
	display: none !important;
}

#cargafotos{
	visibility: hidden;
	width: 0px;
	height: 0px;
	overflow: hidden;
}

.avisoContinua{
	color: rgba(114, 34, 100, .8);
	font-weight: bold;
}
 

 /*animaciones*/

 @keyframes relojParpadea{
 	0%{

 		opacity: 0;
 		transform: scale(0.7);	 
 	}

 	100%{
 		opacity: 1;
 		transform: scale(1.2);	 	 
 	}

 }


 @keyframes animaComienzaTiempo{
 	0%{

 		opacity: 0;
 	}

 	100%{
 		opacity: 1;
 	}

 }


 

 @keyframes botonCorrecto{
 	0%{
 		background: #64B278;
 	}
 	100%{
 		background: #3A9F54;
 	}
 }

 @keyframes animarBotonSiguiente{
 	0%{
 	background: url('../imagenes/icono-siguiente.svg') 92% center/0.7rem   no-repeat, rgba(240, 240, 240, 0);
 	}

 	100%{
	  background: url('../imagenes/icono-siguiente.svg') 92% center/0.7rem   no-repeat, rgba(240, 240, 240, 1);
 	}
 }

 @keyframes RespuestaIcono{
 	0%{
 		transform: scale(0.1);
 		opacity: 0;
 	}
 	30%{
 		transform: scale(2);
 		opacity: 1;
 	}
 	100%{
 		transform: scale(1);
 	}
 }

 @keyframes FadeInGeneral{
 	0%{
 		opacity: 0;
 	}
 	100%{
 		opacity: 1;
 	}
 }

 @keyframes Deslizar-hacia-izquierda{
 	0%{
 		transform: translateX(130%);
 	}
 	100%{
 		transform: translateX(-100%);
 	}
 }

 @keyframes introPregunta{
 	0%{
 		opacity: 0;
 		transform: scale(2);
 	}

 	30%{
 		opacity: 1;
 		transform: scale(0.5);
 	}

 	100%{
 		transform: scale(1);
 	}
 }

 
@keyframes animarBotonesExplica{
	0%{
		opacity: 0;
		transform: scale(0);
	}


	50%{
		opacity: 1;		 
		transform: scale(1.2);
	}


	100%{
		opacity: 1;		 
		transform: scale(1);
	}
}

 @keyframes animaExplicacion{
 	0%{
 		opacity: 0;
 		transform-origin: 50% 50%;
 		transform: scale(0);
 	}

 	100%{
 		opacity: 1;		 
 		transform: scale(1);
 	}

 }

.margen-superior-0{
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.margen-inferior-0{
	margin-bottom: 0 !important;
}

.margen-superior-medio{
	margin-top: 2rem !important;
}

.centrar-align{
	text-align: center !important;
}


.izquierda-align{
	text-align: left !important;
}

.derecha-align{
	text-align: right !important;
}


.bloqueLista{
	margin-left: 2rem;
	margin-bottom: 2rem;
	line-height: 1.3rem;
 
}

.bloqueLista li{
	margin-bottom: 0.5rem; 
	margin-top: 0; 
}

.bloqueLista.textoGrande li{
	 font-family: verdana, sans-serif;
	 list-style: none;
	 font-size: 1rem;
	 margin-bottom: 0.5rem;
	 margin-top: 0.5rem;
 
}

ol.bloqueLista.textoGrande li{
	
	 list-style-type: decimal;
	 font-size: 1rem;
 
}

ol.bloqueLista.textoGrande.listaDeLetras li{
	
	 list-style-type: upper-alpha;
 
 
}

.bloqueLista.textoGrande li b:first-child{
	color: rgba(114, 34, 100, .8); 
}

.bloqueLista.textoGrande li.bold span{
	 font-size: 1.3rem; 
	 font-family: verdana, arial, sans-serif;
}

.bloqueLista .secuencia-respuesta-valor li.mas-legible{
	margin-bottom: 0;
	margin-top: 1.6rem;
}

.bloqueLista .secuencia-respuesta-valor li.mas-legible.centrar-align{
	margin-top: 0.5rem;
}
 
 

.separarSpan span{
	margin-right: 1rem;
}

.separarSpan.extra span{
	margin-right: 3rem;
}

.bold{
	font-weight: bold;
}

.separarSpan span:last-child{
	margin-right: 0;
}

.align-vertical-centrado{
	vertical-align: middle;
}

.align-vertical-arriba{
	vertical-align: top;
}

img.align-vertical-centrado, 
img.align-vertical-arriba{
	margin: 0.07rem 0.4rem;
	position: relative;
	top: -2px;
}

img.align-vertical-centrado.menosmargen,
img.align-vertical-arriba.menosmargen{
	margin: 0.07rem 0.1rem;
}

#contenidoExplicacion img.align-vertical-centrado:not(.sinMarginVertical){
	display: inline-block;
	margin: 0.3rem 0.4rem;
}

#contenidoExplicacion img.align-vertical-centrado:not(.sinMarginVertical),
#contenidoExplicacion img.align-vertical-arriba:not(.sinMarginVertical){
	display: inline-block;
	margin: 0.3rem 0.4rem;
}






 

 .fila::after, .limpiar::after{
 	content: "";
 	display: table;
 	clear: both;
 }
 

 .numeroEjercicio, .reloj{
 	float: left;
 	position: relative;
 	/* top: 1px; */
 }

 .numeroEjercicio{
 	width: 9rem;
 	margin-top: 9px;
 	color: #BBB;
 }

 .numeroEjercicio.introduccion{
 	width: 17rem;
 }

 .numeroEjercicio.introduccion.muyanchos{
 	width: 24rem;
 }

 .numeroEjercicio span{
 	font-family: 'Roboto', sans-serif;
 	font-weight: 900;

 }

.reloj{
 	width: 10rem;
 	margin-top: 9px;

 }

 .reloj .preTiempo{
 	display: inline-block;
 	 animation: relojParpadea 0.5s;
 	 animation-iteration-count: infinite;
 	 /* animation-direction: alternate; */
  }


.barra-reloj-fondo{
	display: none;
}

.barra-reloj-fondo.comenzarTiempo{
	display: block;
	animation: animaComienzaTiempo 2s;
	animation-fill-mode: both;
}

.icono-reloj{
	position: relative;
	top: 1px;
	color: #4AAD27;
}
.icono-reloj.finalizado{
	color: #CB3434;
}

 .barra-reloj-fondo{
 	position: absolute;
 	top: 1px;
 	left: 1.5rem;
	width: 10rem;
	height: 16px;
 	background: #D8D8D8;
 }

 .barra-reloj-animada{
 	transition: all 0.2s;
 	transform-origin: 0 0;
 	width: 100%;
 	height: 16px;
 	background: #4AAD27;
 }



 #ejercicios.inicial,  #home.inicial{
 	animation: FadeInGeneral 0.5s;
	animation-fill-mode:backwards;
 }

 #ejercicios header nav{
 	margin: 23px 25px 18px 19rem;
  
 }

 #ejercicios header nav ul{
 	float: right;
 }

 #ejercicios header{
 
 	-webkit-user-select: none;
 	    -moz-user-select: none;
 	    -ms-user-select: none;
 	    user-select: none; 
 }

 #ejercicios header nav li{
 	display: inline-block;
 
 }

 #ejercicios header nav a, span.boton-vacio{
 	margin-left: 1rem;
 	margin-bottom: 5px;
 	min-width: 6rem;
 	min-height: 2.2em;
 	display: inline-block;
 	transition: all 0.1s;
    
    border: 1px solid;
    border-radius: 9px;
    padding: 0.6rem 0.7rem ; 


 	text-decoration: none;
 	text-transform: uppercase;
 	color: #878787;
 	font-size: 0.85rem;

 }

 #ejercicios header nav a.bot-anterior, span.boton-vacio.anterior{
 	background: url('../imagenes/icono-anterior.svg') 8% center/0.7rem  no-repeat;
 	text-align: left;
 	padding-left: 1.6rem;
 }



 span.boton-vacio{
  	cursor: not-allowed;
  	opacity: 0.4;
  }

 

#ejercicios header nav a.bot-anterior:hover{
 	background-image: url('../imagenes/icono-anterior-hover.svg');
 	
 }

#ejercicios header nav a.bot-siguiente, span.boton-vacio.siguiente{
 	background: url('../imagenes/icono-siguiente.svg') 92% center/0.7rem   no-repeat;
 	text-align: right;
 	padding-right: 1.6rem;
 }

#ejercicios header nav a.bot-siguiente:hover{
 	background-image: url('../imagenes/icono-siguiente-hover.svg');
 }

#ejercicios header nav a.bot-inicio{
 	min-width: 6em;
 	background: url('../imagenes/icono-inicio.svg') 15% center/1.3rem  no-repeat;
 	text-align: left;
 	padding-left: 2.4rem;
 }

#ejercicios header nav a.bot-inicio:hover{
 	background-image: url('../imagenes/icono-inicio-hover.svg');
 }


#ejercicios header nav a:nth-child(3){
 	margin-left: 2rem;
 }

#ejercicios header nav a:hover{
    color: rgba(114, 34, 100, 1);
    transform: scale(1.1);
 }

 
#ejercicios header nav a.bot-siguiente.activo{
    animation: animarBotonSiguiente 0.6s;
	animation-direction: alternate;
	animation-iteration-count: infinite;
 }
 

 #ejercicios > header h1{
  	margin-bottom: 0;
 }


#ejercicios h1,#ejercicios h2, #home h1,#home h2{
	margin-top: 0.5em;	

	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	font-size: 1.3rem;
	/* line-height: 1.7rem; */
	
} 

#ejercicios h2.texto-largo{
	margin: 1rem 1.5rem 1.5rem 1.5rem;
	font-size: 1rem;
	line-height: 1.4rem;
	font-weight: normal;
	color:#828282;
}

#ejercicios h2.texto-largo b{
	font-size: 1.4rem;
	font-weight: bold;
	position: relative;
	top: 0.1rem;
}


#ejercicios h2.PreguntaConIndicacion{
 margin-bottom: 0.3rem;
}

#ejercicios h2.PreguntaConIndicacion + p.nota-peq{
	margin-bottom: 1.5rem !important;
	color: #A1A1A1;
}

.aclaracion{
	margin:  2rem 0;
	color: #808084;
}


.aclaracion ul{
	margin-left: 2rem;
}

.aclaracion p:first-child{
	margin-bottom: 0.4rem;
}


#ejercicios .planteamientoPregunta.multiple h2.texto-largo{
	margin: 0 1.5rem 0.8rem 1.5rem;
}

#ejercicios .planteamientoPregunta.soloPregunta h2{
	margin-top: 2rem;
	margin-left: 3rem;
	margin-right: 3rem;
	line-height: 1.8rem;
}

#ejercicios .planteamientoPregunta  h2 .mas-legible,
.mas-legible{
	font-family: verdana,arial, sans-serif;
}

#ejercicios .planteamientoPregunta  h2 br + .mas-legible{
	display: inline-block;
	padding: 1rem 0;
	color: #7A7B7C;
}

#ejercicios .planteamientoPregunta  h2 small{
	display: block;
	margin: 0.5rem 0;

}

#ejercicios .planteamientoPregunta .numPregunta{
	background: rgba(114, 34, 100, .8);
    padding: 0.4rem;
    color: #FFF; 
   font-size: 1.2rem;
   font-weight: bold;
}





.texto-modelo, .texto-respuesta{
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 1.4rem;

}

.texto-modelo.grande{
	font-size: 1.8rem;
}

.texto-respuesta.grande{
	font-size: 2rem;
}

.texto-respuesta.peq{
	font-size: 1.2rem;
}

.texto-respuesta.muypeq{
	font-size: 1rem;
}

 
.texto-modelo .rayita{
	margin:0 1rem;
	font-size: 1rem;
	font-weight: normal;
	letter-spacing: -0.2rem;
}

.texto-modelo{
	margin: 0 0 0.5em 0;
}

#ejercicios > header h1{
	font-size: 1rem;
	text-transform: uppercase;
	color:#BBBBBB;	
	border-bottom: 1px solid;
}

#ejercicios h1 span, #home h1 span{
	color:#A5A6A7;
	margin-left: 0.5rem;
}

#ejercicios h1 span.dificultad {
	/* color: rgba(114, 34, 100, .8); */
	font-size:0.8rem; 
	font-style: italic;
}


 

.respuestas .activarArrastre{
	cursor: pointer;	 
}

 

.respuestas .activarArrastre:hover{
	opacity: 0.6;
}


.frases-incompletas .texto-modelo{
	line-height: 2.2rem;
}


.frases-incompletas .texto-modelo .rayita{
	position: relative;
	display: inline-block;
	margin: 0 0.5rem;
	line-height: 1.15rem;
}

.frases-incompletas .texto-modelo .numero-frase{
	 position:absolute;
	 top: -0.8rem;
	 left:25%;
	 padding: 0.3rem 0.6rem 0.5rem 0.4rem;
	 width: 1.6rem;
	 height: 1.6rem;
	 border-radius: 50%  50%;
	 	
	 background: #000000;
	 color:#FFF;
	 font-weight: bold;
	 text-align: center;
	 font-size: 1.1rem;
}

.info-verde-explica{
	font-weight: bold;
	color:#578F2B;
}


/*introduccion*/
 

 .lista-explicativa, .posicionarObjetosCentrados{
 	display: flex;
 	justify-content: center;
 	flex-wrap: wrap;
 }
 
 .posicionarObjetosCentrados > div{
 	 margin: 0 1.5rem;  
 }
 

  .posicionarObjetosCentrados.tres-columnas > div{
 	 margin: 0 1rem;  
 }

 .posicionarObjetosCentrados.tres-columnas{
 	 margin-top: 2rem;
 }


 .posicionarObjetosCentrados.tres-columnas > div{
 	 width: calc(33.3% - 2rem); 
 }


 .posicionarObjetosCentrados div:first-child{
 	 margin-left: 0;
 }

 .posicionarObjetosCentrados div:last-child{
 	 margin-right: 0;
 }
 
 
 
.lista-explicativa ul, .lista-explicativa ol{
	padding: 0 2rem;
}



.texto-explica-introduccion{
	padding: 0 1rem;
	color: #676767;
	line-height: 1.5em;
}

.texto-explica-introduccion .listaDatos{
	margin-left: 3em;
	margin-bottom: 2em;
}

.texto-explica-introduccion .listaDatos li{
	margin-bottom: 0.4em;
	line-height: 1.4em;
}


 .listaDatos.letras{
	list-style-type: upper-alpha;
	margin-top: 0;
}



 
.texto-explica-introduccion .cajaImagenModelo{
	margin: 2em 0;
	background: #FFF;
}

 .secuencia-respuestas b:not(:first-of-type){
	padding-left: 1rem;
}


.texto-explica-introduccion .bloqueGrande{
	 display: flex;
	 justify-content: center;
	 flex-wrap: wrap; 

}

.texto-explica-introduccion .bloqueGrande h3{
	 font-size: 1em;
	 font-weight: normal;
	 color: #A8A8A8;
	 margin-bottom: 0;
}

.texto-explica-introduccion .bloqueGrande p{
 	 margin-top: 1rem;
	 font-size: 2em;
	 font-weight: bold;
	 line-height: 3rem;
}

.texto-explica-introduccion .bloqueGrande.largo p{
 
	 font-size: 1.3em;
 
}

.texto-explica-introduccion .bloqueGrande.textoMediano p{
 
	 font-size: 1.5em;
	 line-height: 2rem !important;
}

.texto-explica-introduccion .bloqueGrande.multiple p{
	 margin: 0;
	 padding: 1.5rem 0;
	 text-align: left;
	 line-height: 1rem;
}

.texto-explica-introduccion .bloqueGrande.textoMediano p{
	 padding: 1rem 0;
}

.texto-explica-introduccion .bloqueGrande.multiple p:not(:last-of-type){
	 border-bottom: 1px solid #BABABA;
}

.texto-explica-introduccion .bloqueGrande p span{
	 font-weight: normal;
	 margin-left: 2rem;
	 color: #8E8E8E;
}

 


 .dosColumnas{
 	display: flex;
 	justify-content: space-around;
 	flex-wrap: wrap;
 	align-items: stretch;
}

.texto-explica-introduccion.dosColumnas .columna{
 	 
 	background: #E8E8E8;
 	border-radius: 12px;
}

 .dosColumnas .columna{
  	width: 48%;
}

.columna.centradoVertical{
	position: relative;
}

.columna.centradoVertical a{
	position: absolute;
	top: 50%;
}

.ver-respuesta{
	transition: all 0.3s;
	display: inline-block;
	text-decoration: none;
	margin-top: 0.5em;
	padding: 0.7em 0.9em 0.6em 0.9em;
	background: #E1E1E1;
	border: 1px solid #FFFFFF;
	border-radius: 8px;
	color: #535353;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
	text-transform: uppercase;
	font-size: 0.8rem;
	font-weight: bold;
	font-family: verdana, sans-serif;
}

.ver-respuesta:hover{
	transform: scale(1.1);
	background: #5B5B5B;
	color: #FFF;
}


.ver-respuesta:active{
	transform: scale(1);
	background: #5B5B5B;
	color: #FFF;
}


.texto-explica-introduccion.dosColumnas .columna:nth-child(1){
  margin-right: 1%;
}

.texto-explica-introduccion.dosColumnas .columna:nth-child(2){
  margin-left: 1%;
}

.opciones-explica-columnas{
	position: relative;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	text-align: left;
	margin-top: 1em;
}

.opciones-explica-columnas .col-explica{
	width: 25%;
}

.opciones-explica-columnas .col-explica h2{
	margin: 0;
}

.opciones-explica-columnas .col-explica p,
.explicacion-respuestas-largas .col-explica{
	margin-top: 0.2em;
	font-size: 0.8rem;
    line-height: 1.4em;
}

.texto-explica-correcto-oculto{
	display: none;
	color: #1F9516;
	font-weight: bold;
}

.texto-explica-correcto-oculto.mostrar{
	display: inline;
	animation: FadeInGeneral 1s;
	animation-fill-mode:backwards;
}

.texto-explica-oculto{
	display: none;
	color: #D93C3C;
	font-weight: bold;
}

.texto-explica-oculto.mostrar{
	display: inline;
	animation: FadeInGeneral 1s;
	animation-fill-mode:backwards;
}

.opciones-explica-columnas .col-explica:not(:last-of-type) p{
	padding-right: 1.2em;
}



.dosColumnas .ejercicio-ejemplo{
	 padding: 0.5rem 1rem;
	 background: none;
     border-radius: 0;
}

.texto-explica-introduccion.dosColumnas .ejercicio-ejemplo-explicacion{
	margin-top: 0;
}

.texto-explica-introduccion.dosColumnas .ejercicio-ejemplo-explicacion.refranes{
	background: none;
	padding: 0.5em;
}

.texto-explica-introduccion.dosColumnas 
.ejercicio-ejemplo-explicacion.refranes textarea{
	width: 100%;
}


.explicacion-respuestas-largas .dosColumnas,
.explicacion-respuestas-largas .tresColumnas{
	display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    align-items: stretch;
}

.explicacion-respuestas-largas .dosColumnas .columna{
	width: 50%;
}

.enmarcado{
	 padding: 0.5rem 1rem;
	 margin-bottom: 2rem;
	 border: 1px dotted #BEBEBE; 
}

.dosColumnas.anchura30-70 .columna:nth-child(1){
	width: 30%;
	padding-right: 1rem;
}

.dosColumnas.anchura30-70 .columna:nth-child(2){
	width: 70%;
}

.dosColumnas.anchura70-30 .columna:nth-child(1){
	width: 70%;
}

.dosColumnas.anchura70-30 .columna:nth-child(2){
	width: 30%;
	padding-left: 1rem;
}

.dosColumnas.anchura60-40 .columna:nth-child(1){
	width: 60%;
}

.dosColumnas.anchura60-40 .columna:nth-child(2){
	width: 40%;
	padding-left: 2rem;
}


.dosColumnas.anchura40-60 .columna:nth-child(1){
	width: 40%;
}

.dosColumnas.anchura40-60 .columna:nth-child(2){
	width: 60%;
}


 .tresColumnas .columna{
	width: 30.3%;
}

  .tresColumnas .columna:not(:last-of-type){
	margin-right: 3%;
}

.explicacion-respuestas-largas .dosColumnas .columna img,
.explicacion-respuestas-largas .tresColumnas .columna img{
	max-width: 100%;
}



 .explicacion-respuestas-largas .dosColumnas .columna .pregunta-dos-columnas{
	text-align: left;
	font-size: 0.9rem;
	line-height: 1.4em;
	font-weight: bold;
}

 
.texto-explica-introduccion h2, .texto-explica-introduccion h3{ 
	 font-family: 'Roboto', sans-serif;
	 font-weight: 900;
	 line-height: 1.7rem;
}

.texto-explica-introduccion h3 i{ 
	 font-weight: normal;
	 font-style: normal;
}

.texto-explica-introduccion h2{ 
	 font-size: 1.4em;
}

.texto-explica-introduccion h2+h3{ 
	 margin-top: -1rem;
	 font-size: 1.2em;
	 color: rgba(114, 34, 100, .8);
}

 
.texto-explica-introduccion h4{ 
	 margin-bottom: 0;
	 font-size: 1.2em;
	 color: #858585;	 
}

.texto-explica-introduccion h4+p{ 
	 margin-top: 0.2em;
}

.texto-explica-introduccion p{
	font-family: verdana, sans-serif;
	font-size: 1rem;
}
 

.grafico-explicacion{
	 text-align: center;
	 line-height: 1rem;
}




.grafico-explicacion img{
	width:70%;
}

.grafico-explicacion small{
	display: block;
    font-size: 1rem;
    color: #878787 ;
	margin: 0.8rem 0 1rem 0;
}

 
.grafico-explicacion img.cienXcien{
	width:100%;
}

.grafico-explicacion img.MaxcienXcien{
	max-width:100%;
	width:auto;
 
}

.grafico-explicacion img.Max60Xcien{
	max-width:60%;
	width:auto;
 
}


h1 + .grafico-explicacion{
	margin-top: 2rem;
}

.textoExplicacion .grafico-explicacion{
	margin-bottom: 1rem;
}


.textoExplicacion .grafico-explicacion +p{
	margin-top: 1.3rem;
}

.significado{
	color: #878787;
	text-align: right;
	display: flex;
	justify-content: flex-end;
}

.significado p{
  margin: 0;
}

.significado p b{
  color: #444444;
}


.significado p:nth-child(1){
  /* width: 7rem */
  margin-right: 1rem;
  margin-top: 0.2rem;
}

.significado p:nth-child(2){
	/*  width: 7rem; */
 
     line-height: 1.5rem;
	 text-align: left;

}

.textoExplicacion .nota{
	margin: 0 20% 2rem 20%;
	padding: 1rem;
	background: #2A2A2A;
	border-radius: 20px;

}


.textoExplicacion .nota b{
	color: #FCFCFC;
}

.textoExplicacion .subirLetra{
	 display: inline-block;
	 position: relative;
	 top: -0.2rem;
	 font-weight: bold;
	 font-size: 1rem;
}

.EjemploBreve{

	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 2rem;
	margin-top: 1rem;
 
}

.EjemploBreve > div{
 
	padding: 0.5rem 1rem 0 1rem;
	border: 1px  dashed #A9A9A9;
}

.EjemploBreve p{
	margin: 0;
}

.EjemploBreve p:first-of-type{
	text-transform: uppercase;
	font-size: 0.8rem;
	text-align: center;
	color: #8A8A8A;
}

.EjemploBreve p:not(:first-of-type){
	 margin-bottom: 1rem;
 
}


 
.texto-explica-introduccion .ejercicio-ejemplo-explicacion{
	margin-top: 2rem;
	padding: 1rem;
	background: #F0F0F0;
	text-align: left;
	font-size: 0.9rem;
	line-height: 1.5em;
	
}

.texto-explica-introduccion .ejercicio-ejemplo-explicacion.refranes{
	text-align: center;
}

.texto-explica-introduccion .ejercicio-ejemplo-explicacion.refranes textarea{
	margin-top: 1em;
	padding: 1em;
	text-align: left;
	width: 70%;
	height: 6em;
	border:none;
	outline: none;
	font-size: 1.1em;
	color:#888787;
	line-height: 1.5em;
}

.ver-definicion{
	 margin-top: 0;
	 padding: 0 1rem 1rem 1rem;
	 text-align: left;	
}

.ver-definicion a{
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.8rem;
	color: #747474;
	transition:all 0.5s;
}


.ver-definicion a:hover{
	color: rgba(114, 34, 100, 1);
}

 

.ver-definicion .icon-spellcheck{
	position: relative;
	top:0.3rem;
	font-size: 1.3rem;
}
 
table.tablaCaracteristicas{
	margin: 0 auto;
	color: #484848;
}

table.tablaCaracteristicas tr:first-of-type th{
  padding: 0.4rem 0.4rem 0.5rem 0.6rem;
  font-size: 0.8rem;
  color: #FFF;
  background: rgba(114, 34, 100, 1);
}


table.tablaCaracteristicas td{
	transition: all 0.5s;
	padding: 0.4rem 0.4rem 0.4rem 0.6rem;
}

table.tablaCaracteristicas tr:nth-child(even) td{
	background: #CFCFCF;

}

table.tablaCaracteristicas tr:nth-child(odd) td{
	background: #ECECEC;
}

table.tablaCaracteristicas td:hover{
	background: #FFF !important;
}

.ejercicio-ejemplo{
	font-family: verdana, sans-serif;
	font-size: 1rem;
	position: relative;
	padding: 1rem 2.5rem;
	margin:2rem 0;
	border-radius: 12px;
	border: dotted 8px #E7E8ED;

}

.ejercicio-ejemplo .bloqueLista{
 	margin-bottom: 0;
}

 

.texto-explica-introduccion p.ejercicio-ejemplo-pregunta{ 
	font-weight: bold;
	margin-bottom: 0;
	font-size: 0.9rem;
	color: rgba(114, 34, 100, 1);
}

.texto-explica-introduccion p.ejercicio-ejemplo-pregunta:not(:first-of-type){ 
	margin-top: 2rem;
 
}

.texto-explica-introduccion .indicador{
	margin-top: 1.5rem;
	font-size: 0.8rem;
	text-transform: uppercase;
	text-align: center;
}

.texto-explica-introduccion .indicador:first-child{
	margin-top: 0;
 
}

.texto-explica-introduccion p.ejercicio-ejemplo-opciones{
	margin-top: 0;
	font-size: 0.9rem;
	text-align: center;

}

.ejercicio-ejemplo.lista ol{
	margin: 0 4em;
	list-style-type: lower-alpha;
 
}

.ejercicio-ejemplo-opciones span{
	display: inline-block;
}

.ejercicio-ejemplo-opciones .correcta{
	color: #0D7325;
	font-weight: bold;
	 
}

.ejercicio-ejemplo-opciones.variaslineas{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;

}

.ejercicio-ejemplo-opciones.variaslineas span{
	display: block;
	text-align: right;
}


.ejercicio-ejemplo-opciones span::first-letter{
	font-size: 1.1rem !important;
	font-weight: bold;
	color: #939292;

}



.texto-explica-introduccion p.ejercicio-ejemplo-opciones.largas{
	text-align: left;
}

.texto-explica-introduccion p.ejercicio-ejemplo-opciones.largas span{
	display: block;
	margin-left:5%;
}
 

.ejercicio-ejemplo-opciones{
	color: #3D3D3D;
}

.ejercicio-ejemplo-opciones + h3{
	margin-top: 3rem;
}

 
.ejercicio-ejemplo-opciones span:not(:last-of-type){
	margin-right:2rem; 
}

.ejercicio-ejemplo-opciones span::first-letter{
	font-size: 1.1rem;
	font-weight: bold;
	color: #939292;

}
 
  
 
.ejercicio-ejemplo-opciones span b{
	font-size: 1rem;
	
	color: #8F8F8F;

}

.texto-explica-introduccion .centrar-align:first-child{
 	margin-top: 1.5rem;
}

.texto-explica-introduccion p.ejercicio-ejemplo-textomodelo{
	 
	padding: 0.6rem 0.9rem;
	display: inline-block;
	margin:0;
	border-radius: 12px;
	font-weight: bold;
	font-size: 1.1rem;
 
}


.texto-explica-introduccion p.ejercicio-ejemplo-textomodelo b{
	font-size: 1rem;
	color: rgba(114, 34, 100, 1);
}

.texto-explica-introduccion p.ejercicio-ejemplo-textomodelo + p:not(.ejercicio-ejemplo-textomodelo){
 	margin-top: 2rem;
}

.texto-explica-introduccion p.nota{
	line-height: 1.3em;
}


.rojo{
	color: #CC0000;
}

.verde{
	color: #00CC00;
}

.azul{
	color:#0099FF;
}


 
    

/*home*/


#home section header h1, #ejercicios section header h1{
	font-size: 2.5rem;
	animation: introPregunta 1s; 
	animation-delay: 0.6s;
	animation-fill-mode: both;
}

#home.inicial{
	 margin-top: 30px; 
}

.boton-home{
	display:inline-block;
}

div.boton-home  a{
	animation: introPregunta 0.4s; 
	animation-fill-mode: backwards;
}

div.boton-home:first-of-type a{
 	animation-delay: 1s;
}


div.boton-home:last-of-type a{
 	animation-delay: 1.2s;
}
 


.boton-home a, .boton-menu-general{
	transition: all 0.2s;
	display: block;
	margin: 0.2rem 0.8rem;
	padding: 1.5rem;
	background: rgba(114, 34, 100, .8);
 	 box-shadow:  0 0 7px 1px rgba(0, 0, 0, 0.2);
	border-radius: 15px;
	border: 2px solid #F0F0F0;
	text-decoration: none;
	font-weight: bold;
	color: rgba(255, 255, 255, 0.9);
}

.menu-general.reducir a.boton-menu-general{
	margin: 0.2rem;
	padding: 1rem;
}


.boton-home a span{
	position: relative;
	top: 0.15rem;
}

.boton-home a:hover, .boton-menu-general:hover{

	 transform: scale(1.1);
	 background: rgba(114, 34, 100, 1);
	 color: rgba(255, 255, 255, 1);
	 box-shadow:  3px 3px 7px 1px rgba(0, 0, 0, 0.2);
}

.boton-home a:active, .boton-menu-general:active{
	transform: scale(1);
}


/* fin home*/


/*menu general*/
.menu-general{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;
}

.menu-general.ancho .boton-menu-general{
	width: 14rem;
}

.boton-menu-general{
	width: 11rem;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 1.3rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;

	font-size: 1.2rem;
}

.boton-menu-general span{
	align-self: center;
}

.boton-menu-general em{
	font-size: 0.8rem;
	font-style: normal;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
	text-transform: uppercase;
}

.boton-menu-general i{
	font-style: normal;
 	color: rgba(255, 255, 255, 0.5);
}



/*contenido*/
.contenido{
	overflow: hidden;
	position: relative;
	animation: FadeInGeneral 0.5s;
	animation-delay: 0.5s;
	animation-fill-mode:backwards;

	border: 1px solid #DADADA;
	border-radius: 20px;
	background: #FFF;
	padding: 0.5rem 1rem;
}

.contenido.con-texto.frases-incompletas{
	padding-bottom: 0;
}

.contenido.con-texto.frases-incompletas.lineaCorta{
	padding-bottom: 1rem;
}

/* reduccion para que no aparezca scroll vertical */
#ejercicios .contenido.reducido .texto-explica-introduccion h2{
 
	margin-bottom: 0.5rem;
}

#ejercicios .contenido.reducido h2 +p{
	margin-bottom: 0;
	margin-top: 0;
	line-height: 1.5em;
	font-size: 0.85rem;
}



#ejercicios .contenido.reducido .planteamientoPregunta{
	margin-bottom: 0.6rem;
}

#ejercicios .contenido.reducido .cajaImagenModelo p{
	margin-top: 0.6rem;
}

#ejercicios .contenido.reducido .respuestas label{
	font-size: 1.6rem;
}

#ejercicios .contenido.reducido h2.texto-largo{
	margin-bottom: 0.8rem;
}

#ejercicios .contenido.reducido .respuestas.con-texto > div{
	margin-top: 0;
}

.respuestas.maximoAncho-140 img{
	max-width: 140px;
}

 
/* fin reduccion para que no aparezca scroll vertical */

.planteamientoPregunta{
	 margin-left: 2rem;
	 margin-right: 2rem;
}

.planteamientoPregunta, .opciones-home{
	position: relative;
	/* margin-bottom: 1.5em; */
	/* text-align: center; */
	font-size:1.5rem;
	color: #5B5B5B;
}

 .opciones-home{
	text-align: center;
	margin-bottom: 1.5em;
}

.planteamientoPregunta.multiple{
    margin-top: 0.7rem;
    margin-bottom: 1.2rem;
}

.planteamientoPregunta.menorMargenBottom{
    margin-bottom: 0.8rem;
}

  


 

.previo-pregunta-omnibus,
.previo-pregunta-general{
	font-family: verdana, arial, sans-serif;
	color: #A8A8A8;
	margin: 0 2rem 1rem 2rem;
	font-size: 0.8rem;
	line-height: 1.1rem;
}

.previo-pregunta-general img{
 	display: block;
 	float: left;
}
 

.previo-pregunta-omnibus p:first-of-type{
	  padding-left: 70px;
	  padding-top: 5px;
	  min-height: 82px;
	  background: url('../imagenes/omnibus/calculadora.png');
	  background-repeat: no-repeat;
	  background-position: 0 0;
}

.cajaImagenModelo{
	display: inline-block; 
	border: 4px dashed #DDDDDD;
	padding: 0.6rem 1rem 0 1rem ;
	border-radius: 20px;
}


.cajaImagenModelo:first-child{
	margin-top: 2rem;
}

#ejercicios .cajaImagenModelo +  h2{
	margin-bottom: 0;
	margin-top: 2rem;
}


.cajaImagenModelo h3{
	 margin: 0 0 0.5rem 0;

}

.cajaImagenModelo .separar-palabras{
	 word-spacing: 0.4rem;
}

.cajaImagenModelo .ejercicio-ejemplo-opciones{
	 line-height: 2rem;
}
  

.multiple .cajaImagenModelo{
	padding: 0.5rem 1rem 0 1rem ;
}

.multiple .cajaImagenModelo p{
	margin-bottom: 0.5rem;
}

.cajaImagenModelo p{
	margin: 0 0.5rem;
	font-size: 1.2rem;
	font-weight: bold;
}


.cajaImagenModelo p:last-of-type{
	margin: 1rem 1rem;

}

.planteamientoPregunta div.cajaImagenModelo.primera{
	margin-bottom: 1rem;
}



.cajaImagenModelo > div:first-of-type{
	text-transform: uppercase;
	color: #BABABA;
	font-size: 0.8rem;
	margin-bottom: 0.5rem;	
}

.cajaImagenModelo > div.vacio{
 
	margin-bottom: 0;	
}

.cajaImagenModelo img{
 	max-width: 100%; 
}

 
 

.texto-explica-introduccion blockquote{
	margin: 0;
	padding: 0.8em;
	background: #F1F1F1;
	border: 2px dashed #DADADA;
	border-radius: 12px;
	color: #3D3D3D;
	font-size: 0.9rem;
	font-family: verdana, sans-serif;
	line-height: 1.5em;

}

.texto-explica-introduccion blockquote p{
	font-size: 0.9rem;
	}


 
/* respuestas */




.respuestas{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	text-align: center;
}

.respuestas.alinearAbajo{
	align-items: flex-end;
}

.respuestas.img-ancha div img{
	 max-width: 100%;
	 display: inline-block;
}


.respuestas.con-texto.cinco{
 	flex-wrap: nowrap;
}

.contenido .dosColumnas .columna:nth-child(2) .grafico-explicacion{
  padding-left: 1rem; 
}


.respuestas.masPequena .texto-respuesta{
 	font-size: 1.2rem;
}

.respuestas.con-texto.tres-largas{ 
	/* en realidad sirve para 3 o mas respuestas 
	IMPORTANTE: requiere alterar el orden de los elementos para que primero esté el label y luego el texto*/
 	 display: block;
 	 margin-left: 2.5rem;

}

.respuestas.con-texto.tres-largas div{  
 	 margin-bottom: 2rem;

}

.respuestas.con-texto.tres-largas label{
	float: left;
	width: 1.8em;
}


.respuestas.con-texto.tres-largas .texto-respuesta{
 	position: relative;
    top: 0.8rem;
 	margin-left: 4em;
 	text-align: left;
 	font-size: 1.2rem;
}

.respuestas.con-texto.tres-largas.lineaUnica .texto-respuesta{
    top: 1.2rem;
}

.respuestas.letrasGrandes .texto-respuesta{
	font-size: 2rem;
}

.respuestas.vertical{
	 flex-direction: column;
	 justify-content: center;
}


.respuestas.con-texto.vertical div{
	 width: 100%;
}


 

.respuestas.multiple{
	 padding-bottom: 0.5rem;
	 justify-content: center;
}

.respuestas.con-texto:not(.cinco){
	margin-left: 15%;
	margin-right: 15%;
}
 

/*respuestas con varias lineas de texto*/

.respuestas.varias-lineas label{
  font-size: 1.7em;
  width: 1.7em;

}

.respuestas.varias-lineas .texto-respuesta{
	font-size: 0.9em;
	line-height: 1.3em;
	font-weight: normal;
	text-align: left;
	font-family: verdana, sans-serif;
	color: #575757;
}


.respuestas.con-texto.varias-lineas{
	margin-left: 0 !important;
	margin-right: 0 !important;
}
 

.respuestas.con-texto.varias-lineas > div{
	margin: 0.3em 0;

}

.respuestas.con-texto.varias-lineas > div:last-of-type{
	margin-bottom: 1em;
}
 


/*respuestas con texto de frase larga*/


 
.respuestas > div{
	margin-bottom: 2em; 
}

.respuestas.con-texto > div img{
	display: block;
}


 
.respuestas > div{
	animation: introPregunta 0.4s; 
	animation-fill-mode: backwards;
}

.respuestas > div:nth-child(1){
	animation-delay: 1.2s;
}
.respuestas > div:nth-child(2){
	animation-delay: 1.4s;
}
.respuestas > div:nth-child(3){
	animation-delay: 1.6s;
}
.respuestas > div:nth-child(4){
	animation-delay: 1.8s;
}
.respuestas > div:nth-child(5){
	animation-delay: 2s;
}
.respuestas > div:nth-child(6){
	animation-delay: 2.17s;
}
.respuestas > div:nth-child(7){
	animation-delay: 2.35s;
}
.respuestas > div:nth-child(8){
	animation-delay: 2.5s;
}
.respuestas > div:nth-child(9){
	animation-delay: 2.65s;
}


.respuestas input{
	display: none;
}


.respuestas label{
	position: relative;
	box-sizing: content-box;
	padding: 0.2em;
	 
	width: 2em;
	border-radius: 12px;

	background: radial-gradient(#F9F9F9,#EFEFEF);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	transition: all 0.2s;
	font-size: 2em;

	-webkit-user-select: none;
	-moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none; 
}

.respuestas.multiple label {	 
	width: auto;
	font-size: 1.1em;
	padding: 0.5em;
	font-weight: bold;
	margin: 0 auto;
}

.respuestas.tres-largas label {	 
	font-size: 1.6em; 
}

.respuestas label span{
	color: #767676;
	font-family: 'Passion One', sans-serif;

}

.respuestas.multiple label span{
	color: #767676;
	font-family: 'Cabin', sans-serif;

}

.respuestas label.activo{
	cursor: pointer;
	}
 
.respuestas label.activo:hover{
 	background: radial-gradient(#F9F9F9 60%,#EFEFEF);
	 /* transform-origin: center bottom; */
 	 transform: translateY(-10%)  translateX(2%) scale(1.2);
 	 box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.4);
}


.respuestas img, .respuestas label{
	display:block;
	margin: 0.4em auto; 
}


.respuestas b{
	 color:  rgba(114, 34, 100, .8); 
}
 
    
.respuestas.con-texto > div{
	 width: calc(50% - 2em);	
	 margin: 1em 1em 1.8em 1em;
}

    
.respuestas.con-texto.centrarCajas > div > div{
	   display: inline-block;
}

.respuestas.con-texto.varias-lineas > div{
	 width: calc(50% - 1em);	
}

.respuestas.con-texto.tres-largas > div{
	 width: 100%;
	 margin-top: 0;	
	 margin-bottom: 0;
}

.respuestas.con-texto.tres-largas > div:last-of-type{
	 
	 margin-bottom: 2rem;
}


.respuestas.con-texto.tres-largas > div::after{
	content: "";
	display: table;
	clear: both;
}
 

.respuestas.con-texto.multiple> div{
	 width:auto;
	 padding: 0.5em;	
	 margin: 1em 0.2em 1.4em 0.2em;

}
 
  
.respuestas label.correcta{
	  background: #3A9F54;
	  animation-name: botonCorrecto;
	  animation-duration: 0.6s;
	  animation-direction: alternate;
	  animation-iteration-count: infinite;
}

   

.respuestas label.correcta span{
	  color: #FFF;
}

.icon-smile{
	margin: 0;
	padding: 0;
	font-size: 0em;
}

.icon-smile::before {
  animation: RespuestaIcono 1s;
  color: #3A9F54;
   font-size: 2rem;
  position: absolute;
  top: 120%;
  left: 30%;
}


.respuestas label.fallo{
	  background: #D75656;
}


.respuestas label.fallo span{
	  color: #FFF;	
}
.icon-sad{
	margin: 0;
	padding: 0;
	font-size: 0em;
}
 
 .icon-sad::before {
  animation: RespuestaIcono 1s;
  color: #D75656;
  font-size: 2rem;
  position: absolute;
  top: 120%;
  left: 30%;
}

.respuestas.multiple .icon-sad::before, .respuestas.multiple .icon-smile::before {
	left: 40%;
}

.respuestas.multilinea .icon-sad::before, .respuestas.multilinea .icon-smile::before {
	left: 15%;
	font-size: 1.8rem;
}

 .respuestas.con-texto.varias-lineas .icon-smile::before,
 .respuestas.con-texto.varias-lineas .icon-sad::before{
   top: 20%;
   left: 120%;
 }
 

.respuestas.con-texto .icon-smile::before,
.respuestas.con-texto .icon-sad::before{
  top: 115%;
}


.respuestas.con-texto.tres-largas .icon-smile::before,
.respuestas.con-texto.tres-largas .icon-sad::before{
  	left: -80%;
  	top: 5%;
}




/*explicacion*/

.botonesExplica,
#botVerExplicacion,
.botVerExplicacion, 
#contenidoExplicacion,
.contenidoExplicacion{
	display:none;
}

.botonesExplica.mostrar,
#botVerExplicacion.mostrar,
.botVerExplicacion.mostrar,
#contenidoExplicacion.mostrar,
.contenidoExplicacion.mostrar{
	display:block;
 
}

.botonesExplica.mostrar{
 
	position: relative;
	z-index: 1000;
}

#contenidoExplicacion.mostrar,
.contenidoExplicacion.mostrar{
	animation:  animaExplicacion 0.2s;
	animation-delay: 0.2s;
	animation-fill-mode: both;
}


#OcultarExplicacion,
.OcultarExplicacion{
	border-radius: 10px 10px 0 0;
	border-bottom: 1px solid  rgba(90, 90, 90, 1.0);
	background: url('../imagenes/icono-mover.svg') 1.3rem center/24px 24px no-repeat,#2D2D2D;
	text-align: right;
	margin-bottom: 0.5em;
	padding: 0.5em;
}

#OcultarExplicacion a,
.OcultarExplicacion a{
	transition: all 0.5s;
 
	text-decoration: none;
	color: rgba(255, 255, 255, 0.8);
	letter-spacing: 0.1em;
 
	text-transform: uppercase;
	font-size: 0.8rem;
}

#OcultarExplicacion a:hover,
.OcultarExplicacion a:hover{
    color: rgba(255, 255, 255, 1);
}

#botOcultarExplicacion,
.botOcultarExplicacion{
	padding: 0.9em;
}

#contenidoExplicacion,
.contenidoExplicacion{
	position: absolute;
	top: 10%; left: 5%;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
	width: 90%;
	background: rgba(74, 74, 74, 1.0);
	color: #F7F7F7;
	border-radius: 10px;
	z-index: 9999;
}

#contenidoExplicacion .textoExplicacion,
.contenidoExplicacion .textoExplicacion{
	padding: 0.5rem 1.5rem 0.5rem 1.5rem;
}

#contenidoExplicacion ol,
#contenidoExplicacion ul{
 	margin-left: 2rem;
	font-family: verdana, sans-serif;
	 font-size: 0.8rem;
	 line-height: 1.2rem;
 
}

 

#contenidoExplicacion li {
  padding-bottom:  .5rem; 
}



#contenidoExplicacion p,
.contenidoExplicacion p{
	text-align: left;
	font-family: verdana, sans-serif;
 	line-height: 1.2rem;
 	font-size: 0.8rem;
}

#contenidoExplicacion h1,
#ejercicios .contenidoExplicacion h1{
	margin-top:0;
	text-align: left;
	color: #939393;
	font-size: 1.2rem;
}

#contenidoExplicacion h2,
#ejercicios .contenidoExplicacion h2{

	margin: 0;
	text-align: left;
	color: #FBFBFB;
	font-size: 0.9rem;
}

#contenidoExplicacion h2:not(:first-of-type),
#ejercicios .contenidoExplicacion h2:not(:first-of-type){
 
 	padding-top: 1rem;
 	border-top: 1px #DBDBDB dashed;
 	
}

#contenidoExplicacion h2 + p,
#ejercicios .contenidoExplicacion h2 + p{
	margin-top: 0.2rem;
 
}

#contenidoExplicacion h2 + .grafico-explicacion,
#ejercicios .contenidoExplicacion h2 + .grafico-explicacion{
	margin-top: 0.5rem;
 
}







#contenidoExplicacion:hover,
.contenidoExplicacion:hover{
    cursor:move;   
}

#contenidoExplicacion:active,
.contenidoExplicacion:active,
#contenidoExplicacion:active #OcultarExplicacion,
.contenidoExplicacion:active .OcultarExplicacion{ 
	background: rgba(74, 74, 74, 0.7);
   
}

#OcultarExplicacion a .icon-cancel-circle,
.OcultarExplicacion a .icon-cancel-circle{
	position: relative;
	top: -2px;
	font-size: 1.5em;
	margin-right: 0.3em;
	vertical-align: middle;
}

#contenidoExplicacion.superposiciones .textoExplicacion img{
	background: #FFF;
	padding: 2rem;
}

.ejercicio-ejemplo .textoExplicacion b{
	color:#FFF;
	font-size: 0.9rem;
}


.botonesExplica{
	text-align: center;
}

.botonesExplica a{
	position: absolute;
	left: calc(50% - 5.2rem);
	bottom: -6rem;
	padding: 1rem 1rem 0.7rem 1rem;
	border-radius: 15px;
	background: rgba(114, 34, 100, 0.8);
	border: 2px solid rgba(255, 255, 255, 0.7);
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);

	text-decoration: none;
	color: #FFF;
	letter-spacing: 0.1rem;
 
	text-transform: uppercase;
	font-size: 0.9rem;

}

.botonesExplica.mostrar a{
	transition: all 0.2s;
 	animation: animarBotonesExplica 1s;
	animation-delay: 1s;
	animation-fill-mode: backwards;
 
 }

.botonesExplica.mostrar  a:hover{
 
 	transform: scale(1.1);
 	background: rgba(114, 34, 100, 1);
 	box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.4);
	
  }

.botonesExplica .icon-question2{
    display: block;
	font-size: 2em;
	margin-top: 0.5rem;
	vertical-align: middle;
	color: rgba(255, 255, 255, 0.8);
}







footer{
	margin-top: 45px;

	animation: FadeInGeneral 0.5s;
	animation-delay: 0.5s;
	animation-fill-mode:backwards;
}

footer.reducido{
	margin-top: 15px;
 
}

footer p{
	font-family: Verdana, sans-serif;
	color: #B3B3B3;
	text-align: center;
	font-size: 0.7em;
}

footer.reducido p{
	margin-bottom:0;
	margin-top:0.2rem;
	font-size: 0.6em;
}

/*-*-*-*--*-*-*-*-*-**-*/
/*MediaQueries*/

@media screen and (max-width: 1000px){
	.respuestas.con-texto:not(.cinco){
		margin-left: 15%;
		margin-right: 15%;
	}
}

@media screen and (max-width: 960px){
 	
 	section.comprension  nav span{
 		display: block;
 		float: none;
 		margin-bottom: 1em;
 	}

 	section.comprension  nav .menu-comprension{
 		 
 		float: left;
 	}

 	.grafico-explicacion img.MaxcienXcien{
 		max-width: 100% !important;
 
 	}

  
}


@media screen and (max-width: 900px){
 
	.respuestas.con-texto:not(.cinco){
		margin-left: 10%;
		margin-right: 10%;
	}


	.textoExplicacion .nota{
		margin: 0 4% 2rem 4%;
	
	}

	.texto-explica-introduccion .bloqueGrande p span{
		 display: block;
		 margin-left: 0;
	}

}

 

@media screen and (max-width: 750px){
	
	.dosColumnas:not(.mantenerFijo) .columna{
		width: 100% !important;
	}

	.respuestas.con-texto.tres-largas > div:last-of-type{
		margin-bottom: 0;
	}

	.respuestas.con-texto.tres-largas .texto-respuesta{
		top: 1.2rem;
	}

	.significado{
	  display: block;
	  text-align: left;
	}

	.significado p{
	  margin: 0.5rem 2rem;
	}
 	
	.contenido{
		margin-top: 1em
	}


 	#ejercicios header nav:not(.noresponsive) {
	 	width: 100%;
		 margin: 40px 0 0 0;
		 clear: both;

	}
	
	#ejercicios header nav ul:not(.noresponsive){
	 	text-align: center;
		float: none;
		padding-top: 2rem;
	}
	
	#ejercicios header nav li:nth-child(1) a,  nav li:nth-child(1) span.boton-vacio{
		margin-left: 0;
	}


	.respuestas.con-texto:not(.cinco){
		margin-left: 5%;
		margin-right: 5%;
	}

	.respuestas.con-texto.cinco {
	    flex-wrap: wrap;
	    margin-left: 5%;
	    margin-right: 5%;
	}

	.respuestas.con-texto.cinco > div {
	   /*  width: calc(33.3% - 2em); */
	   width: auto;
	    
	} 

 
	section.comprension .comprension-col-1,
	section.comprension .comprension-col-2,
	.inicial section.comprension .comprension-col-1,
	.inicial section.comprension .comprension-col-2 {
		float: none;
		width: 100%; 
	}



	 section.comprension .comprension-col-2 img{
		margin-bottom: 1em;
	}

	.posicionarObjetosCentrados.tres-columnas > div{
		 width: auto; 
		 margin-bottom: 2rem;
	}

	.texto-explica-introduccion .bloqueGrande p{
		font-size: 1.3rem;
		line-height: 1.7rem;
	}



} 




@media screen and (max-width: 680px){
 	
 	.respuestas.con-texto,
 	.respuestas.con-texto.cinco{
 		margin-left: 0;
 		margin-right: 0;
 	}

 	.fila{
 		margin-top: 22px;
 	}


	.texto-explica-introduccion {
	    padding: 0.4rem 0.5rem;
	}




	.grafico-explicacion img{
		width:100%;
	}



	.respuestas.multilinea .linea-respuesta .texto-respuesta{
		display: block !important;
	}


	.respuestas.multilinea .icon-sad::before,.respuestas.multilinea .icon-smile::before {
	   top: 10%;
	   left: 120%;
	}

	.respuestas.multilinea .linea-respuesta{
		 margin-bottom: 0.5rem;
	}


@media screen and (max-width: 550px){
	.lista-explicativa ul, .lista-explicativa ol{
		display: block;
		width: 100%;
	}


	 .columna.centradoVertical {
		text-align: center;
		margin-bottom: 2rem;
	}

	 .columna.centradoVertical a{
		position: static;
	}


}