/*--------------------------- Celular */

/*- INICIO */

#inicio {
  padding-top: 50px;
  padding-bottom: 50px;
}
#inicio .tit-ini {
  font-weight: 300;
  font-size: 2.4em;
  color: var(--uno);
}
#inicio .tit-ini span {
  font-size: .7em;
  font-weight: 600;
  color: var(--tres);
}
/*- CINCO DIAS */

#cinco-dias {
  background-image: url(../img/index/index-5-dias-el-de-mayor-ranking-barrancas-premium.webp);
  background-size: cover;
  color: #fff;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}
#cinco-dias .cinco-desc h1 {
  font-size: 20px;
  text-align: center;
}
#cinco-dias .cinco-desc h2 {
  font-size: 14px;
  text-align: center;
}
#cinco-dias .cinco-desc a.mas {
  background: #000;
  color: #fff;
  border: 1px solid var(--gris3);
  margin-top: 30px;
  transition: all .3s;
}
#cinco-dias .cinco-desc a.mas:hover {
  background: var(--gris3);
  color: #000;
  border: 1px solid #000;
  margin-top: 30px;
}
/*- SEIS */

#seis-dias .venado {
  background-color: var(--gris1);
  background-image: url(../img/index/tours-a-vancouver-suspension-bridge.svg);
  background-size: 95%;
  background-repeat: no-repeat;
  background-position: center bottom;
  text-align: center;
  padding: 40px;
}
#seis-dias .canon {
  background-color: var(--gris2);
  background-image: url(../img/index/paquetes-a-canada-vancouver-en-clase-premium.svg);
  background-size: 95%;
  background-repeat: no-repeat;
  background-position: center bottom;
  text-align: center;
  padding: 40px;
}
/*- SIETE */

#siete-dias .menona {
  background-color: var(--gris1);
  background-image: url(../img/index/tour-en-glaciar-athabasca-viajes-a-canada.svg);
  background-size: 1000%;
  background-repeat: no-repeat;
  background-position: center bottom;
  text-align: center;
  padding: 40px;
}
#siete-dias .zorro {
  background-color: var(--gris2);
  background-image: url(../img/index/paquetes-a-canada-tren-mountaneer.svg.svg);
  background-size: 95%;
  background-repeat: no-repeat;
  background-position: center bottom;
  text-align: center;
  padding: 40px;
}
/*- SEIS Y SIETE */

#seis-dias .venado h1, #seis-dias .canon h1, #siete-dias .menona h1, #siete-dias .zorro h1 {
  font-size: 2.5em;
  font-weight: 300;
  color: var(--uno);
}
#seis-dias .venado h2, #seis-dias .canon h2, #siete-dias .menona h2, #siete-dias .zorro h2 {
  font-size: 1.3em;
  font-weight: 600;
}
#seis-dias .venado h3, #seis-dias .canon h3, #siete-dias .menona h3, #siete-dias .zorro h3 {
  font-size: .9em;
  font-weight: 600;
}
#seis-dias .venado a, #seis-dias .canon a, #siete-dias .menona a, #siete-dias .zorro a {
  background: var(--dos);
  color: #fff;
  margin-top: 30px;
}
/*- OCHO */

#ocho-dias {
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: center;
}
.cont-ocho {
  margin-bottom: 30px;
}
#ocho-dias .cont-ocho {
  padding: 20px;
  background-color: var(--gris1);
  text-align: center;
  border: 1px solid var(--gris2);
  box-shadow: var(--sombra);
}
#ocho-dias .cont-ocho h1 {
  font-size: 20px;
}
#ocho-dias .cont-ocho h1 span {
  font-size: .7em;
  font-weight: 500;
}
#ocho-dias .cont-ocho h2 {
  font-size: 1em;
  font-weight: 600;
}
#ocho-dias .cont-ocho h3 {
  font-size: .5em;
  font-weight: 600;
}
#ocho-dias .cont-ocho a {
  background-color: var(--dos);
  color: #fff;
  margin-top: 30px;
}
#ocho-dias .cont-ocho img {
  border: 2px inset;
}
/*- CHEPE */

