.header-section-capitulo-item:nth-of-type(1){
	grid-area: capitulo1;
	background-image: url(../img/portadas/suelos.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.header-section-capitulo-item:nth-of-type(1) .capitulo-cover{
	opacity: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--verde);
}

.header-section-capitulo-item:nth-of-type(1) .capitulo-cover:hover{
    opacity: 0.9;
    transition: ease-in-out;
    transition-duration: 0.5s;
}

.header-section-capitulo-item:nth-of-type(2){
	grid-area: capitulo2;
	background-image: url(../img/portadas/acuaticos.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.header-section-capitulo-item:nth-of-type(2) .capitulo-cover{
	opacity: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--magenta);
}

.header-section-capitulo-item:nth-of-type(2) .capitulo-cover:hover{
    opacity: 0.9;
    transition: ease-in-out;
    transition-duration: 0.5s;
}

.header-section-capitulo-item:nth-of-type(3){
	grid-area: capitulo3;
	background-image: url(../img/portadas/areas-naturales-protegidas.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.header-section-capitulo-item:nth-of-type(3) .capitulo-cover{
	opacity: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--turquesa);
}

.header-section-capitulo-item:nth-of-type(3) .capitulo-cover:hover{
    opacity: 0.9;
    transition: ease-in-out;
    transition-duration: 0.5s;
}

.header-section-capitulo-item:nth-of-type(4){
	grid-area: capitulo4;
	background-image: url(../img/portadas/residuos.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.header-section-capitulo-item:nth-of-type(4) .capitulo-cover{
	opacity: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--amarillo );
}

.header-section-capitulo-item:nth-of-type(4) .capitulo-cover:hover{
    opacity: 0.9;
    transition: ease-in-out;
    transition-duration: 0.5s;
}

.header-section-capitulo-item:nth-of-type(5){
	grid-area: capitulo5;
	background-image: url(../img/portadas/cambio-climatico.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.header-section-capitulo-item:nth-of-type(5) .capitulo-cover{
	opacity: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--violeta);
}

.header-section-capitulo-item:nth-of-type(5) .capitulo-cover:hover{
    opacity: 0.9;
    transition: ease-in-out;
    transition-duration: 0.5s;
}

.header-section-capitulo-item:nth-of-type(6){
	grid-area: capitulo6;
	background-image: url(../img/portadas/atmosfera.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.header-section-capitulo-item:nth-of-type(6) .capitulo-cover{
	opacity: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--naranja);
}

.header-section-capitulo-item:nth-of-type(6) .capitulo-cover:hover{
    opacity: 0.9;
    transition: ease-in-out;
    transition-duration: 0.5s;
}

.header-section-capitulo-item:nth-of-type(7){
	grid-area: capitulo7;
	background-image: url(../img/portadas/biodiversidad.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.header-section-capitulo-item:nth-of-type(7) .capitulo-cover{
	opacity: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--turquesa);
}

.header-section-capitulo-item:nth-of-type(7) .capitulo-cover:hover{
    opacity: 0.9;
    transition: ease-in-out;
    transition-duration: 0.5s;
}

.header-section-capitulo-item:nth-of-type(8){
	grid-area: capitulo8;
	background-image: url(../img/portadas/prod-quimicos.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.header-section-capitulo-item:nth-of-type(8) .capitulo-cover{
	opacity: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--verde);
}

.header-section-capitulo-item:nth-of-type(8) .capitulo-cover:hover{
    opacity: 0.9;
    transition: ease-in-out;
    transition-duration: 0.5s;
}

.header-section-capitulo-item:nth-of-type(9){
	grid-area: capitulo9;
	background-image: url(../img/portadas/bosques.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.header-section-capitulo-item:nth-of-type(9) .capitulo-cover{
	opacity: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--magenta);
}

.header-section-capitulo-item:nth-of-type(9) .capitulo-cover:hover{
    opacity: 0.9;
    transition: ease-in-out;
    transition-duration: 0.5s;
}

.header-section-capitulo-item:nth-of-type(10){
	grid-area: capitulo10;
	background-image: url(../img/portadas/cyps.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.header-section-capitulo-item:nth-of-type(10) .capitulo-cover{
	opacity: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--naranja);
}

.header-section-capitulo-item:nth-of-type(10) .capitulo-cover:hover{
    opacity: 0.9;
    transition: ease-in-out;
    transition-duration: 0.5s;
}

.header-section-capitulo-item:nth-of-type(11){
	grid-area: capitulo11;
	background-image: url(../img/portadas/mineria.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.header-section-capitulo-item:nth-of-type(11) .capitulo-cover{
	opacity: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--verde);
}

.header-section-capitulo-item:nth-of-type(11) .capitulo-cover:hover{
    opacity: 0.9;
    transition: ease-in-out;
    transition-duration: 0.5s;
}

.header-section-capitulo-item:nth-of-type(12){
	grid-area: capitulo12;
	background-image: url(../img/portadas/aspectos-socioeconomicos.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.header-section-capitulo-item:nth-of-type(12) .capitulo-cover{
	opacity: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--violeta);
}

.header-section-capitulo-item:nth-of-type(12) .capitulo-cover:hover{
    opacity: 0.9;
    transition: ease-in-out;
    transition-duration: 0.5s;
}

.header-section-capitulo-item:nth-of-type(13){
	grid-area: capitulo13;
	background-image: url(../img/portadas/agricultura.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.header-section-capitulo-item:nth-of-type(13) .capitulo-cover{
	opacity: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--turquesa);
}

.header-section-capitulo-item:nth-of-type(13) .capitulo-cover:hover{
    opacity: 0.9;
    transition: ease-in-out;
    transition-duration: 0.5s;
}

.header-section-capitulo-item:nth-of-type(14){
	grid-area: capitulo14;
	background-image: url(../img/portadas/energia.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.header-section-capitulo-item:nth-of-type(14) .capitulo-cover{
	opacity: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--amarillo);
}

.header-section-capitulo-item:nth-of-type(14) .capitulo-cover:hover{
    opacity: 0.9;
    transition: ease-in-out;
    transition-duration: 0.5s;
}


.header-section-capitulo-item:nth-of-type(15){
	grid-area: capitulo15;
	background-image: url(../img/portadas/gestion.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.header-section-capitulo-item:nth-of-type(15) .capitulo-cover{
	opacity: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--magenta);
}

.header-section-capitulo-item:nth-of-type(15) .capitulo-cover:hover{
    opacity: 0.9;
    transition: ease-in-out;
    transition-duration: 0.5s;
}