/*Media Queries*/
@media screen and (max-width: 1586px) and (max-height: 700px){

	/*section.lienzo .contenedor article img{
			width: 70%;
		}*/

	/*section.lienzo .contenedor aside p.parrafo-port {
	    font-size: 1.3rem!important;
	    line-height: 1.6rem!important;
	    padding-bottom: 1rem!important;
	}*/

}


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

	body{
		font-size: 1.4rem; 
	}

	img.reconstruccion-esc{
		width: 6rem;
		bottom:7rem;
		right:1rem;
	}

	.header-section{
		grid-template-columns: 70px 1fr 1fr 1fr 1fr 1fr 1fr 80px;
		grid-template-rows: 110px 1fr 60px;
	}

	h1{
		font-size: 3rem;
	}

	h2{
		font-size: 2rem;
	}

	.capitulo-cover h2{
		/*font-weight: 300;*/
		font-size: 2.5rem;
		/*line-height: 1.4;*/
	}

	.capitulo-cover h2.-size{
		font-size: 2rem;
	}

	.header-section-bottom{
		font-size: 1.5rem;	
	}

	/*Contenido Capitulos*/

	section.lienzo.gestion .contenedor,
	section.lienzo.cyps .contenedor,
	section.lienzo.energia .contenedor,
	section.lienzo.quimicos .contenedor,
	section.lienzo.socioeconomicos .contenedor,
	section.lienzo.acuaticos .contenedor,
	section.lienzo.biodiversidad .contenedor,
	section.lienzo.mineria .contenedor,
	section.lienzo.cclimatico .contenedor,
	section.lienzo.suelos .contenedor,
	section.lienzo.bosques .contenedor,
	section.lienzo.anp .contenedor,
	section.lienzo.residuos .contenedor,
	section.lienzo.atmosfera .contenedor,
	section.lienzo.agyp .contenedor,
	section.lienzo.prologo .contenedor{
		grid-template-columns: 70px 1fr 1fr 1fr 80px;
		grid-template-rows: 110px 1fr 60px!important;
	}

	
	p.cerrar a{
		font-size: 2rem;	
	}

	section.lienzo .contenedor aside h2{
		font-size: 2.4rem;
		/*margin-bottom: 0!important;*/
	}

	section.lienzo .contenedor aside p.parrafo-port{
		font-size: 1.3rem!important;
		line-height: 1.6rem!important;
		padding-bottom: .5rem!important;
	}

	section.lienzo .contenedor aside p.text-descarga{
		font-size: 1.5rem!important;
	}

	section.lienzo.prologo .contenedor aside img{
	    width: 40%;
	}

	section.lienzo.prologo .contenedor aside p.frase-destaca{
	    font-size: 2.1rem!important;
	    line-height: 2.5rem!important;
	}

	section.lienzo article ul li .footer-slide p{
		font-size: 1.4rem;
	}

	section.lienzo.anteriores .contenedor article,
	section.lienzo.informe-completo .contenedor article{
	    padding: 0 1rem 0 3rem;
	    color: var(--gris3);
	}

	section.lienzo.autoridades .contenedor article,
	section.lienzo.realizacion .contenedor article{
		padding: 0;
		margin-right: 1rem;
	}

	section.lienzo.cyps .contenedor aside h2{
		padding-right: 3rem;
	}

	section.lienzo.gestion .contenedor aside h2{
		padding-right: 2rem;
	}

	section.lienzo.autoridades .contenedor article h2,
	section.lienzo.realizacion .contenedor article h2{
		/*margin-bottom: 1.5rem;*/
	}


	section.lienzo.anteriores .contenedor article h2{
		margin-bottom: 0;
	}

	section.lienzo.autoridades .contenedor article p,
	section.lienzo.realizacion .contenedor article p{
		font-size: 1.1rem !important;
	}

	section.lienzo.informe-completo .contenedor article p{
		padding-bottom: 0;
	}

	section.lienzo.intro .contenedor article h2,
	section.lienzo.prologo .contenedor article h2{
		margin-bottom: 1rem;
	}

	section.lienzo.autoridades .contenedor article ul{
		/*gap: .5rem;*/
	}

	section.lienzo.autoridades .contenedor article ul li h3{
		margin: 0 0 .5rem;
		font-size: 1.4rem !important;
	}

	section.lienzo.realizacion .contenedor article ul li h3{
		margin: 0;
		font-size: 1.4rem !important;
	}

	section.lienzo.residuos .contenedor aside p.parrafo-esc span {
	    line-height: 3rem;
	    font-weight: 700;
	    font-size: 1.8rem;
	}

	section.lienzo article p a i {
		font-size: 1.2rem;
	}
	

}

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

	/*section.lienzo article p{
		font-size: 1.3rem!important;
	}*/

	section.lienzo .contenedor aside h2{
		font-size: 1.9rem;
	}

	section.lienzo.residuos .contenedor aside h2{
		margin-bottom: .5rem;
	}

	section.lienzo.gestion .contenedor aside h2{
		padding-right: 2rem;
	}

	section.lienzo .contenedor aside p.parrafo-port{
		font-size: 1.3rem!important;
		line-height: 1.6rem!important;
	}

	section.lienzo.residuos .contenedor aside p.parrafo-esc:last-child {
     margin-top: 0rem; 
	}


}

