@charset "UTF-8";
/* MICROSITIO CIGIDEN Catamaran,Helvetica,*/
/* @import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@200;600&display=swap');
*/


*{margin: 0;padding: 0;box-sizing: border-box;}

.desta{text-align: center!important;}
.dest{color: #000!important;font-weight: bold!important;}
a.invest{color: #000!important;font-weight: bolder!important;text-decoration: none;}
a.invest:hover{opacity:.5!important;}

body{
  margin: 0;padding: 0;
  font-family:Arial,sans-serif;
  background-color:#fff;
  font-size: 13pt;

}
a{text-decoration: none;}
p{line-height: 16pt;color: rgba(0,0,0,.8);}

.contenedor{width: 100%;margin: 0 auto;clear: both;  height: 100vh;}

/* TOP CELULAR*/
div#topcelular{
display: none;
width: 100%;
}
div#topcelular img{
width: 100%;
}

/* TOP CROSSFADE*/

div#contienes{
  max-width:1920px;
  max-height:400px;
  margin: 0 auto;
  padding: 0;
overflow: hidden;
display: block;
}

div.uno{
  position: absolute;
  top:0;left: 0;
  width:100%; 
  margin: 0;padding: 0;
}
div.uno img{
  width: 100%;
}
.crossfade{}
.crossfade > figure {
  animation: imageAnimation 30s linear infinite 0s;
  backface-visibility: hidden;
  background-size: cover;
  background-position: center center;
  color: transparent;
  height:300px;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width:100%;
  z-index: 0;
  padding: 0;
  margin: 0;

}

.crossfade > figure:nth-child(1) { 
  background-image: url('../imgs/top/top-01.jpg'); }
.crossfade > figure:nth-child(2) {
  animation-delay: 6s;
  background-image: url('../imgs/top/top-02.jpg');
}
.crossfade > figure:nth-child(3) {
  animation-delay: 12s;
  background-image: url('../imgs/top/top-03.jpg');
}
.crossfade > figure:nth-child(4) {
  animation-delay: 18s;
  background-image: url('../imgs/top/top-01.jpg');
}
.crossfade > figure:nth-child(5) {
  animation-delay: 24s;
  background-image: url('../imgs/top/top-02.jpg');
}

@keyframes imageAnimation {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
  }
  8% {
    animation-timing-function: ease-out;
    opacity: 1;
  }
  17% {
    opacity: 1
  }
  25% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}



div.dos{
  position: absolute;
  top:0;left: 0;
  width:100%; 
  height:300px; 
 /* background:cross-fade( url(../imgs/top/top-04.png) 50%, url(../imgs/top/top-02.jpg) 50%);*/
  background-image: url(../imgs/top/top-04.png);
  background-size:contain;
  background-repeat: no-repeat;
  background-color: transparent;
}
div.dos img{
  width: 100%;
}







/*TOP*/


h1{
color:rgba(255,80,0,1);  text-align: center;
}

h2{
  color:rgba(255,80,0,1); /*#52555a;*/
  line-height: 1.2em;
}

h3{
font-size:1em;
margin:0px;
margin-top:1.4em;
color:rgba(255,80,0,1);
}

h4{font-weight: normal;
font-size:1.5em;
margin: 15px 0px;
}



.cerrar{background-color:rgba(255,80,0,.5);width:40px;height:40px;border-radius: 100%;
float: right;}
.cerrar img{width:100%;}

.bot-cerrar{
width:40px;height:40px;
display: block;
border-radius: 50%;
background-color:rgba(255,255,255,.7);
color:rgba(255,80,0,.5);
background-image: url(../imgs/cerrar.svg);
background-repeat: no-repeat;
background-size: 90%;
background-position: center;
position: fixed;
right: 0;
z-index: 999;
}
.bot-cerrar:hover{
opacity: .5;
}





/*PAGINA*/

#contenedora-box{
width: 90%;
height:100%;
margin:0 auto;background-color:#fff;
margin-bottom: 10%;
}
#contenedora-box p{text-align: justify;}

.paramargin{margin: 2% 0%;}

.bajadin p{margin:0;vertical-align: bottom;}


.fotosaf img{width: 100%;}
.mapa img{width: 90%;}


