/* ------------------------------------------------------------------------------
  Global Styles
-------------------------------------------------------------------------------*/
@media (min-width: 36rem) and (max-width: 47.9375rem) {
  html {
    font-size: 85%;
  }
  h1 {
    font-size: 2.75rem;
  }
  h2 {
    font-size: 1.875rem;
  }
  h3 {
    font-size: 1.25rem;
  }
}
@media (min-width: 48rem) and (max-width: 61.9375rem) {
  html {
    font-size: 90%;
  }
  h1 {
    font-size: 3.25rem;
  }
  h2 {
    font-size: 2rem;
  }
  h3 {
    font-size: 1.375rem;
  }
}
@media (min-width: 62rem) and (max-width: 74.9375rem) {
  html {
    font-size: 95%;
  }
  h1 {
    font-size: 3.5rem;
  }
  h2 {
    font-size: 2.125rem;
  }
  h3 {
    font-size: 1.375rem;
  }
}
@media (min-width: 75rem) {
  html {
    font-size: 100%;
  }
  h1 {
    font-size: 4rem;
  }
  h2 {
    font-size: 2.625rem;
  }
  h3 {
    font-size: 1.625rem;
  }
}
@media (max-width: 35.9375rem) {
  h1 {
    font-size: 2.625rem;
    margin-bottom: 1.25rem;
  }
  h2 {
    font-size: 1.875rem;
  }
  h3 {
    font-size: 1.25rem;
  }
}
@media (min-width: 36rem) and (max-width: 61.9375rem) {
  h1 {
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 62rem) {
  h1 {
    margin-bottom: 2.5rem;
  }
}
@media (max-width: 47.9375rem) {
  h4 {
    font-size: 1.125rem;
  }
}
@media (min-width: 48rem) {
  h4 {
    font-size: 1.25rem;
  }
}

/* ------------------------------------------------------------------------------
  Droop Menu
-------------------------------------------------------------------------------*/
@media (max-width: 860px) {
  .droopmenu-brand .dmlogo-dark {
    display: block;
  }
  .droopmenu-brand img { 
    height: 55px; 
    top: 8px;  
  }
  .droopmenu-header {
    background-color: var(--menu-bgcolor);
    transition: none;
  }
  .droopmenu-mclose {
    background-color: var(--menu-bgcolor);
  }
  .droopmenu-offcanvas .droopmenu-nav {
    background-color: var(--menu-bgcolor);
  }
  .droopmenu > li > a {
    font-weight: 500;
    font-size: 14px;
    color: rgba(255, 255, 255, .7);
  }
  .droopmenu li:hover > a {
    color: var(--white-color);
  }
  .display-movil > li > a { 
    font-weight: 400; 
  }
}
@media only screen and (min-width: 861px) {
  .droopmenu-brand .dmlogo-dark {
    display: block;
  }
  .droopmenu-showbg {
    background: var(--menu-bgcolor);
    box-shadow: 0 1px 60px rgba(33, 33, 33, .2);
  }
  .droopmenu-showbg .droopmenu-brand .dmlogo-dark {
    height: 55px; 
    top: -10px;
  }
  .droopmenu-showbg .droopmenu > li > a {
    color: rgba(255,255,255,0.7);
  }
  .droopmenu-showbg .droopmenu > li > a:hover {
    color: var(--white-color);
  }
}

/* ------------------------------------------------------------------------------
    SECCIONES
-------------------------------------------------------------------------------*/
@media (max-width: 35.9375rem) {
  .ts-title {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 36rem) and (max-width: 61.9375rem) {
  .ts-title {
    margin-bottom: 5rem;
  }
}
@media (min-width: 62rem) {
  .ts-title {
    margin-bottom: 6.25rem;
  }
}
@media only screen and (max-width: 768px) {
  .k2-info {
    order: 2;
  }
  .k2-imagen {
    order: 1;
    margin-bottom: 40px;
  }
  .k2-sentir {
    margin-bottom: 40px;
  }
}

/* ------------------------------------------------------------------------------
    EXPERIENCIAS
-------------------------------------------------------------------------------*/
@media only screen and (max-width: 991px) {
  .experience-title.escafandra {
    margin-top: 2rem;
  }
  .experience-title.escafandra h2 {
    line-height: 100px;
  }
  .experience-title h2 {
    font-size: 8em;
  }
  .experience-img.escafandra {
    top: 22%;
  }
}
@media only screen and (max-width: 767px) {
  .experience-title.barco {
    margin-bottom: 23rem;
  }
  .experience-title.nocturno {
    margin-bottom: 25rem;
  }
  .experience-title.escafandra {
    margin-top: 1rem;
    margin-bottom: 22rem;
  }
  .experience-title.escafandra h2 {
    line-height: 100px;
  }
  .experience-title h2 {
    font-size: 7em;
  }
  .experience-img.escafandra {
    top: 22%;
  }
}
@media only screen and (max-width: 575px) {
  .experience-title.escafandra {
    margin-top: 1rem;
    margin-bottom: 24rem;
  }
  .experience-title.escafandra h2 {
    line-height: 80px;
  }
  .experience-title h2 {
    font-size: 7em;
  }
  .experience-img.escafandra {
    top: 22%;
  }
}
@media only screen and (max-width: 480px) {
  .experience-title.getaria {
    margin-bottom: 8rem;
  }
  .experience-title.barco {
    margin-bottom: 17rem;
  }
  .experience-title.nocturno {
    margin-bottom: 20rem;
  }
  .experience-title.escafandra {
    margin-top: 1rem;
    margin-bottom: 18rem;
  }
  .experience-title.escafandra h2 {
    line-height: 50px;
  }
  .experience-title h2 {
    font-size: 4.5em;
  }
  .experience-img.escafandra {
    top: 22%;
  }
  .experience-price.getaria {
    top: 20%;
    right: 0%;
  }
  .experience-price.barco, .experience-price.nocturno {
    top: 35%;
    right: 0%;
  }
  .experience-price.escafandra {
    position: absolute;
    top: 45%;
    right: 0%;
  }
  .experience-price p {
    font-size: 1.5em;
  }
  /* Pulsating Circle */
  .experience-price {
    width: 70px;
    height: 70px;
  }
  .experience-price:before {
    width: 150%;
    height: 150%;
    margin-left: -22%;
    margin-top: -20%;
  }
}

/* ------------------------------------------------------------------------------
    GALERÍAS (owl-carousel)
-------------------------------------------------------------------------------*/
@media (min-width: 75rem) {
  .ts-carousel-centered .owl-nav .owl-next {
    right: 5rem;
  }

  .ts-carousel-centered .owl-nav .owl-prev {
    left: 5rem;
  }
}
@media (min-width: 36rem) {
  .ts-carousel-centered .owl-nav .owl-next {
    right: 2.5rem;
  }

  .ts-carousel-centered .owl-nav .owl-prev {
    left: 2.5rem;
  }
}

/* ------------------------------------------------------------------------------
  TARJETA REGALO (Parallax)
-------------------------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  .regalo {
    background-attachment: scroll;
  }
}

/* ------------------------------------------------------------------------------
  FOOTER
-------------------------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  .footer-default__column {
    margin-bottom: 40px;
  }
}

/* ------------------------------------------------------------------------------
    AVISOS LEGALES
-------------------------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  .cierre-aviso-legal, .cierre-politica-privacidad, .cierre-politica-cookies {
    top: 10px;
    left: 15px;
    font-size: 25px;
  }
  .legal-info {
    height: 80%;
  }
}

/* ------------------------------------------------------------------------------
    Volver arriba
-------------------------------------------------------------------------------*/
@media (max-width: 1024px) {
  #back-top {
    bottom: 9px;
    right: 12px;
  }
}