#inicio-chepe {
  text-align: center;
}
.desc-chepe-inicio {
  padding-top: 100px;
  padding-bottom: 100px;
}
.desc-chepe-inicio h1 {
  color: #fff;
  margin-top: 5%;
  font-weight: 300;
  font-size: 2em;
}
.desc-chepe-inicio h2 {
  color: #fff;
  font-weight: 500;
  font-size: 1.5em;
}
.desc-chepe-inicio a {
  background-color: #fff;
  border: 1px solid #fff;
  color: var(--chepe);
  margin-top: 30px;
}
.img-chepe-inicio img {
  border: 3px solid #fff;
}
.desc-chepe-inicio img {
  border: none;
}
.desc-chepe-inicio a:hover {
  background-color: #fff;
  border: 1px solid var(--chepe);
  color: var(--chepe);
  margin-top: 30px;
}
#inicio-chepe {
  background-color: var(--chepe);
  background-image: url(../img/index/monte.svg);
  background-size: cover;
  padding-top: 70px;
  padding-bottom: 50px;
}
.lobo img {
  max-width: 100%;
}
.mayor {
  display: flex;
  align-items: center;
  justify-content: center;
}
.conteido-ocho h1 {
  font-size: 20px;
}
.conteido-ocho h6, .conteido-ocho h2 {
  font-size: 14px;
}
.modelo img {
  margin-right: 30px;
}
/*------------------------------------ Tablet
*/

@media (min-width: 768px) and (max-width: 1199px) {
  #inicio {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  #cinco-dias .cinco-titulo, #cinco-dias .cinco-desc {
    padding: 4%;
  }
  #seis-dias .venado {
    background-size: 70%;
  }
  #seis-dias .canon {
    background-size: 90%;
  }
  /*- SIETE */
  #siete-dias .menona {
    background-size: 90%;
  }
  #siete-dias .zorro {
    background-size: 70%;
  }
  #ocho-dias .cont-ocho h1 span {
    font-size: .7em;
  }
  .desc-chepe-inicio {
    padding: 100px;
    padding-top: 55px;
  }
  .desc-chepe-inicio h1 {
    color: #fff;
    margin-top: 5%;
    font-weight: 300;
    font-size: 2em;
  }
  .desc-chepe-inicio h2 {
    color: #fff;
    font-weight: 500;
    font-size: 1.5em;
  }
  #inicio-chepe {
    text-align: left;
    padding-top: 70px;
    padding-bottom: 50px;
  }
  #ocho-dias {
    padding-top: 100px;
    padding-bottom: 60px;
  }
}
/*--------------------------------- Monitor
*/

@media (min-width: 1200px) {
  #cinco-dias {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  #cinco-dias .cinco-titulo {
    text-align: right;
  }
  #cinco-dias .cinco-desc h1 {
    font-size: 30px;
  }
  #cinco-dias .cinco-desc h2 {
    font-size: 17px;
  }
  #cinco-dias .cinco-desc h6 {
    font-size: 16px;
  }
  #seis-dias .venado {
    background-size: 40%;
  }
  #seis-dias .canon {
    background-size: 60%;
  }
  /*- SIETE */
  #siete-dias .menona {
    background-size: 60%;
  }
  #siete-dias .zorro {
    background-size: 40%;
  }
  #ocho-dias .conte-ocho {
    min-height: 100px;
  }
  #ocho-dias .conte-ocho .ocho {
    height: 100%;
  }
  #inicio {
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center;
  }
  #inicio .tit-ini {
    font-size: 3em;
  }
  #inicio .tit-ini span {
    font-size: .7em;
  }
  .desc-chepe-inicio {
    padding: 100px;
  }
  .desc-chepe-inicio h1 {
    color: #fff;
    margin-top: 5%;
    font-weight: 300;
    font-size: 2em;
  }
  .desc-chepe-inicio h2 {
    color: #fff;
    font-weight: 500;
    font-size: 1.5em;
  }
  #inicio-chepe {
    text-align: left;
    padding-top: 70px;
    padding-bottom: 50px;
  }
  .conteido-ocho h1 {
    font-size: 20px;
  }
  .conteido-ocho h6, .conteido-ocho h2 {
    font-size: 14px;
  }
}