@media screen and (min-width: 1025px) and (max-width: 1586px){

	section.lienzo .contenedor article img{
			width: 50%;
		}

}


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

	.header-section-capitulo{
		grid-area: capitulo;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
		grid-auto-rows: 1fr 1fr 1fr;
		grid-template-areas: 
			"capitulo1 capitulo2 capitulo3 capitulo4 capitulo5" 
			"capitulo6 capitulo7 capitulo8 capitulo9 capitulo10"
			"capitulo11 capitulo12 capitulo13 capitulo14 capitulo15";
	}

	h1{
		font-size: 3rem;
	}

	.capitulo-cover h2 {
	    display: flex;
	    align-items: center;
	    /*justify-content: center;*/
	    /*text-align: center;*/
	    height: inherit;
	    font-family: var(--fuenteT);
	    font-size: 1.9rem;
	    color: #ffffff;
	    /*line-height: 1.4;*/
	}

	
	/*.capitulo-cover h2.-size{
		font-size: 2.5rem;
	}*/


	.header-section-isologotipo .logo-esc{
		padding-right: 2rem;
		width: 80%;
	}

}

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

	section.lienzo .contenedor article p.parrafo-movil,
	section.lienzo .contenedor aside p.parrafo-movil,
	nav.lienzo-menu-movil .acordeon article p.parrafo-movil{
		font-size: 1.6rem !important;
    	text-align: left !important;
    	line-height: 2.2rem !important;
    	font-weight: 300;
	}


	section.lienzo.informe-completo,
	section.lienzo.anteriores{
		display: none;
	}
		
	h1{
		font-size: 3rem;
		padding-left: 0;
	}

	section .header-section-vertice{
		display: none;
	}

	.header-section-isologotipo .logo-esc{
		display: none;
	}

	img.reconstruccion-esc{
		display: none;
	}

	img.reconstruccion-movil{
		display: inline-block;
		position:fixed;
    	z-index:1001;
    	right:0;
		bottom:6.5rem;
	}

	
	.header-section{
		background-color: var(--gris1);
		width: 100%;
		display: grid;
		grid-template-columns: 90px 1fr;
		grid-template-rows: 120px 1fr 50px;
		height: 2300px;
		grid-template-areas: 
			"isologotipo titulo"
			"capitulos capitulos"
			"footer footer";
	}

	.header-section-titulo{
		grid-area: titulo;
		background-color: var(--celeste);
		justify-content: center;
		z-index: 1005;
		padding: 0 3rem 0 2rem;
	}

	
	.header-section-isologotipo{
		grid-area: isologotipo;
		display: flex;
		align-items: center;
		justify-content: end!important;
		background-color: var(--celeste);
		z-index: 1005;
		padding-left: 3rem;
		/*position: fixed;*/
	}

	.header-section-isologotipo .escudo-movil{
		display: block;
	}

	section.lienzo.autoridades,
	section.lienzo.prologo,
	section.lienzo.realizacion{
	    display: none;
	}
	
	.header-section-izq{
		display: none;
	}

	.header-section-capitulo{
		grid-area: capitulos;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
		grid-template-areas: 
			"capitulo1"
			"capitulo2" 
			"capitulo3"
			"capitulo4"
			"capitulo5"
			"capitulo6"
			"capitulo7"
			"capitulo8"
			"capitulo9"
			"capitulo10"
			"capitulo11"
			"capitulo12"
			"capitulo13"
			"capitulo14"
			"capitulo15";
	}

	.header-section-capitulo-item .capitulo-cover{
		opacity: 1 !important;
		width: 7rem!important;
		
	}

	.header-section-capitulo-item .capitulo-cover h2{
		transform: rotate(-90deg);
		font-size: 1.4rem;
		width: 10rem;
		margin-left: -2.5rem;
		justify-content: center;
	    text-align: center;

	}

	.header-section-bottom{
		display: none;
	}

	.barra-menu-movil{
		width: 100%;
		height: 5rem;
		/*display: flex;
		justify-content: center;
		align-items: center;*/
		text-align: center;
		font-family: var(--fuenteT);
		font-size: 2rem;
		background-color: var(--gris1);
		z-index: 1003;
		position: fixed;
		bottom: 0;
		box-shadow: 0 -.125rem .25rem rgba(0,0,0,.075);
	}

	

	#menu-movil {
		display: block;
	}

	#menu-movil button{
		background: none;
		border: 0;
		cursor: pointer;
		padding: 0;
		width: 60px;
		height: 50px;
	}

	#menu-movil button span{
		border-radius: 5px;
		background-color: var(--gris3);
		display: block;
		width: 50%;
		margin: 5px auto;
		height: 2px;
		animation-duration: 1s;
		animation-fill-mode: forwards;
	}

	#menu-movil button.open .top-line{
		animation-name: top-line-animation;
	}

	#menu-movil button.open .middle-line{
		animation-name: middle-line-animation;
	}

	#menu-movil button.open .bottom-line{
		animation-name: bottom-line-animation;
	}

	#menu-movil button .top-line{
		animation-name: top-line-animation-close;
	}

	#menu-movil button .middle-line{
		animation-name: middle-line-animation-close;
	}

	#menu-movil button .bottom-line{
		animation-name: bottom-line-animation-close;
	}

	@keyframes top-line-animation{
		50%, 100%{
			margin: 0 auto;
			transform: translateY(2px) rotate(-45deg);
		}
	}

	@keyframes bottom-line-animation{
		50%, 100%{
			margin: 0 auto;
			transform: translateY(-2px) rotate(45deg);
		}
	}

	@keyframes middle-line-animation{
		20%, 100%{
			margin: 0 auto;
			width: 0;
			opacity: 0;
		}
	}

	@keyframes top-line-animation-close{
		0%{
			margin: 0 auto;
			transform: translateY(2px) rotate(-45deg);
		}

		50%, 100%{
			margin: 5px auto;
			transform: translateY(0px) rotate(0deg);
		}
	}

	@keyframes middle-line-animation-close{
		0%{
			margin: 0 auto;
			width: 0;
			opacity: 0;
		}

		20%, 100%{
			margin: 0 auto;
			width: 50%;
			opacity: 1;
		}
	}

	@keyframes bottom-line-animation-close{
		0%{
			margin: 0 auto;
			transform: translateY(-2px) rotate(45deg);
		}

		50%, 100%{
			margin: 5px auto;
			transform: translateY(0px) rotate(0deg);
		}
	}

	/*LIENZO MENU MOVIL*/

	
	.fadeInBottom{
	    bottom: -120px !important;
	    position: absolute !important;

	}

	
	nav.lienzo-menu-movil{
	    position: fixed;
	    bottom: -100%;
	    width: 100%;
	    height: 100%;
	    background-color: white;
	    transition: .5s;
	    z-index: 1002;
	    display: flex;
	    flex-direction: column;
	    justify-content: flex-start;
	    align-items: center;
	    padding-top: 5%;
	}

	nav.lienzo-menu-movil .acordeon{
		text-align: center;
		display: flex;
		flex-direction: column;
		width: 100%;
		padding: 1rem;
		background-color: white;

	}

	nav.lienzo-menu-movil .acordeon .bloque{
		color: var(--gris3);
		/*box-shadow: 0 0.125rem 0rem rgb(0 0 0 / 8%);*/
		
		padding: 1rem;
	}

	nav.lienzo-menu-movil .acordeon .bloque:last-child{
		/*margin-bottom: 6rem;*/
	}

	span.hr{
		border: 0;
    	border-top: 1px solid rgba(0,0,0,.1);
    	width: 50%;
    	margin: 0 auto;
    	padding: 0 0 1rem;

	}

	nav.lienzo-menu-movil .acordeon .h3{
		font-size: 2rem;
		font-weight: 300;
		margin: 0 0 1rem;
		color: var(--celeste);
		
	}

	nav.lienzo-menu-movil .acordeon .contenido{
		height: 0;
		padding: 0;
		overflow: hidden;
		transition: all .3s ease;
		font-size: 1.2rem;
		/*background-color: white;*/
	}

	nav.lienzo-menu-movil .acordeon .contenido h3{
		margin: 0 0 1rem;
	}

	nav.lienzo-menu-movil .acordeon .bloque.activoExtraMax .contenido{
		height: 200rem;
	}

	nav.lienzo-menu-movil .acordeon .bloque.activoMax .contenido{
		height: 47rem;
	}

	nav.lienzo-menu-movil .acordeon .bloque.activoMed .contenido{
		height: 30rem;
	}

	nav.lienzo-menu-movil .acordeon .bloque.activoMin .contenido{
		height: 10rem;
	}

	
	.acordeon .bloque .contenido .equipo-movil p{
		margin: 1rem 0 0;
	}

	.acordeon .bloque .contenido .equipo-movil h3{
		margin: 0;
	}

	.acordeon .bloque .contenido p.link-movil{
		font-size: 1.5;
		line-height: 1.7;
		margin-top: 2rem;
	}

	.acordeon .bloque .contenido p.link-movil span{
		color: #E05D5D;
		font-weight: 700;
	}

	.acordeon .bloque .contenido ul.anteriores-movil{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-around;
		margin-top: 1rem;
	}

	.acordeon .bloque .contenido ul.anteriores-movil li{
		width: 5rem;
		height: 5rem;
		background-color: var(--gris1);
		border-radius: 50%;
		color: var(--gris3);
		font-family: var(--fuenteT);
		font-size: 1.4rem;
		font-weight: 700;
		margin-bottom: 1rem;
		display: flex;
    	justify-content: center;
    	align-items: center;	
	}

	nav.lienzo-menu-movil .wrap-logo-menu{
		padding-top: 10%;
		background-color: white;
		width: 100%;
		text-align: center;
	}

	/*PROLOGO-INTRO EN MENU MOVIL */

	/*.acordeon .bloque .contenido article p.parrafo{
		font-size: 1.4rem;

	}*/

	.acordeon .bloque .contenido aside img {
	    border-radius: 50%;
	    width: 40%;
	}

	.acordeon .bloque .contenido aside h3{
		margin: 0;
	}

	.acordeon .bloque .contenido aside p{
		margin: .5rem 0 2rem;
	}

	/*CONTENIDOS */

	section.lienzo.gestion,
	section.lienzo.cyps,
	section.lienzo.energia,
	section.lienzo.quimicos,
	section.lienzo.socioeconomicos,
	section.lienzo.acuaticos,
	section.lienzo.biodiversidad,
	section.lienzo.mineria,
	section.lienzo.cclimatico,
	section.lienzo.suelos,
	section.lienzo.bosques,
	section.lienzo.anp,
	section.lienzo.residuos,
	section.lienzo.atmosfera,
	section.lienzo.agyp{
	    display: none;
	    position: absolute;
	    top: 120px;
	    width: 100%;
	    background-color: white;
	    z-index: 1004;
	}

	section.lienzo.gestion .contenedor,
	section.lienzo.cyps .contenedor,
	section.lienzo.energia .contenedor,
	section.lienzo.quimicos .contenedor,
	section.lienzo.socioeconomicos .contenedor,
	section.lienzo.acuaticos .contenedor,
	section.lienzo.biodiversidad .contenedor,
	section.lienzo.mineria .contenedor,
	section.lienzo.cclimatico .contenedor,
	section.lienzo.suelos .contenedor,
	section.lienzo.bosques .contenedor,
	section.lienzo.anp .contenedor,
	section.lienzo.residuos .contenedor,
	section.lienzo.atmosfera .contenedor,
	section.lienzo.agyp .contenedor{
	    display: flex;
	    flex-direction: column;
	  
	}

	section.lienzo.gestion .contenedor article,
	section.lienzo.cyps .contenedor article,
	section.lienzo.energia .contenedor article,
	section.lienzo.quimicos .contenedor article,
	section.lienzo.socioeconomicos .contenedor article,
	section.lienzo.acuaticos .contenedor article,
	section.lienzo.biodiversidad .contenedor article,
	section.lienzo.mineria .contenedor article,
	section.lienzo.cclimatico .contenedor article,
	section.lienzo.suelos .contenedor article,
	section.lienzo.bosques .contenedor article,
	section.lienzo.anp .contenedor article,
	section.lienzo.residuos .contenedor article,
	section.lienzo.atmosfera .contenedor article,
	section.lienzo.agyp .contenedor article{
		margin: 1rem 0;
	}

	section.lienzo.gestion .contenedor aside,
	section.lienzo.cyps .contenedor aside,
	section.lienzo.energia .contenedor aside,
	section.lienzo.quimicos .contenedor aside,
	section.lienzo.socioeconomicos .contenedor aside,
	section.lienzo.acuaticos .contenedor aside,
	section.lienzo.biodiversidad .contenedor aside,
	section.lienzo.mineria .contenedor aside,
	section.lienzo.cclimatico .contenedor aside,
	section.lienzo.suelos .contenedor aside,
	section.lienzo.bosques .contenedor aside,
	section.lienzo.anp .contenedor aside,
	section.lienzo.residuos .contenedor aside,
	section.lienzo.atmosfera .contenedor aside,
	section.lienzo.agyp .contenedor aside{
		margin: 1rem 1rem 0;
	}

	section.lienzo.gestion .contenedor aside p.text-descarga,
	section.lienzo.cyps .contenedor aside p.text-descarga,
	section.lienzo.energia .contenedor aside p.text-descarga,
	section.lienzo.quimicos .contenedor aside p.text-descarga,
	section.lienzo.socioeconomicos .contenedor aside p.text-descarga,
	section.lienzo.acuaticos .contenedor aside p.text-descarga,
	section.lienzo.biodiversidad .contenedor aside p.text-descarga,
	section.lienzo.mineria .contenedor aside p.text-descarga,
	section.lienzo.cclimatico .contenedor aside p.text-descarga,
	section.lienzo.suelos .contenedor aside p.text-descarga,
	section.lienzo.bosques .contenedor aside p.text-descarga,
	section.lienzo.anp .contenedor aside p.text-descarga,
	section.lienzo.residuos .contenedor aside p.text-descarga,
	section.lienzo.atmosfera .contenedor aside p.text-descarga,
	section.lienzo.agyp .contenedor aside p.text-descarga{
		margin-top: 2rem;
	}
	
	section.lienzo.gestion article p,
	section.lienzo.cyps article p,
	section.lienzo.energia article p,
	section.lienzo.quimicos article p,
	section.lienzo.socioeconomicos article p,
	section.lienzo.acuaticos article p,
	section.lienzo.biodiversidad article p,
	section.lienzo.mineria article p,
	section.lienzo.cclimatico article p,
	section.lienzo.suelos article p,
	section.lienzo.bosques article p,
	section.lienzo.anp article p,
	section.lienzo.residuos article p,
	section.lienzo.atmosfera article p,
	section.lienzo.agyp article p{
		padding: 1rem;
		font-family: var(--fuenteP);
		margin-bottom: 2rem;
	}

	ul.slider-gestion li,
	ul.slider-cyps li,
	ul.slider-energia li,
	ul.slider-quimicos li,
	ul.slider-socioeconomicos li,
	ul.slider-acuaticos li,
	ul.slider-biodiversidad li,
	ul.slider-mineria li,
	ul.slider-cclimatico li,
	ul.slider-suelos li,
	ul.slider-bosques li,
	ul.slider-anp li,
	ul.slider-residuos li,
	ul.slider-atmosfera li,
	ul.slider-agyp li{
		position: relative;
		height: auto;
	}

	/*.footer-slide{
		height: 50%;
	    padding: 0 1rem;
	    background-color: var(--gris1);
	}*/

	
	#slide2,
	#slide3,
	#slide4,
	#slide5,
	#slide6{
		display: block !important;
	}

	section.lienzo.gestion .grafico-slide,
	section.lienzo.cyps .grafico-slide,
	section.lienzo.energia .grafico-slide,
	section.lienzo.quimicos .grafico-slide,
	section.lienzo.socioeconomicos .grafico-slide,
	section.lienzo.acuaticos .grafico-slide,
	section.lienzo.biodiversidad .grafico-slide,
	section.lienzo.mineria .grafico-slide,
	section.lienzo.cclimatico .grafico-slide,
	section.lienzo.suelos .grafico-slide,
	section.lienzo.bosques .grafico-slide,
	section.lienzo.anp .grafico-slide,
	section.lienzo.residuos .grafico-slide,
	section.lienzo.atmosfera .grafico-slide,
	section.lienzo.agyp .grafico-slide{
		height: auto;
	}

	.footer-slide{
	    padding: 0 2rem;
	}

	.left-slide-gestion,
	.right-slide-gestion,
	.left-slide-cyps,
	.right-slide-cyps,
	.left-slide-energia,
	.right-slide-energia,
	.left-slide-quimicos,
	.right-slide-quimicos,
	.left-slide-socioeconomicos,
	.right-slide-socioeconomicos,
	.left-slide-acuaticos,
	.right-slide-acuaticos,
	.left-slide-biodiversidad,
	.right-slide-biodiversidad,
	.left-slide-mineria,
	.right-slide-mineria,
	.left-slide-cclimatico,
	.right-slide-cclimatico,
	.left-slide-suelos,
	.right-slide-suelos,
	.left-slide-bosques,
	.right-slide-bosques,
	.left-slide-anp,
	.right-slide-anp,
	.left-slide-residuos,
	.right-slide-residuos,
	.left-slide-atmosfera,
	.right-slide-atmosfera,
	.left-slide-agyp,
	.right-slide-agyp {
	    display: none;
	
	}


	
	
}