.doble{  display: grid;
  grid-template-columns:47% 48%;
  grid-template-rows: repeat(0, 0fr);
  grid-column-gap: 0%;
  grid-row-gap: 0%;
  margin: 0% auto;
  padding-bottom: 20px;
  overflow: hidden;
}
.caja-investigadores{width: 100%;}
.caja-investigadores>a{text-decoration: none;display: block;}.caja-investigadores>a:hover{opacity:.5;}
.caja-investigadores img{width: 10%;display: inline;}
.caja-investigadores p{margin-bottom:2rem;}
.caja-investigadores span{font-weight: bolder;}

.frase{font-style: italic;color:#000!important;font-size:1.3rem;font-weight: normal!important;text-align: center!important;}
.espacio{height:0px;color: #fff;}
.deslice{font-style: italic;color: rgba(255,80,0,.8);margin-top:.5rem;}
.fotoder img{width: 80%;}
.doscol{  display: grid;
  grid-template-columns:repeat(6, 1fr);
  grid-template-rows: repeat(0, 0fr);
  grid-column-gap: 2%;
  grid-row-gap: 0%;
  margin: 0% auto;
  padding-bottom: 20px;
  overflow: hidden;
}
.doscol div{
}
.doscol img{width:100%;border-radius: 50%;display:block;
}
.doscol p{text-align: center!important;margin:10% 0;
}

.derexo{width: 100%;}



#cajadior{
  display: grid;
  grid-template-columns:70% 30%;
  grid-template-rows: repeat(0, 0fr);
  grid-column-gap: 1%;
  grid-row-gap: 0%;
  margin: 0% auto;
  padding-bottom: 20px;
}
#cajadior section{}


#botoncel{position: fixed;top:2em;right: 2em;}

#logosde{text-align: center;background-color:rgba(0,0,0,.1);padding:5%;width: 100%;}
#logosde a{text-decoration: none;}#logosde a:hover{opacity: .5;}
#logosde img{width:auto; height:120px;margin:0 2em;display: inline-block;}

.cajalinkno{text-align: center;display: block;}
.cajalinkno a{color:rgba(0,0,0,.7);margin:1.3%;}



/*MAIN CONTENIDO*/

#main{
  width: 100%; 
  margin-bottom:0%;
  margin-top: 330px;
  }



/*SECCIONES*/

section.seccion1{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(0, 0fr);
  grid-column-gap: 3%;
  grid-row-gap: 1%;
  margin: 2% auto;
  width: 90%;
  padding-bottom: 20px;

}

section.seccion1 article{
  background-color: white;
  display: inline-block;
  border: 2px solid rgba(0,0,0,.1);
padding: .4rem;
}

section.seccion1 article img{
width: 100%;
}
section.seccion1 article aside{
  /*display: grid;
  grid-template-columns:20% 75%;
  grid-template-rows: repeat(0, 0fr);
  grid-column-gap: 3%;
  grid-row-gap: 1%;
  padding-bottom: 20px;
    */
text-align: right;
line-height: .1em;
}


.m-macul{
width: 100%;
margin-bottom: 1rem;
display: block;
background-image: url(../imgs/QuebradaMacul-l-1993.jpg);
background-repeat: no-repeat;
background-size: cover;
transition: background-image 1s;
}

.m-macul:hover{
background-image: url(../imgs/QuebradaMacul-l-2021.jpg);
background-repeat: no-repeat;
background-size: cover;
}

.m-chaiten{
width: 100%;
margin-bottom: 1rem;
display: block;
background-image: url(../imgs/Chaiten-l-2008.jpg);
background-repeat: no-repeat;
background-size: cover;
}

.m-chaiten:hover{
background-image: url(../imgs/Chaiten-l-2012.jpg);
background-repeat: no-repeat;
background-size: cover;
}

