@font-face {
    font-family: 'futurist';
    src: url('../fonts/futrfw-webfont.woff2') format('woff2'),
         url('../fonts/futrfw-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'futurabook';
    src: url('../fonts/futura-book-bt-webfont.woff2') format('woff2'),
         url('../fonts/futura-book-bt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*
20200807-Sebastián: página sintonia
*/
.pagina_sintonia{
 /*  position:  relative;
  height: 100vh; */
  /* padding-top: 110px; */
}
.entry-meta{
  display:  none;
}
.sintonia_encabezado{
  background:  url('/imagenes/sintonia/1.jpg') center 0 no-repeat;
  background-size:  cover;
  width:  100%;
  height: 89vh;
  position: relative;

  animation: sintonia_encabezado_animacion 2s;
}
@keyframes sintonia_encabezado_animacion {
    from { opacity: 0; margin-top:  -50px;}
    to   { opacity: 1; margin-top:  0px;}
}
.pagina_sintonia h1{
  font-family: 'futurist' !important;
  color: #fff;
  font-size: 90px;
  letter-spacing: 21px;
  width: 60vw;
  text-align: center;
  position:  absolute;
  left:  50%;
  top:  76%;
  transform:  translate(-50%, -50%);
  text-shadow: 2px 2px 2px rgb(0 0 0 / 43%);
  animation: pagina_sintonia_entrada 2s;
}
@keyframes pagina_sintonia_entrada {
    0% { opacity: 0; top: 70%; }
    44%   { opacity: 0; top: 70%; }
    100%   { opacity: 0.9; top: 76%; }
}

.pagina_sintonia h2{
  font-family: 'futurist' !important;
  color: #fff;
  font-size: 30px;
  letter-spacing: -6px;
  width: 500px;
  text-align: right;
  position: absolute;
  left: 58%;
  top: 82%;
  transform: translate(-52%, -50%);
  animation: pagina_sintonia_entrada2 2s;
  text-shadow: 2px 2px 2px rgb(0 0 0 / 43%);
  font-weight: bold;
}
@keyframes pagina_sintonia_entrada2 {
    0% { opacity: 0; top: 80%; }
    66%   { opacity: 0; top: 80%; }
    100%   { opacity: 0.9; top: 82%; }
}


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

.pagina_sintonia .sintonia_seccion0{
 


}

.pagina_sintonia .sintonia_seccion0 p{
  font-family: 'futurabook' !important;
  color: #000;
  font-size: 24px;
  /* letter-spacing: -11px; */
  font-style: italic;
  text-align: center;
}

.pagina_sintonia .sintonia_seccion0 p:first-child{
  padding-bottom:  15px;
}

.pagina_sintonia .sintonia_seccion0 p strong{
  font-family: 'futurabook' !important;
  color: #000;
  font-size: 24px;
  /* letter-spacing: -9px; */
  font-style: normal;
}


.pagina_sintonia .sintonia_seccion1 h3{
  color: #BBAB9C;
  font-family: 'futurist' !important;
  font-size: 98px;
  letter-spacing: 15px;
  width: 96vw;
  text-align: left;
  font-weight: bold;
  padding-bottom: 50px;
    position: relative;
}
.pagina_sintonia .sintonia_seccion1.in-view h3{
  animation: animacion_sintonia_seccion1_h3 2s;
}
@keyframes animacion_sintonia_seccion1_h3 {
    0% { opacity: 0; left: -50px; }
    100%   { opacity: 0.9;  left: 0px; }
}

.pagina_sintonia .sintonia_seccion1 img{

}
.pagina_sintonia .sintonia_seccion1 .titulo{
  width:  100%;
  padding-top:  30px;
  padding-bottom:  30px;
  text-align: center;
  font-family: 'futurabook' !important;
  color: #000;
  font-size: 22px;
  /* letter-spacing: -11px; */
  font-style: italic;
  text-align: center;
}
.pagina_sintonia .sintonia_seccion1 .titulo strong{
  font-family: 'futurabook' !important;
  color: #000;
  font-size: 22px;
  /* letter-spacing: -9px; */
  font-style: normal;
}

.pagina_sintonia .sintonia_seccion2{
  position: relative;
  opacity:  0;
  margin-top:  80px;
  transition:  opacity 3s ease, margin-top 3s ease;
}

.pagina_sintonia .sintonia_seccion2 .imagen1{
  position:  relative;
  left:  -100px;
  transition:  left 2s ease;
}
.pagina_sintonia .sintonia_seccion2 .imagen2{
  width: 70%;
  float:  right;
  position:  relative;
  right:  -100px;
  transition:  right 2s ease;
}

.pagina_sintonia .sintonia_seccion2.in-view .imagen1{
  left:  0px;
}
.pagina_sintonia .sintonia_seccion2.in-view .imagen2{
  right:  0px;
}

.pagina_sintonia .sintonia_seccion2 .titulo{
  position:  relative;
  right:  -100px;
  transition:  right 2s ease;
}

.pagina_sintonia .sintonia_seccion2.in-view .titulo{
  right:  0px;
}

.pagina_sintonia .sintonia_seccion2 .titulo{
  padding-top: 130px;
  width: 100%;
  text-align: right;
  color: #937B66;
  font-family: 'futurabook' !important;
  font-size: 35px;
  /* letter-spacing: -16px; */
}



.pagina_sintonia .sintonia_seccion3{
  /* position: relative;
  opacity:  0;
  margin-top:  80px;
  transition:  opacity 3s ease, margin-top 3s ease; */

}

.pagina_sintonia .sintonia_seccion3 .titulos3{
  font-family: 'futurabook' !important;
  color: #000;
  font-size: 50px;
}
.pagina_sintonia .sintonia_seccion3 .titulos31{
  color: #BBAB9C;
  padding-top:  270px;
}
.pagina_sintonia .sintonia_seccion3 .titulos32{
  color: #927B66;
  font-size: 90px;
  text-align: center;
}
.pagina_sintonia .sintonia_seccion3 .titulos33{
  color: #BBAB9C;
  padding-top:  180px;
  text-align: right;
}

.pagina_sintonia .sintonia_seccion3 .imagen1, .pagina_sintonia .sintonia_seccion3 .titulos31{
  position: relative;
  left: -80px;
  transition:  left 3s ease;
}
.pagina_sintonia .sintonia_seccion3 .imagen2, .pagina_sintonia .sintonia_seccion3 .titulos32{
  position: relative;
  top: -80px;
  transition:  top 3s ease;
}
.pagina_sintonia .sintonia_seccion3 .imagen3, .pagina_sintonia .sintonia_seccion3 .titulos33{
  position: relative;
  right: -80px;
  transition:  right 3s ease;
}

.pagina_sintonia .sintonia_seccion3.in-view .imagen1, .pagina_sintonia .sintonia_seccion3.in-view .titulos31{
  left: 0px;
}
.pagina_sintonia .sintonia_seccion3.in-view .imagen2, .pagina_sintonia .sintonia_seccion3.in-view .titulos32{
  top: 0px;
}
.pagina_sintonia .sintonia_seccion3.in-view .imagen3, .pagina_sintonia .sintonia_seccion3.in-view .titulos33{
  right: 0px;
}



/* 4 */
.pagina_sintonia .sintonia_seccion4{
  margin-top:  100px;
}
.pagina_sintonia .sintonia_seccion4 h3{
  color: #828689;
  font-family: 'futurist' !important;
  font-size: 103px;
  letter-spacing: 15px;
  width: 100%;
  padding-right:  80px;
  text-align: right;
  padding-bottom: 50px;
  position: relative;
}
.pagina_sintonia .sintonia_seccion4.in-view h3{
  animation: animacion_sintonia_seccion1_h3 2s;
}



.pagina_sintonia .sintonia_seccion4 .titulo{
  width:  100%;
  padding-top:  30px;
  padding-bottom:  30px;
  text-align: center;
  font-family: 'futurabook' !important;
  color: #000;
  font-size: 30px;
  /* letter-spacing: -11px; */
  /* font-style: italic; */
  text-align: center;
}
.pagina_sintonia .sintonia_seccion4 .titulo strong{
  font-family: 'futurabook' !important;
  color: #000;
  font-size: 30px;
  font-weight: bold;
  /* letter-spacing: -9px; */
  font-style: normal;
}


/* 5 */

.pagina_sintonia .sintonia_seccion5 .titulos5{
  font-family: 'futurabook' !important;
  color: #A1A4A7;
  font-size: 50px;
  text-align: center;
}
.pagina_sintonia .sintonia_seccion5 .titulos51{
  padding-top:  150px;
  font-size: 80px;
}
.pagina_sintonia .sintonia_seccion5 .titulos52{
  padding-top:  150px;
  text-align: center;
  font-size: 60px;
}
.pagina_sintonia .sintonia_seccion5 .titulos53{
  padding-top:  100px;
  text-align: right;
}
.pagina_sintonia .sintonia_seccion5 .imagen51{
  
}
.pagina_sintonia .sintonia_seccion5 .imagen52{
  padding-top:  100px;
}
.pagina_sintonia .sintonia_seccion5 .imagen53{
  padding-top:  120px;
}

.pagina_sintonia .sintonia_seccion5 .imagen51, .pagina_sintonia .sintonia_seccion5 .titulos51{
  position: relative;
  left: -80px;
  transition:  left 3s ease;
}
.pagina_sintonia .sintonia_seccion5 .imagen52, .pagina_sintonia .sintonia_seccion5 .titulos52{
  position: relative;
  top: -80px;
  transition:  top 3s ease;
}
.pagina_sintonia .sintonia_seccion5 .imagen53, .pagina_sintonia .sintonia_seccion5 .titulos53{
  position: relative;
  right: -80px;
  transition:  right 3s ease;
}

.pagina_sintonia .sintonia_seccion5.in-view .imagen51, .pagina_sintonia .sintonia_seccion5.in-view .titulos51{
  left: 0px;
}
.pagina_sintonia .sintonia_seccion5.in-view .imagen52, .pagina_sintonia .sintonia_seccion5.in-view .titulos52{
  top: 0px;
}
.pagina_sintonia .sintonia_seccion5.in-view .imagen53, .pagina_sintonia .sintonia_seccion5.in-view .titulos53{
  right: 0px;
}

/* 6 */

.pagina_sintonia .sintonia_seccion6 {
  
}

.pagina_sintonia .sintonia_seccion6 .titulo{
  font-family: 'futurabook' !important;
  color: #828689;
  font-size: 90px;
  text-align: center;
  padding-top:  50%;
  transform:  scale(1.5);
  transition: transform 3s;
}

.pagina_sintonia .sintonia_seccion6.in-view .titulo{
  transform:  scale(1);
}


/* 7 */

.pagina_sintonia .sintonia_seccion7{
  margin-top:  100px;
}
.pagina_sintonia .sintonia_seccion7 h3{
  color: #9F776D;
  font-family: 'futurist' !important;
  font-size: 115px;
  letter-spacing: 15px;
  width: 100%;
  text-align: left;
  padding-bottom: 50px;
  position: relative;
}
.pagina_sintonia .sintonia_seccion7.in-view h3{
  animation: animacion_sintonia_seccion1_h3 2s;
}



.pagina_sintonia .sintonia_seccion7 .titulo{
  width:  100%;
  padding-top:  30px;
  padding-bottom:  30px;
  text-align: center;
  font-family: 'futurabook' !important;
  color: #000;
  font-size: 30px;
  /* letter-spacing: -11px; */
  /* font-style: italic; */
  text-align: center;
}
.pagina_sintonia .sintonia_seccion7 .titulo strong{
  font-family: 'futurabook' !important;
  color: #000;
  font-size: 30px;
  font-weight: bold;
  /* letter-spacing: -9px; */
  font-style: normal;
}



/* 8 */

.pagina_sintonia .sintonia_seccion8{
    padding-top: 150px;
}

.pagina_sintonia .sintonia_seccion8 .titulos8{
  font-family: 'futurabook' !important;
  color: #AE9A8A;
  font-size: 60px;
}
.pagina_sintonia .sintonia_seccion8 .titulos81{
  /* padding-top:  270px; */

  position: absolute;
  top: -10%;
  z-index: 999;
  left: 30px;
}
.pagina_sintonia .sintonia_seccion8 .titulos82{
  font-size: 80px;
  text-align: center;
  position: absolute;
  top: 0%;
  z-index: 999;
  left: 60%;
}
.pagina_sintonia .sintonia_seccion8 .titulos83{
  text-align: right;
  font-size: 50px;
  padding: 100px 100px 50px;
}

.pagina_sintonia .sintonia_seccion8 .imagen81{

}
.pagina_sintonia .sintonia_seccion8 .imagen82{
  top:  112px;
}
.pagina_sintonia .sintonia_seccion8 .imagen83{
  top:  111px;
}

.pagina_sintonia .sintonia_seccion8 .imagen81, .pagina_sintonia .sintonia_seccion8 .titulos81{
  position: relative;
  left: -80px;
  transition:  left 3s ease;
}
.pagina_sintonia .sintonia_seccion8 .imagen82, .pagina_sintonia .sintonia_seccion8 .titulos82{
  position: relative;
  top: -80px;
  transition:  top 3s ease;
}
.pagina_sintonia .sintonia_seccion8 .imagen83, .pagina_sintonia .sintonia_seccion8 .titulos83{
  position: relative;
  right: -80px;
  transition:  right 3s ease;
}

.pagina_sintonia .sintonia_seccion8.in-view .imagen81, .pagina_sintonia .sintonia_seccion8.in-view .titulos81{
  left: 0px;
}
.pagina_sintonia .sintonia_seccion8.in-view .imagen82{
  top: 112px;
}
.pagina_sintonia .sintonia_seccion8.in-view .titulos82{
  top: 111px;
}
.pagina_sintonia .sintonia_seccion8.in-view .imagen83, .pagina_sintonia .sintonia_seccion8.in-view .titulos83{
  right: 0px;
}


/* 9 */

.pagina_sintonia .sintonia_seccion9 {
  position:  relative;
}

.pagina_sintonia .sintonia_seccion9 .titulo9{
  font-family: 'futurabook' !important;
  color: #AE9A8A;
  font-size: 50px;
  text-align: center;
  transform:  scale(1.5);
  transition: transform 3s;
  position: absolute;
  z-index:  100;
}

.pagina_sintonia .sintonia_seccion9 .titulo91{
  top:  10%;
  left: 8%;
}
.pagina_sintonia .sintonia_seccion9 .titulo92{
  bottom:  20%;
  left:  3%;
}

.pagina_sintonia .sintonia_seccion9.in-view .titulo9{
  transform:  scale(1);
}


/* 10 */

.sintonia_seccion10{
  background:  url('/imagenes/sintonia/10.jpg') center 0 no-repeat;
  background-size:  cover;
  width:  100%;
  height: 89vh;
  position: relative;
  margin-top: 100px;
  margin-bottom: 100px;
  animation: sintonia_encabezado_animacion 2s;
}

.sintonia_seccion10 .titulo101{
  font-family: 'futurist' !important;
  color: #fff;
  font-size: 100px;
  letter-spacing: 21px;
  width: 100%;
  text-align: right;
  position:  absolute;
  padding-right:  40px;
  top:  3%;
  transform:  scale(1.5);
  transition: transform 2s;
}

.sintonia_seccion10 .titulo102{
  font-family: 'futurist' !important;
  color: #fff;
  font-size: 35px;
  letter-spacing: -15px;
  width: 100%;
  text-align: right;
  position: absolute;
  top: 19%;
  font-weight: bold;
  padding-right:  6%;
  transform:  scale(1.5);
  transition: transform 2s;
}

.sintonia_seccion10.in-view .titulo101, .sintonia_seccion10.in-view .titulo102{
  transform:  scale(1);
}













.pagina_sintonia .container.in-view, .pagina_sintonia .sintonia_seccion5.in-view{
  opacity:  1;
  margin-top:  0;
}

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

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

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

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

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

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

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

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

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

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

.pagina_sintonia 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_sintonia 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_sintonia .sintonia_seccion4 h4{
    font-size: 60px;
    padding: 10px 0;
    padding-top:  50px;
    transform: scale(0.9, 1.4);
}
.pagina_sintonia .sintonia_seccion4 h4 + h4{
    padding-top:  50px;
    padding-bottom:  100px;
}

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

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

.pagina_sintonia 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_sintonia a.button:hover{
  text-decoration: none;
  background:  #66899a;
}

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

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

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

.btn-whatsapp{
  display:  none;
}

@media (max-width: 970px){
  .contenedor_mini_info_mobile.visible-xs-block{
    display:  none !important;
  }
  .pagina_sintonia{
    padding-top:  0;
  }
  .sintonia_encabezado{
    background:  url('/imagenes/sintonia/1_mobile.jpg') center 0 no-repeat;
    background-size:  cover;
    width:  100%;
    height: 100vh;
    position: relative;
  }
    .sintonia_encabezado .titulo{
        width: 80%;
    }
    .sintonia_encabezado .pri_ver{
        top:  20%;
    }
  .pagina_sintonia h1{
    font-size: 34px;
    top: 60%;
    letter-spacing: 10px;
    transform: none;
    left: 0;
    width: 100%;
    animation: pagina_sintonia_entrada_mobile 2s;
  }
  @keyframes pagina_sintonia_entrada_mobile {
      0% { opacity: 0; top: 50%; }
      44%   { opacity: 0; top: 50%; }
      100%   { opacity: 0.9; top: 60%; }
  }
  .pagina_sintonia h2{
    font-size:  15px;
    top: 65%;
    letter-spacing: 10px;
    transform: none;
    left: 0;
    width: 90%;
    animation: pagina_sintonia_entrada2_mobile 2s;
  }
  @keyframes pagina_sintonia_entrada2_mobile {
      0% { opacity: 0; top: 50%; }
      66%   { opacity: 0; top: 50%; }
      100%   { opacity: 0.9; top: 65%; }
  }
  
  .pagina_sintonia .sintonia_seccion0 p{
    font-size: 13.5px;
        width: 90%;
        margin: 0 auto;
  }
  .pagina_sintonia .sintonia_seccion0 p strong{
    font-size: 13.5px;
  }
  .pagina_sintonia .sintonia_seccion1 h3{
    font-size: 28px;
    letter-spacing: 3px;
    padding-bottom: 20px;
  }
  .pagina_sintonia .sintonia_seccion1 .titulo{
    width: 80%;
    font-size: 14px;
    margin: 0 auto;
  }
  .pagina_sintonia .sintonia_seccion1 .titulo strong{
    font-size: 14px;
  }
  .pagina_sintonia .sintonia_seccion2 .imagen2{
    width:  100%;
  }
  .pagina_sintonia .sintonia_seccion3 .titulos31{
    padding-top:  30px;
  }
  .pagina_sintonia .sintonia_seccion3 .titulos33{
    padding-top:  30px;
  }
  .pagina_sintonia .sintonia_seccion4 h3{
    font-size: 30px;
    letter-spacing: 10px;
    padding-bottom: 20px;
  }
  .pagina_sintonia .sintonia_seccion4 .titulo{
    width: 90%;
    font-size:  22px;
    margin:  0 auto;
  }
  .pagina_sintonia .sintonia_seccion4 .titulo strong{
    font-size:  22px;
  }
  .pagina_sintonia .sintonia_seccion5 .titulos51{
    padding-top:  100px;
  }
  .pagina_sintonia .sintonia_seccion5 .titulos52{
    padding-top:  50px;
  }
  .pagina_sintonia .sintonia_seccion5 .titulos53{
    padding-top: 10px;
    text-align: center;
    font-size: 40px;
  }
  .pagina_sintonia .sintonia_seccion5 .imagen53{
    padding-top: 70px;
  }
  .pagina_sintonia .sintonia_seccion6 .titulo{
    padding-top: 30px;
    font-size: 65px;
  }
  .pagina_sintonia .sintonia_seccion7{
    margin-top: 0px ;
  }
  .pagina_sintonia .sintonia_seccion7 h3{
    font-size: 40px;
    letter-spacing: 10px;
    padding-bottom: 30px;
  }
  .pagina_sintonia .sintonia_seccion7 .titulo{
    width: 80%;
    margin:  0 auto;
    font-size: 25px;
  }
  .pagina_sintonia .sintonia_seccion7 .titulo strong{
    font-size: 25px;
  }
  .pagina_sintonia .sintonia_seccion8{
    padding-top:  30px;
  }
  .pagina_sintonia .sintonia_seccion8 .titulos81{
        font-size: 50px;
  }
  .pagina_sintonia .sintonia_seccion8 .titulos82{
    left:  0;
  }
  .pagina_sintonia .sintonia_seccion8 .titulos83{
    padding: 30px;
    bottom: 0;
    text-align: center;
    padding-top: 160px;
    font-size: 40px;
  }
  .pagina_sintonia .sintonia_seccion9 .titulo91{
    top: 7% ;
    color: #fff;
        font-size: 40px;
  }
  .pagina_sintonia .sintonia_seccion9 .titulo92{
    left: 0;
    width: 100%;
    bottom: -30%;
  }
  .sintonia_seccion10 {
    height: 59vh;
  }
  .sintonia_seccion10 .titulo101{
    font-size: 30px;
    letter-spacing: 6px;
  }
  .sintonia_seccion10 .titulo102{
    font-size: 18px;
    letter-spacing: -7px;
    top: 13%;
    padding-right: 12%;
  }
}