/*@media screen and (max-width: 768px) and (max-height: 1024px){

	section.lienzo .contenedor article img{
			width: 60%;
		}

}*/

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

	nav.lienzo-menu-movil .acordeon .bloque.activoExtraMax .contenido{
		height: 260rem;
	}

}



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

	h1{
		font-size: 2.6rem;
	}

	.header-section-titulo{
		padding: 0 3rem 0 3rem;
	}

	section.lienzo.cyps .contenedor aside h2,
	section.lienzo.gestion .contenedor aside h2{
		padding-right: 2rem;
	}

	section.lienzo .contenedor aside h2{
		font-size: 1.9rem;
	}

	nav.lienzo-menu-movil .acordeon .bloque .h3{
		font-size: 1.6rem;

	}

	nav.lienzo-menu-movil .wrap-logo-menu img{
		width: 40%;
	}

	section.lienzo.autoridades,
	section.lienzo.prologo,
	section.lienzo.realizacion{
	    display: none;
	}

	section.lienzo.informe-completo,
	section.lienzo.anteriores{
		display: none;
	}

	nav.lienzo-menu-movil .acordeon .bloque.activoExtraMax .contenido{
		height: 335rem;
	}
	
}

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

	
	h1{
		font-size: 2.2rem;
	}

	.header-section{
		background-color: var(--gris1);
		width: 100%;
		display: grid;
		grid-template-columns: 90px 1fr;
		grid-template-rows: 110px 1fr 40px;
		height: 2150px;
		grid-template-areas: 
			"isologotipo titulo"
			"capitulos capitulos"
			"footer footer";
	}

	section.lienzo.gestion,
	section.lienzo.cyps,
	section.lienzo.energia,
	section.lienzo.quimicos,
	section.lienzo.socioeconomicos,
	section.lienzo.acuaticos,
	section.lienzo.biodiversidad,
	section.lienzo.mineria,
	section.lienzo.cclimatico,
	section.lienzo.suelos,
	section.lienzo.bosques,
	section.lienzo.anp,
	section.lienzo.residuos,
	section.lienzo.atmosfera,
	section.lienzo.agyp{
	    top: 110px;
	    height: 140%;
	}

	.header-section-isologotipo .escudo-movil{
		width: 70%;
	}

	img.reconstruccion-movil{
		bottom: 5.5rem;
		width: 18%;
	}

	.barra-menu-movil{
		height: 4rem;
	}

	#menu-movil button {
		height: 4rem;
	}

	.fadeInBottom{
	    bottom: -110px !important;

	}

	nav.lienzo-menu-movil .acordeon .bloque.activoExtraMax .contenido{
		height: 380rem;
	}

	section.lienzo.autoridades,
	section.lienzo.prologo,
	section.lienzo.realizacion{
	    display: none;
	}

	section.lienzo.informe-completo,
	section.lienzo.anteriores{
		display: none;
	}

}

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

	h1{
		font-size: 1.8rem;
		padding-right: 1rem;
	}
	
	img.reconstruccion-movil{
		bottom:5rem;
		width: 5rem;
	}

	.header-section-isologotipo .escudo-movil{
		width: 85%;
	}

	
	.header-section{
		background-color: var(--gris1);
		display: grid;
		grid-template-columns: 70px 1fr;
		grid-template-rows: 80px 1fr 40px;
		height: 1700px;
		grid-template-areas: 
			"isologotipo titulo"
			"capitulos capitulos"
			"footer footer";
	}

	
	.header-section-capitulo-item .capitulo-cover h2{
		font-size: 1.2rem;
		width: 8rem;
		margin-left: -1.5rem;
	}

	.header-section-capitulo-item .capitulo-cover h2.-size{
		font-size: 1rem;
	}

	section.lienzo.prologo .contenedor article h2{
		margin-left: -1rem;
	}

	.header-section-bottom{
		/*grid-area: footer;*/
		width: 100%;
		height: 4rem;
		display: flex;
		justify-content: space-around;
		align-items: center;
		font-family: var(--fuenteT);
		font-size: 2rem;
		background-color: var(--gris1);
		/*z-index: 100;*/
		position: fixed;
		bottom: 0;
	}

	.barra-menu-movil{
		height: 4rem;
	}

	#menu-movil button {
		height: 4rem;
	}

	nav.lienzo-menu-movil .acordeon .bloque.activoExtraMax .contenido{
		height: 435rem;
	}

	nav.lienzo-menu-movil .acordeon .bloque.activoMax .contenido{
		height: 55rem;
	}

	section.lienzo.gestion,
	section.lienzo.cyps,
	section.lienzo.energia,
	section.lienzo.quimicos,
	section.lienzo.socioeconomicos,
	section.lienzo.acuaticos,
	section.lienzo.biodiversidad,
	section.lienzo.mineria,
	section.lienzo.cclimatico,
	section.lienzo.suelos,
	section.lienzo.bosques,
	section.lienzo.anp,
	section.lienzo.residuos,
	section.lienzo.atmosfera,
	section.lienzo.agyp{
	    top: 80px;
	    height: 140%;
	}

	section.lienzo.autoridades,
	section.lienzo.prologo,
	section.lienzo.realizacion{
	    display: none;
	}

	section.lienzo.informe-completo,
	section.lienzo.anteriores{
		display: none;
	}

	section.lienzo.autoridades .contenedor article h2,
	section.lienzo.intro .contenedor article h2,
	section.lienzo.realizacion .contenedor article h2 {
		margin-right: 1rem;
	}

	.fadeInBottom{
	    bottom: -80px !important;

	}

	nav.lienzo-menu-movil{
		padding-top: 0;
	}

	nav.lienzo-menu-movil .wrap-logo-menu {
		padding-top: 0!important;
	}

	
}

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

	section.lienzo.autoridades,
	section.lienzo.prologo,
	section.lienzo.realizacion{
	    display: none;
	}

	section.lienzo.informe-completo,
	section.lienzo.anteriores{
		display: none;
	}

	nav.lienzo-menu-movil .acordeon .bloque.activoMax .contenido{
		height: 55rem;
	}

	nav.lienzo-menu-movil .acordeon .bloque.activoExtraMax .contenido{
		height: 505rem;
	}

}