.m-constitucion{
width: 100%;
margin-bottom: 1rem;
display: block;
background-image: url(../imgs/Constitucion-l-2010.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.m-constitucion:hover{
background-image: url(../imgs/Constitucion-l-2015.jpg);
background-repeat: no-repeat;
background-size: cover;
}

.m-chanaral{
width: 100%;
margin-bottom: 1rem;
display: block;
background-image: url(../imgs/Chanaral-l-2015.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.m-chanaral:hover{
background-image: url(../imgs/Chanaral-l-2017.jpg);
background-repeat: no-repeat;
background-size: cover;
}


.m-coquimbo{
width: 100%;
margin-bottom: 1rem;
display: block;
background-image: url(../imgs/Coquimbo-l-2015.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.m-coquimbo:hover{
background-image: url(../imgs/Coquimbo-l-2020.jpg);
background-repeat: no-repeat;
background-size: cover;
}

.m-villarica{
width: 100%;
margin-bottom: 1rem;
display: block;
background-image: url(../imgs/Villarica-l-2015.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.m-villarica:hover{
background-image: url(../imgs/Lascar-l-1998.jpg);
background-repeat: no-repeat;
background-size: cover;
}




section.seccion1 article aside div.iconos img{
margin: 0;padding: 0;border: 0;margin-right: .2rem;width:12%;
}


section.seccion1 article h4{
font-size:.9em;
line-height: 1.2em;
text-align: left;
}

section.seccion1 article a{
color: rgba(0,0,0,.7);
}
section.seccion1 article a:hover{
color: rgba(255,80,0,.7);
opacity: .8;
}


.caja-centra{
width: 58%;
margin: 2% auto;
padding-bottom: 20px;
text-align: justify;
}
.caja-centra p{
text-align: justify;
}
.caja-centra span{
color:rgba(255,80,0,1);
font-weight: bold;
}




.amenaza{
    display: grid;
  grid-template-columns:10% 90%;
  grid-template-rows: repeat(0, 0fr);
  grid-column-gap: 3%;
  grid-row-gap: 1%;
  margin: 2% auto;
  width: 90%;
  padding-bottom: 20px;
}
.amenaza img{
width: 100%;
}





.caja-deados{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(0, 0fr);
  grid-column-gap: 3%;
  grid-row-gap: 1%;
  margin: 2% auto;
  width: 90%;
  padding-bottom: 20px;
}
.caja-deados p{
text-align: justify;
}
.caja-deados span{
color:rgba(255,80,0,1);
font-weight: bold;
}



a.vermas{text-decoration:none;color: #DF2E00;}
a.vermas:hover{color: #DF2E00;}



/*PIE PÁGINA*/


a.invest{color: #000;font-weight: bolder;}
a.invest:hover{opacity:.5;}






/*------------------------------------------*/




@media all and (max-width : 768px) {

.espacio{height:100px;}
.fotoder img{width: 98%;}
h3{
margin-top:1.4em;
}

.fotosaf img{width: 100%;}
.mapa img{width: 100%;}
.cerrar{background-color:rgba(255,80,0,.5);width:35px;height:35px;border-radius: 100%;
float: right;}

.caja-deados{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(0, 0fr);
  grid-column-gap: 3%;
  grid-row-gap: 1%;
  margin:30% auto;
  width: 90%;
  padding-bottom: 0px;
}
.caja-deados p{
text-align: justify;
}
.doble{ display: grid;
  grid-template-columns:100%;
  grid-template-rows: repeat(0, 0fr);
  grid-column-gap: 1%;
  grid-row-gap: 0%;
  margin: 0% auto;
  padding-bottom: 20px;
}
#cajadior{
  display: grid;
  grid-template-columns:100%;
  grid-template-rows: repeat(1, 0fr);
  grid-column-gap: 1%;
  grid-row-gap: 3%;
  margin: 0% auto;
  padding-bottom: 20px;
}

#main{
  width: 100%; 
  margin-bottom: 8%;
  margin-top:10px;
  }

.caja-centra{
width:94%;
padding:0 0;
text-align: center;
clear: both;
}





section.seccion1{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(0, 0fr);
  grid-column-gap: 1%;
  grid-row-gap: 1%;
  margin: 2% auto;
  width: 90%;
  padding-bottom: 20px;

}





.doscol{  display: grid;
  grid-template-columns:repeat(2, 1fr);
  grid-template-rows: repeat(0, 0fr);
  grid-column-gap: 2%;
  grid-row-gap: 0%;
  margin: 0% auto;
  padding-bottom: 20px;
  overflow: hidden;

}
.doscol div{
}
.doscol img{width:100%;border-radius: 50%;display:block;
}
.doscol p{text-align: center!important;margin:10% 0;
}



.contenedora-box{width:96%;margin: 0 auto;clear: both;  height:auto;}


div#contienes{display: none;}
div#topcelular{display: block;}



}

@media all and (max-width : 330px) {

 

}


@media only screen and (max-width: 480px) {
 
 div#contienes{display: none;}

  .crossfade > figure {
  height:80px;
  position: absolute;
  top: 0px;
}
div.dos{
  position: absolute;
  top:0;left: 0;
  width:100%; 
  height:80px; 
 /* background:cross-fade( url(../imgs/top/top-04.png) 50%, url(../imgs/top/top-02.jpg) 50%);*/
  background-image: url(../imgs/top/top-04.png);
  background-size:100%;
  background-repeat: no-repeat;
  background-color: transparent;
}


}