/* Cambio Pluralista + Header + Nav*/

img{ max-width: 100%;}

.container-all{
    position: relative; margin:0 auto;
    max-width: 1000px;
    width: 100%;
    border-radius: 0px;
    overflow: hidden; 
    
}

.slide{
    display: flex;
    transform: translate3d(0, 0, 0);
    transition: all 400ms;
    animation-name: autoplay; 
    animation-duration: 10.5s;
    animation-direction: alternate;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;

}

.item-slide{
    position: relative; 
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    flex-grow: 0; 
    max-width: 100%;
}


.pagination{
    position: absolute;
    bottom: 20px;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;  
    width: 100%;
}

.pagination-item{ 
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 2px solid white;
    width: 16px;
    height: 16px;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.1);
    margin: 0 10px;
    text-align: center;
    transition: all 300ms;
}

.pagination-item:hover{
    transform: scale(2); background-image:  url(../img-carrusel/03_carrusel_01.jpg);
}

.pagination-item img{
    display: inline-block; 
    max-width: none; background-image:  url(../img-carrusel/03_carrusel_01.jpg);
    height: 100%;
    transform: scale(1);
    opacity: 0;
    transition: all 300ms;

}

.pagination-item:hover img{
    opacity: 1;
    transform: scale(1);
}


input[id="1"]:checked ~ .slide{
    animation: none;
    transform: translate3d(0, 0, 0);
}

input[id="1"]:checked ~ .pagination .pagination-item[for="1"]{
    background: #fff;
}

input[id="2"]:checked ~ .slide{
    animation: none;
    transform: translate3d(calc(-100% * 1), 0, 0);
}

input[id="2"]:checked ~ .pagination .pagination-item[for="2"]{
    background: #fff;
}


input[id="3"]:checked ~ .slide{
    animation: none;
    transform: translate3d(calc(-100% * 2), 0, 0);
}

input[id="3"]:checked ~ .pagination .pagination-item[for="3"]{
    background: #fff;
}

input[id="4"]:checked ~ .slide{
    animation: none;
    transform: translate3d(calc(-100% * 1), 0, 0);
}

input[id="4"]:checked ~ .pagination .pagination-item[for="4"]{
    background: #fff;
}




@keyframes autoplay{
    25%{
        transform: translate3d(calc(-100% * 0), 0, 0);
    }

    30%{
        transform: translate3d(calc(-100% * 1), 0, 0);
    }

    100%{
        transform: translate3d(calc(-100% * 2), 0, 0);
    }




    


}

img {border:0;}





.img_carrusel_01 { position:relative; height:250px; width:480px; background: url(../img-carrusel/01_carrusel_01.jpg) center no-repeat; background-size:cover; }
.img_carrusel_02 { position:relative; height:250px; width:480px; background: url(../img-carrusel/02_carrusel_01.jpg) center no-repeat; background-size:cover; }
.img_carrusel_03 { position:relative; height:250px; width:480px; background: url(../img-carrusel/03_carrusel_01.jpg) center no-repeat; background-size:cover; }



