@font-face {
    font-family: 'Felix Titling MT';
    src: url('../fonts/FelixTitlingMT.eot');
    src: url('../fonts/FelixTitlingMT.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FelixTitlingMT.woff2') format('woff2'),
        url('../fonts/FelixTitlingMT.woff') format('woff'),
        url('../fonts/FelixTitlingMT.ttf') format('truetype'),
        url('../fonts/FelixTitlingMT.svg#FelixTitlingMT') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Alison';
    src: url('../fonts/Alisonfinch.eot');
    src: url('../fonts/Alisonfinch.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Alisonfinch.woff2') format('woff2'),
        url('../fonts/Alisonfinch.woff') format('woff'),
        url('../fonts/Alisonfinch.ttf') format('truetype'),
        url('../fonts/Alisonfinch.svg#Alisonfinch') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Astina';
    src: url('../fonts/Astina.eot');
    src: url('../fonts/Astina.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Astina.woff2') format('woff2'),
        url('../fonts/Astina.woff') format('woff'),
        url('../fonts/Astina.ttf') format('truetype'),
        url('../fonts/Astina.svg#Astina') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*
20200807-Sebastián: página eterea
*/
.entry-meta{
  display:  none;
}
.eterea_encabezado{
  background:  url('/imagenes/eterea/eterea_header.jpg') center 0 no-repeat;
  background-size:  cover;
  width:  100%;
  height: 100vh;
  position: relative;
}
.pagina_eterea h1{
  font-family: 'Astina' !important;
  color: #fff;
  font-size: 90px;
  letter-spacing: 10px;
  width: 100%;
  text-align: center;
  position:  absolute;
  left:  0;
  top:  62%;
  transform:  translateY(-50%);
  animation: pagina_eterea_entrada 1.5s;
}

.eterea_encabezado .titulo{
    position:  absolute;
    bottom: 10%;
    left: 25%;
    width: 40%;
    animation: pagina_eterea_entrada 2s;
}

.eterea_encabezado .pri_ver{
    position: absolute;
    top: 13%;
    right: 2%;
    width: auto;
}

.eterea_encabezado .titulo img{
    width:  100%;
    filter: drop-shadow(6px 1px 13px #fff);
}

@keyframes pagina_eterea_entrada {
    from { opacity: 0; bottom: 0%; }
    to   { opacity: 0.9; bottom: 10%; }
}

.pagina_eterea h2{
  font-family: 'Felix Titling MT' !important;
  color: #fff;
  font-size: 30px;
  letter-spacing: 10px;
  width: 100%;
  text-align: center;
  position:  absolute;
  left:  10%;
  top:  68%;
  transform:  translateY(-50%);
  animation: 1s ease 0.3s normal forwards 1 pagina_eterea_entrada2;
  opacity:  0;
  animation-iteration-count:  1;
  /* animation-delay: 0.7s; */
}
@keyframes pagina_eterea_entrada2 {
    from { opacity: 0; top: 78%; }
    to   { opacity: 1; top: 68%; }
}


.pagina_eterea .container{
  padding-top:  40px;
  padding-bottom:  40px;
  opacity:  0;
  margin-top:  80px;
  transition:  opacity 3s ease, margin-top 3s ease;
}

.pagina_eterea .eterea_seccion3{
  position: relative;
  opacity:  0;
  margin-top:  80px;
  transition:  opacity 3s ease, margin-top 3s ease;
}
/*
.pagina_eterea .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.pagina_eterea .row > [class*='col-'] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}*/

.pagina_eterea .container.in-view, .pagina_eterea .eterea_seccion3.in-view{
  opacity:  1;
  margin-top:  0;
}

.pagina_eterea .container img{
  max-width: 100%;
}

.pagina_eterea .container-fluid img{
  width: 100%;
  max-width: 100%;
}

.pagina_eterea > div .row > div.con_titulo{
  position:  relative;
}

.pagina_eterea > div .row > div.con_titulo .titulo, .eterea_seccion3 .titulo{
  position:  absolute;
  top:  50%;
  left: 40%;
  transform: translate(-5%, -60%);
  width:  550px;
  opacity:  0;
  transition:  opacity 3s ease, left 3s ease;
}

.eterea_seccion3 .titulo1{
  top:  18%;
  left:  20%;
}

.eterea_seccion3 .titulo2{
  top:  auto;
  left:  auto;
  right:  12%;
  bottom:  4%;
  transition:  opacity 3s ease, right 3s ease;
}

.eterea_seccion3.in-view .titulo1{
  top:  18%;
  left:  0%;
  opacity:  1;
}

.eterea_seccion3.in-view .titulo2{
  right:  0%;
  opacity:  1;
}

.pagina_eterea > div.in-view .row > div.con_titulo .titulo{
  opacity:  1;
  left:  20%;
}

.pagina_eterea > div.eterea_seccion2 .row > div.con_titulo .titulo{
  left:  00%;
}
.pagina_eterea > div.in-view.eterea_seccion2 .row > div.con_titulo .titulo{
  opacity:  1;
  left:  25%;
}

.pagina_eterea h3{
  font-family: 'Felix Titling MT' !important;
  color: #000;
  font-size: 45px;
  letter-spacing: 2px;
  text-align: center;
  padding: 50px 0 10px 0;
  line-height: 5rem;
  margin:  0;
}

.pagina_eterea h4{
    font-family: 'Alison' !important;
    color: #000;
    font-size: 50px;
    letter-spacing: 2px;
    text-align: center;
    padding: 10px 0 50px;
    line-height: 5rem;
    margin: 0;
    transform: scale(0.9, 1.4);
}

.pagina_eterea .eterea_seccion4 h4{
    font-size: 60px;
    padding: 10px 0;
    padding-top:  50px;
    transform: scale(0.9, 1.4);
}
.pagina_eterea .eterea_seccion4 h4 + h4{
    padding-top:  50px;
    padding-bottom:  100px;
}

.pagina_eterea h3 + h4{
    /* padding-top:  0; */
    /* padding-bottom:  50px; */
}

.pagina_eterea h3 strong{
  font-family: 'Felix Titling MT' !important;
  color: #000;
  font-size: 30px;
  letter-spacing: 10px;
}

.pagina_eterea a.button{
  font-family: 'Felix Titling MT' !important;
      border-radius: 0;
    border: 0;
    margin: 0;
    transition: all 0.3s;
    font-size: 17px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 700;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #87a8b7;
    color: #fff;
    letter-spacing: 1px;
    padding: 15px 30px;
    margin: 0 auto;
}
.pagina_eterea a.button:hover{
  text-decoration: none;
  background:  #66899a;
}

.pagina_eterea .ultimo{
  padding-bottom:  200px;
}

.btn-eterea{
        background-image: linear-gradient(to bottom,#95c6c2 0,#2d887c 100%);
    font-size: 20px;
    padding: 15px 30px;
    margin: 60px auto;
    display: inline-block;   
}

.btn-eterea:hover{
    color: #fff;
    background-image: linear-gradient(to bottom,#77bfb9 0,#175e55 100%); 
}

@media (max-width: 970px){
  .eterea_encabezado{
    background:  url('/imagenes/eterea/eterea_header_mobile.jpg?v=2') center 0 no-repeat;
    background-size:  cover;
    width:  100%;
    height: 100vh;
    position: relative;
  }
    .eterea_encabezado .titulo{
        width: 80%;
    }
    .eterea_encabezado .pri_ver{
        top:  20%;
    }
  .pagina_eterea h1{
    font-size:  50px;
  }
  .pagina_eterea h2{
    font-size:  15px;
    left:  0;
    padding-top: 40px;
  }
  .pagina_eterea h4{
    font-size:  40px;
    line-height: 3.5rem;
    margin-bottom: 50px;
  }
  .pagina_eterea .eterea_seccion4 h4{
    font-size:  30px;
    line-height: 2.5rem;
        padding-top: 20px;
  }
  .pagina_eterea .eterea_seccion4 h4 + h4{
        padding-top: 20px;
    padding-bottom: 0px;
  }
  .eterea_seccion3, .eterea_seccion5{
    padding-top:  40px;
    padding-bottom:  40px;
  }

  .pagina_eterea > div .row > div.con_titulo .titulo{
    width:  80%;
    top:  90%;
  }

  .pagina_eterea > div.in-view .row > div.con_titulo .titulo{
    left:  0;
  }


  .eterea_seccion3 .titulo1{
    width:  50%;
        top: 28%;
  }

  .eterea_seccion3.in-view .titulo1{
        top: 28%;
  }

  .eterea_seccion3 .titulo2{
    width:  50%;
  }


}