/* body 480 | Celular Horizontal ------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:480px) {
.container-all{height:270px; }
.img_carrusel_01 { height:270px; width:768px; background: url(../img-carrusel/01_carrusel_02.jpg) center no-repeat; background-size:cover;  }
.img_carrusel_02 { height:270px; width:768px; background: url(../img-carrusel/02_carrusel_02.jpg) center no-repeat; background-size:cover;  }
.img_carrusel_03 { height:270px; width:768px; background: url(../img-carrusel/03_carrusel_02.jpg) center no-repeat; background-size:cover;  }

  
}

/* body 768 | Tablet Vertical -----------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:768px) { 
.container-all{
position: relative; margin:0 auto;
max-width: 90%;
height:300px;
}
.img_carrusel_01 { height:300px; width:1024px; background: url(../img-carrusel/01_carrusel_03.jpg) center no-repeat; background-size:cover;  }
.img_carrusel_02 { height:300px; width:1024px; background: url(../img-carrusel/02_carrusel_03.jpg) center no-repeat; background-size:cover;  }
.img_carrusel_03 { height:300px; width:1024px; background: url(../img-carrusel/03_carrusel_03.jpg) center no-repeat; background-size:cover;  }
}

/* body 1024 | Tablet Horizontal -----------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:1024px) { 
.container-all{
position: relative; margin:0 auto;
max-width: 80%;
height:400px; 
}
.img_carrusel_01 { height:400px; width:1024px; background: url(../img-carrusel/01_carrusel_05.jpg) center no-repeat; background-size:cover;  }
.img_carrusel_02 { height:400px; width:1024px; background: url(../img-carrusel/02_carrusel_05.jpg) center no-repeat; background-size:cover;  }
.img_carrusel_03 { height:400px; width:1024px; background: url(../img-carrusel/03_carrusel_05.jpg) center no-repeat; background-size:cover;  }


}

/* body 1200 | Notebook/Nebook -----------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:1200px) {
.container-all{
position: relative; margin:0 auto;
max-width: 1000px;
height:385px; 
}
.img_carrusel_01 {height:385px; width:1000px; background: url(../img-carrusel/01_carrusel_04.jpg)}
.img_carrusel_02 {height:385px; width:1000px; background: url(../img-carrusel/02_carrusel_04.jpg)}
.img_carrusel_03 {height:385px; width:1000px; background: url(../img-carrusel/03_carrusel_04.jpg)}


}

/* body 1800 | Big Desktop -----------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:1800px) {
.container-all{
position: relative; margin:0 auto;
max-width:1400px;
height:536px; 
}

.img_carrusel_01 { position:relative; height:536px; width:1400px; background: url(../img-carrusel/01_carrusel_06.jpg) }
.img_carrusel_02 { position:relative; height:536px; width:1400px; background: url(../img-carrusel/02_carrusel_06.jpg) }
.img_carrusel_03 { position:relative; height:536px; width:1400px; background: url(../img-carrusel/03_carrusel_06.jpg) }


}



.slide_columna {position:absolute; width:4px;height: 650px; overflow: hidden; background-color:#d4e5f7 ; z-index: 999;  }

.slide_columna_ {position:absolute; width:4px;height: 650px; overflow: hidden; background-color:#d4e5f7; z-index: 999; right:-2px;  }

.slide_columna_top {position:absolute; width:1650px; height: 4px; overflow: hidden; background-color:#d4e5f7 ; z-index: 999; top:-3px; }

.slide_columna_bottom {position:absolute; width:1650px; height: 4px; overflow: hidden; background-color:#d4e5f7 ; z-index: 999; bottom:-3px;  }

.slide_columna_left {position:absolute; width:20px; height: 600px; overflow: hidden; 
background: linear-gradient(to right, rgba(212, 229, 247, 1) 0%, rgba(52, 152, 219, 0) 100%); 
z-index: 999; left:4px; }

.slide_columna_right {position:absolute; width:20px; height: 600px; overflow: hidden;   
background: linear-gradient(to left, rgba(212, 229, 247, 1) 0%, rgba(52, 152, 219, 0) 100%);
z-index: 999; right:0px;  }


footer a {font:1.2em "Roboto Condensed", sans-serif; color:#fff;  display:block; font-weight: 200;   padding:2% 0 2% 0;    }	
	
footer p {font:1em "Roboto Condensed", sans-serif; color: #fff;  display:block;  font-weight: 200;    }	
	
footer h1 	{font:1.2em "Roboto Condensed", sans-serif; color: #fff;  display:block;  font-weight: 600; padding:5% 0 3% 0;  }

a.link_img_footer {font:1.2em "Roboto Condensed", sans-serif; color: transparent; padding:1% 0 1% 0; display:block; width:20%;  background-repeat:no-repeat;  font-weight: 200; float: left; }	
a.link_img_footer:hover {color:transparent; } 
	

.face {background-image:url(../svg/t_bt_face.svg);}	
.instagram {background-image:url(../svg/t_bt_insta.svg);}	
.equis {background-image:url(../svg/t_bt_twitter.svg);}	
.linkedin {background-image:url(../svg/t_bt_in.svg);}		
.youtube {background-image:url(../svg/t_bt_youtube.svg);}	
	
.face:hover {background-image:url(../svg/t_bt_face_.svg);}	
.instagram:hover {background-image:url(../svg/t_bt_insta_.svg);}	
.equis:hover {background-image:url(../svg/t_bt_twitter_.svg);}	
.linkedin:hover {background-image:url(../svg/t_bt_in_.svg);}		
.youtube:hover {background-image:url(../svg/t_bt_youtube_.svg);}		
	
#pie { clear: both; padding:2% 0 2% 0; width: 100%; margin: 0 auto;}

._linea_footer	{width: 100%;  height:2px; background-color:#1e8440; border-bottom: 2px #9fca79 solid; margin-top: 10%;  margin-bottom: 10%; clear: both; margin: 0 auto;   }

._logo_footer {width: 60%; padding:5% 40% 3% 0 }

#cont_footer {background-color: #32ad56; border-top:#1e8440 solid 2px; }



aside h1, #cont_Contacto h1 {font:2.5em/1em "Roboto Condensed", sans-serif; color:#000; font-weight: 150;}

aside h2, #cont_Contacto h2 {font:1.7em "Roboto Condensed", sans-serif; color:#000; font-weight: 600; margin-bottom: 3%;}

aside p {font:0.85em "Roboto Condensed", sans-serif; color:#000;}

aside p.informe { font:1.275em "Roboto Condensed", sans-serif;}

aside a, #cont_Contacto a {font:1em "Roboto Condensed", sans-serif; color:#fff;  padding: 2.5% 5% 2.5% 5%;  width:90%; display: block; border-radius:0  0 10px 10px ; margin-bottom: 3%; 
background-image:url(../svg/bt_informe_gestion.svg);

  background-repeat: no-repeat;
  /* 90% horizontal (derecha), 50% vertical (centrado) */
  background-position: 95% 40%;
  background-size: contain; /* O 'cover', ajusta según necesites */
}

aside a.color_azul, a.color_azul {background-color:#1d4586; border-top: solid #143267 3px;}
aside a.color_azul:hover, a.color_azul:hover {background-color:#3459a5;}

._color_azul {color:#1d4586;}

aside a.color_verde, a.color_verde {background-color:#36ac57; border-top: solid #2a8645 3px; }
aside a.color_verde:hover, a.color_verde:hover {background-color:#81c180;}
._color_verde {color:#36ac57;}

.borde_gris {border: 1px solid #9d9d9c;}




/*-- estructura--*/

.w_50 {width:50%; float:left; padding-bottom:10px;  }
.w_25 {width:25%; float:left; padding-bottom:10px;  }
.w_35 {width:35%; float:left;  }
.w_65 {width:65%; float:left;  }

.w_95 {width:95%; float:left; padding-bottom:1%; }
.w_05 {width:5%; float:left;  }

.w_90 {width:90%; float:left; padding-bottom:1%;  }
.w_10 {width:5%; float:left; padding-left: 1%; }

.w_85 {width:85%; float:left; padding-bottom:10px;  }
.w_15 {width:5%; float:left;  padding-left: 10%; }

/*-- estructura--*/
@media screen and (min-width:756px) { 
	
footer a {font:1.2em "Roboto Condensed", sans-serif; color:#fff;  display:block; font-weight: 200;  padding: 0;   }		

#linea_azul {position:relative; height:6px; float:right; width:80%; background-color:#31a548 ; border-bottom: 2px solid #fff; }

#linea_verde {position:relative; height:6px; float:left; width:20%; background-color:#1d4586 ; border-bottom: 2px solid #fff; }
	
._linea_footer	{width: 100%; padding: 0; height:2px; background-color:#1e8440; border-bottom: 2px #9fca79 solid; margin-top: 3%;  margin-bottom: 3%; clear: both;  }	
	
._logo_footer {width: 80%; padding:5% 20% 3% 0 }
	
#pie { clear: both; padding:0.5% 0 0.5% 0; width: 100%;}
	
#cont_footer {background-color: #32ad56; border-top:#1e8440 solid 6px; }	
}