body{

	scroll-behavior: smooth;

	font-family: "Lato", sans-serif;

  overflow-x: hidden;

}



* {

  margin: 0;

  padding: 0;

  outline: 0;

  box-sizing: border-box;

}



h1{

	 font-family: "Arvo", serif;

	 font-size: 72px;

}



h2{

	font-size: 42px;

   font-family: "Arvo", serif;

}



h3{

  font-family: "Arvo", serif;

	font-size: 32px;

}



h4{

  font-family: "Arvo", serif;

  font-size: 20px;

}



p{

	font-size: 16px;

  line-height: 28px;

}



.legal{

  font-size: 12px;

}



.no-gutters{

  padding-left: 0;

  padding-right: 0;

}



@media (min-width: 1400px) {

    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {

        max-width: 1200px;

    }

}



/*header*/



.logo-item a{

  position: relative;

    margin: 0 30px;

}



.navbar{

  background-color: #fff;

  height: 100px;

  box-shadow: 2px 3px 5px -2px rgba(0,0,0,0.51);

-webkit-box-shadow: 2px 3px 5px -2px rgba(0,0,0,0.51);

-moz-box-shadow: 2px 3px 5px -2px rgba(0,0,0,0.51);

}



.menu-item {

  position: relative;

  margin: 0 30px;

}



.nav-item img{

  width: 160px;

  max-width: 100%;

}



.navbar-expand-lg .navbar-nav .nav-link a{

  margin-top: 17px;

  font-size: 14px;

  color: #000;

  text-transform: uppercase;

  padding: 0;

  width: 100px;

    max-width: 100%;

    text-align: center;

    text-decoration: none;

}



.navbar-collapse ul li.despegable > a:before {

    position: absolute;

    top: 36px;

    left: 0;

    width: 100%;

    height: 2px;

    background: transparent;

    content: '';

    opacity: 0;

    -ms-transition: opacity 0.3s, -webkit-transform 0.3s;

    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

    transition: opacity 0.3s, transform 0.3s;

    -ms-transform: translateY(10px);

    -webkit-transform: translateY(10px);

    transform: translateY(10px);

}



.navbar-collapse ul li.despegable:hover > a:before {

	opacity: 1;

	-ms-transform: translateY(0px);

	-webkit-transform: translateY(0px);

	transform: translateY(0px);

	bottom: 0px;

	background: #DA1C5C;

}



.dropdown-item:hover, .dropdown-item:focus {

    color: #DA1C5C;

    text-decoration: none;

    background-color: transparent;

}



.dropdown-menu {

  border: 0px;

 

}



.dropdown-toggle::after{

  display: none;

}



.navbar-expand-lg .navbar-nav .dropdown-menu{

   background-color: #FAF8F4;

   text-align: center;

    left: -40px;

    right: 0;

    top: 70px;

    border-radius: 0;

}



.navbar-expand-lg .navbar-nav .dropdown-menu li{

  margin-bottom: 15px;

      margin: 0;

    margin-top: 10px;

    margin-bottom: 10px;

}



.navbar-expand-lg .navbar-nav .dropdown-menu li a{

  text-transform: inherit;

      display: block;

    margin: 0 auto;

    text-align: center;

    width: 100%;

    text-decoration: none;

}



.navbar-expand-lg .navbar-nav .dropdown-menu li a:hover{

  color: #DA1C5C;

}



.nav-lang{

  position: absolute;

  right: 80px;

}



.nav-lang  a.nav-link{

  color: #DA1C5C;

}



.nav-lang .dropdown-menu {

    max-width: 70px;

    min-width: 50px;

    width: 70px !important;

    left: 15px!important;

    right: 0!important;

    top: 40px!important;

}



.nav-lang .arrow {

  border: solid #DA1C5C;

  border-width: 0 2px 2px 0;

  display: inline-block;

  padding: 3px;

  vertical-align: top;

    margin-top: 3px;

    margin-left: 5px;

}



.nav-lang .down {

  transform: rotate(45deg);

  -webkit-transform: rotate(45deg);

}



.navbar-expand-lg .nav-lang .nav-link{

  margin-top: 0;

}



/*fin*/



/*menu rwd*/





.box-menu{

  display: none;

}



.site-navbar {

  margin-bottom: 0px;

  z-index: 1999;

  position: absolute;

  top: 0;

  width: 100%; }

  .site-navbar .site-logo {

    position: relative;

    left: 0;

    font-size: 24px; }

  .site-navbar .site-navigation .site-menu {

    margin-bottom: 0; }

    .site-navbar .site-navigation .site-menu .active {

      color: #007bff;

      display: inline-block;

      padding: 20px 20px; }

    .site-navbar .site-navigation .site-menu a {

      text-decoration: none !important;

      display: inline-block; }

    .site-navbar .site-navigation .site-menu > li {

      display: inline-block; }

      .site-navbar .site-navigation .site-menu > li > a {

        padding: 20px 20px;

        font-size: 13px;

        text-transform: uppercase;

        display: inline-block;

        text-decoration: none !important; }

        .site-navbar .site-navigation .site-menu > li > a:hover {

          color: #007bff; }

      .site-navbar .site-navigation .site-menu > li.social > a {

        padding-left: 5px;

        padding-right: 5px; }

    .site-navbar .site-navigation .site-menu .has-children {

      position: relative; }

      .site-navbar .site-navigation .site-menu .has-children > a {

        position: relative;

        padding-right: 20px; }

        .site-navbar .site-navigation .site-menu .has-children > a:before {

          position: absolute;

          content: "\e313";

          font-size: 16px;

          top: 50%;

          right: 0;

          -webkit-transform: translateY(-50%);

          -ms-transform: translateY(-50%);

          transform: translateY(-50%);

          font-family: 'icomoon'; }

      .site-navbar .site-navigation .site-menu .has-children .dropdown {

        visibility: hidden;

        opacity: 0;

        top: 100%;

        position: absolute;

        text-align: left;

        border-top: 2px solid #007bff;

        -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);

        box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);

        padding: 0px 0;

        margin-top: 20px;

        margin-left: 0px;

        background: #fff;

        -webkit-transition: 0.2s 0s;

        -o-transition: 0.2s 0s;

        transition: 0.2s 0s; }

        .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {

          position: absolute; }

          .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {

            bottom: 100%;

            left: 20%;

            border: solid transparent;

            content: " ";

            height: 0;

            width: 0;

            position: absolute;

            pointer-events: none; }

          .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {

            border-color: rgba(136, 183, 213, 0);

            border-bottom-color: #fff;

            border-width: 10px;

            margin-left: -10px; }

        .site-navbar .site-navigation .site-menu .has-children .dropdown a {

          text-transform: none;

          letter-spacing: normal;

          -webkit-transition: 0s all;

          -o-transition: 0s all;

          transition: 0s all;

          color: #000; }

        .site-navbar .site-navigation .site-menu .has-children .dropdown .active {

          color: #007bff !important; }

        .site-navbar .site-navigation .site-menu .has-children .dropdown > li {

          list-style: none;

          padding: 0;

          margin: 0;

          min-width: 210px; }

          .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {

            padding: 9px 20px;

            display: block; }

            .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {

              background: #eff1f3;

              color: #000; }

          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before {

            content: "\e315";

            right: 20px; }

          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {

            left: 100%;

            top: 0; }

      .site-navbar .site-navigation .site-menu .has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children:focus > a, .site-navbar .site-navigation .site-menu .has-children:active > a {

        color: #007bff; }

      .site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active {

        cursor: pointer; }

        .site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown {

          -webkit-transition-delay: 0s;

          -o-transition-delay: 0s;

          transition-delay: 0s;

          margin-top: 0px;

          visibility: visible;

          opacity: 1; }





.site-mobile-menu {

  width: 300px;

  position: fixed;

  right: 0;

  z-index: 2000;

  padding-top: 20px;

  background: #DA1C5C;

  height: calc(100vh);

  -webkit-transform: translateX(110%);

  -ms-transform: translateX(110%);

  transform: translateX(110%);

  -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);

  box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);

  -webkit-transition: .3s all ease-in-out;

  -o-transition: .3s all ease-in-out;

  transition: .3s all ease-in-out; }

  .offcanvas-menu .site-mobile-menu {

    -webkit-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%);

    top: 62px; 



  }

  .site-mobile-menu .site-mobile-menu-header {

    width: 100%;

    float: left;

    padding-left: 20px;

    padding-right: 20px; }

    .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {

      float: right;

      margin-top: 8px; }

      .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {

        font-size: 30px;

        display: inline-block;

        padding-left: 10px;

        padding-right: 0px;

        line-height: 1;

        cursor: pointer;

        -webkit-transition: .3s all ease;

        -o-transition: .3s all ease;

        transition: .3s all ease; 

        color: #fff;

    }

    .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {

      float: left;

      margin-top: 10px;

      margin-left: 0px; }

      .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {

        display: inline-block;

        text-transform: uppercase; }

        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {

          max-width: 70px; }

        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {

          text-decoration: none; }

  .site-mobile-menu .site-mobile-menu-body {

    overflow-y: scroll;

    -webkit-overflow-scrolling: touch;

    position: relative;

    padding: 0 20px 20px 20px;

    height: calc(100vh - 52px);

    padding-bottom: 150px; }

  .site-mobile-menu .site-nav-wrap {

    padding: 0;

    margin: 0;

    list-style: none;

    position: relative; 

    color: #fff;

  }

    .site-mobile-menu .site-nav-wrap a {

      padding: 10px 20px;

      display: block;

      position: relative;

      color: #212529; }

      .site-mobile-menu .site-nav-wrap a:hover {

        color: #DA1C5C; }

    .site-mobile-menu .site-nav-wrap li {

      position: relative;

      display: block; }

      .site-mobile-menu .site-nav-wrap li .active {

        color: #fff; }

    .site-mobile-menu .site-nav-wrap .social {

      display: inline-block; }

    .site-mobile-menu .site-nav-wrap .arrow-collapse {

      position: absolute;

      right: 0px;

      top: 10px;

      z-index: 20;

      width: 100%;

      height: 36px;

      text-align: center;

      cursor: pointer;

      border-radius: 50%; }

      .site-mobile-menu .site-nav-wrap .arrow-collapse:hover {

        /*background: #f8f9fa;*/ }

      .site-mobile-menu .site-nav-wrap .arrow-collapse:before {

        font-size: 12px;

        z-index: 20;

        font-family: "icomoon";

        content: "\f078";

        position: absolute;

        top: 50%;

        left: 94%;

        -webkit-transform: translate(-50%, -50%) rotate(-180deg);

        -ms-transform: translate(-50%, -50%) rotate(-180deg);

        transform: translate(-50%, -50%) rotate(-180deg);

        -webkit-transition: .3s all ease;

        -o-transition: .3s all ease;

        transition: .3s all ease; }

      .site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {

        -webkit-transform: translate(-50%, -50%);

        -ms-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%); }

    .site-mobile-menu .site-nav-wrap > li {

      display: block;

      position: relative;

      float: left;

      width: 100%; 

      margin-left: 0;

    }

      .site-mobile-menu .site-nav-wrap > li.social {

        float: none !important;

        width: auto !important; }

      .site-mobile-menu .site-nav-wrap > li > a {

        padding-left: 20px;

        font-size: 20px; 

        color: #fff;

  text-decoration: none;

      }

      .site-mobile-menu .site-nav-wrap > li > ul {

        padding: 0;

        margin: 0;

        list-style: none; }

        .site-mobile-menu .site-nav-wrap > li > ul > li {

          display: block; 

          z-index: 99999;

        }

          .site-mobile-menu .site-nav-wrap > li > ul > li > a {

            padding-left: 40px;

            font-size: 16px; 

            color: #fff;

  text-decoration: none;

          }

          .site-mobile-menu .site-nav-wrap > li > ul > li > ul {

            padding: 0;

            margin: 0; }

            .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {

              display: block; }

              .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {

                font-size: 16px;

                padding-left: 60px; }

    .site-mobile-menu .site-nav-wrap[data-class="social"] {

      float: left;

      width: 100%;

      margin-top: 30px;

      padding-bottom: 5em; }

      .site-mobile-menu .site-nav-wrap[data-class="social"] > li {

        width: auto; }

        .site-mobile-menu .site-nav-wrap[data-class="social"] > li:first-child a {

          padding-left: 15px !important; }



.sticky-wrapper {

  position: absolute;

  z-index: 100;

  width: 100%; }

  .sticky-wrapper .site-navbar {

    -webkit-transition: .3s all ease;

    -o-transition: .3s all ease;

    transition: .3s all ease; }

  .sticky-wrapper .site-navbar {

    border-bottom: 1px solid rgba(255, 255, 255, 0.1); 

    background-color: #fff;

     box-shadow: 2px 3px 5px -2px rgba(0,0,0,0.51);

-webkit-box-shadow: 2px 3px 5px -2px rgba(0,0,0,0.51);

-moz-box-shadow: 2px 3px 5px -2px rgba(0,0,0,0.51);

  }

    .sticky-wrapper .site-navbar .site-menu-toggle {

      color: #DA1C5C; 

      margin-right: 15px;

      text-decoration: none;



    }

    .sticky-wrapper .site-navbar .site-logo a {

      color: #fff; }

    .sticky-wrapper .site-navbar .site-menu > li > a {

      color: rgba(255, 255, 255, 0.7) !important; }

      .sticky-wrapper .site-navbar .site-menu > li > a:hover, .sticky-wrapper .site-navbar .site-menu > li > a.active {

        color: #fff !important; }

  .sticky-wrapper.is-sticky .site-navbar {

    background: #fff;

    border-bottom: 1px solid transparent;

    -webkit-box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.1);

    box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.1); }

    .sticky-wrapper.is-sticky .site-navbar .site-menu-toggle {

      color: #000; }

    .sticky-wrapper.is-sticky .site-navbar .site-logo a {

      color: #007bff; }

    .sticky-wrapper.is-sticky .site-navbar .site-menu > li > a {

      color: #000 !important; }

      .sticky-wrapper.is-sticky .site-navbar .site-menu > li > a:hover, .sticky-wrapper.is-sticky .site-navbar .site-menu > li > a.active {

        color: #007bff !important; }



.banner-foto-rwd{

    display: none;

  }



.site-mobile-menu .site-nav-wrap > li > a.link-redes{

  padding: 0;

  margin: 0 15px;

  padding-top: 15px;

}



.wpml-ls-current-language{

  position: absolute;

    right: 40px;

    top: 36px;

}



@media screen and (max-width:990px){

  .banner-foto-desk{

    display: none;

  }



  .banner-foto-rwd{

    display: block;

  }



  header .banner-desk{

    padding-top: 60px;

  }



  .box-menu-desk{

    display: none;

  }

  .box-menu{

    display: block;

  }



  .box-menu img{

    width: 120px;

  }

  .box-menu img.red-rwd{

    width: 30px;

  }



  .wpml-ls-current-language{

    position: relative;

    right: 0;

  top: 0;

  }



}



/*reseña*/



section.resena{

  background-color: #faf8f4;

  padding: 50px;

  position: relative;

}



section.resena:after{

  content: "";

  background-image: url(../images/trama_medium_izq.svg);

  position: absolute;

  left:0;

  height: 240px;

  display: block;

  width: 120px;

  top: 20%;

  opacity: 0.3;

}



section.resena:before{

  content: "";

  background-image: url(../images/trama_medium_der.svg);

  position: absolute;

  right:0;

  height: 240px;

    display: block;

    width: 120px;

    top: 20%;

    opacity: 0.3;

}





/*Home*/



header .banner-desk{

  margin-top: 75px;

  position: relative;

}



header .banner-desk .block-texto-banner{

  position: absolute;

  left: 0;

  right: 0;

  top: 30%;

  text-align: center;

}

header .banner-desk .block-texto-banner h1 {

  color: #fff;

    text-align: center;

    font-weight: 400;

    text-transform: uppercase;

}



header .banner-desk .block-texto-banner h2{

  color: #fff;

  font-weight: 400;

  line-height: 20px;

}



header .banner-desk .block-texto-banner p{

  color: #fff;

    width: 580px;

    max-width: 100%;

    margin: 0 auto;

}





header .banner-home-desk{

  margin-top: 75px;

  position: relative;

}



header .block-texto-banner-home{

  position: absolute;

  left: 0;

  right: 0;

  top: 30%;

  text-align: center;

  z-index: 999;

}

header .block-texto-banner-home h1 {

  color: #fff;

    text-align: center;

    font-weight: 400;

    text-transform: uppercase;

}



header .block-texto-banner-home h1 span{

  color: #fff;

  font-weight: 400;

  line-height: 20px;

  font-size: 42px;

}



header .block-texto-banner-home p{

  color: #fff;

    width: 580px;

    max-width: 100%;

    margin: 0 auto;

}



section.separador-color{



}



section.separador-color .color1{

  height: 5px;

  background-color: #F7941D;

  width: 100%;

  display: block;

}

section.separador-color .color2{

  height: 10px;

  background-color: #B73B3B;

  width: 100%;

  display: block;

}

section.separador-color .color3{

  height: 40px;

  background-color: #DA1C5C;

  width: 100%;

  display: block;

}



@media screen and (max-width:550px){



    header .banner-desk .block-texto-banner p{

      width: 380px;

    }



  section.separador-color .color1{

    height: 2px;

  }

  section.separador-color .color2{

    height: 7px;

  }

  section.separador-color .color3{

    height: 7px;

  }

}





section.intro-home{

  padding: 100px 0;

  background-color: #faf8f4;

  position: relative;

  overflow: hidden;

}



section.intro-home:after{

  content: "";

  background-image: url(../images/trama_base_izq.svg);

  position: absolute;

  left:0;

  height: 240px;

  display: block;

  width: 120px;

  top: 20%;

}



section.intro-home:before{

  content: "";

  background-image: url(../images/trama_base_der.svg);

  position: absolute;

  right:0;

  height: 240px;

    display: block;

    width: 120px;

    top: 20%;

}





section.intro-home h1{

  color: #DA1C5C;

  text-align: center;

  font-weight: 400;

  font-size: 42px;

}



section.intro-home h2{

  color: #DA1C5C;

  text-align: center;

  font-weight: 400;

  

}



section.intro-home p{

  color: #7B7A7A;

  text-align: center;

    width: 610px;

    max-width: 100%;

    margin: 0 auto;

}





section.ofrece{

  background-color: #DA1C5C;

  padding: 50px 0;



}



section.ofrece p{

  text-align: center;

  color: #fff;

  font-weight: 400;

  margin-bottom: 0;

}



section.ofrece figure{

  margin-bottom: 0;

}





section.porquemamasara{

   padding: 50px 0;

  background-color: #faf8f4;

  position: relative;

  overflow: hidden;

}





section.porquemamasara h2 {

    color: #DA1C5C;

    text-align: center;

    font-weight: 400;

    font-size: 30px;

    text-transform: uppercase;

}



section.porquemamasara ul li{

  color: #7B7A7A;

  font-size: 16px;

}



section.destinos{

  padding: 50px 0;

  background-color: #862713;

  position: relative;

  overflow: hidden;

}



section.destinos:after{

  content: "";

  background-image: url(../images/trama_magenta_izq.svg);

  position: absolute;

  left:0;

  height: 240px;

  display: block;

  width: 120px;

  top: 27%;

  opacity: 0.3;

}



section.destinos:before{

  content: "";

  background-image: url(../images/trama_magenta_der.svg);

  position: absolute;

  right:0;

  height: 240px;

    display: block;

    width: 120px;

    top: 27%;

    opacity: 0.3;

}



section.destinos h3{

  text-align: center;

  color: #F7941D;

  text-transform: uppercase;

  font-weight: 400;

}



section.destinos .block-reserva{

  padding: 15px;

}





section.destinos .block-reserva h3{

  text-align: left;

  color: #fff;

}





section.destinos .block-reserva .texto{

  margin-left: 30px;

  position: relative;

}



section.destinos .block-reserva .texto h3{

  text-transform: inherit;

}



section.destinos .block-reserva .texto h3.number{

  color: #F7941D;

  position: absolute;

  top: 0;

  left: -30px;

}



section.destinos .block-reserva .texto p{

  margin-bottom: 0;

  color: #F7941D;

}





section.destinos .block-reserva .texto a{

  background-color: #F7941D;

  padding: 10px;

  width: 179px;

  max-width: 100%;

  color: #fff;

  text-transform: uppercase;

  display: block;

  text-align: center;

  margin-top: 20px;

  text-decoration: none;

}



section.destinos .block-reserva .texto a:hover{

  background-color: #DA1C5C;

  color: #fff;

  transition: 0.5;

}





section.logos-viajes{

  padding: 50px 0;

  background-color: #fff;

}



section.logos-viajes .slider-viajes img{

  width: 221px;

  max-width: 100%;

  margin: 0 auto;

}



section.logos-viajes .slider-viajes2 img{

  width: 221px;

  max-width: 100%;

  margin: 0 auto;

}



section.habitaciones-home{

  padding: 50px 0;

  background-color: #862713;

  position: relative;

  overflow: hidden;

}





section.habitaciones-home h3{

  color: #fff;

  text-transform: uppercase;

  font-weight: 400;

}



section.habitaciones-home h3.number{

  position: absolute;

  color: #F7941D;

  left: -30px;

}



section.habitaciones-home p{

  text-align: center;

  color: #fff;

}



section.habitaciones-home .block-reserva{

  padding: 15px;

}







section.habitaciones-home .block-reserva .texto{

  position: relative;

  margin-left: 30px;

  margin-top: 50px;

}



section.habitaciones-home .block-reserva .texto h4{

  text-transform: inherit;

  color: #F7941D;

  font-weight: 400;

}





section.habitaciones-home .block-reserva .texto p{

  margin-bottom: 0;

  color: #F7941D;

  text-align: inherit;

}



section.habitaciones-home .block-reserva .texto .precio{

  font-size: 12px;

  color: #F7941D;

  line-height: 28px;

}



section.habitaciones-home .block-reserva .texto .precio span{

  color: #F7941D;

  font-size: 32px;

      display: block;

}





section.habitaciones-home .block-reserva .texto a{

  background-color: #F7941D;

  padding: 10px;

  width: 179px;

  max-width: 100%;

  color: #fff;

  text-transform: uppercase;

  display: block;

  text-align: center;

  margin-top: 20px;

  text-decoration: none;

}



section.habitaciones-home .block-reserva .texto a:hover{

  background-color: #DA1C5C;

  color: #fff;

  transition: 0.5;

}



section.habitaciones-home .slider-habitaciones-home{

  position: relative;

}



section.habitaciones-home .slider-habitaciones-home.owl-carousel .owl-nav button {

    width: 50px;

    height: 50px;

    margin: 0 5px;

    border-radius: 0;

    font-size: 44px;

    line-height: 0;

    right: 0;

}



section.habitaciones-home .slider-habitaciones-home.owl-carousel .owl-nav button span{

  margin-top: -4px;

  display: block;

}





section.habitaciones-home .slider-habitaciones-home.owl-carousel .owl-nav button.owl-prev {

    background: #DA1C5C;

    color: #fff;

    position: absolute;

    top: 90px;

    left: -70px;

}



section.habitaciones-home  .slider-habitaciones-home.owl-carousel .owl-nav button.owl-next {

    background: #DA1C5C;

    color: #fff;

     position: absolute;

    top: 90px;

    right: -70px;

}



header .banner-home-desk .banner-foto-rwd{

  display: none;

}



@media screen and (max-width:900px){



 header  .banner-home-desk .banner-foto-rwd{

    display: block;

  }



 header  .banner-home-desk .banner-foto-desk{

    display: none;

  }



  .ofrece-icons{

    margin-bottom: 15px;

  }



  header .banner-desk{

    margin-top: 0;

  }



  header .banner-home-desk{

    margin-top: 55px;

  }

}





@media screen and (max-width:600px){



  section.intro-home h1{

    font-size: 30px;

  }



  header .banner-desk .block-texto-banner h1{

    font-size: 40px;

  }



   header .banner-desk .block-texto-banner h2{

    font-size: 30px;

  }





  header .block-texto-banner-home{

    top: 17%;

  }



   section.intro-home{

    padding-top: 50px;

   }





  section.intro-home::before {

    display: none;

  }



  section.intro-home::after {

    display: none;

  }

}



@media screen and (max-width:410px){

  header .block-texto-banner-home{

    top: 17%;

  }

}





/*fin*/





/*Internas*/



section.intro-interna{

  padding: 100px 0;

  background-color: #faf8f4;

  position: relative;

  overflow: hidden;

}



section.intro-interna:after{

  content: "";

  background-image: url(../images/trama_base_izq.svg);

  position: absolute;

  left:0;

  height: 240px;

  display: block;

  width: 120px;

  top: 20%;

}



section.intro-interna:before{

  content: "";

  background-image: url(../images/trama_base_der.svg);

  position: absolute;

  right:0;

  height: 240px;

    display: block;

    width: 120px;

    top: 20%;

}





section.intro-interna h2{

  color: #DA1C5C;

  text-align: center;

  font-weight: 400;

  padding-bottom: 70px;

}



section.intro-interna ul{

  webkit-column-count: 3;

    -moz-column-count: 3;

    column-count: 3;

    -webkit-column-width: 50%;

    -moz-column-width: 50%;

    column-width: 50%;

    -webkit-column-gap: 4em;

    -moz-column-gap: 4em;

    column-gap: 4em;

}



section.intro-interna ul li{

  list-style: none;

  margin-bottom: 20px;

  color: #7B7A7A;

  font-size: 16px;

  display: flex;

      align-items: flex-start;

}



section.intro-interna ul li img{

  margin-right: 10px;

}





section.galeria{

  padding: 100px 0;

  padding-bottom: 50px;

  position: relative;

  overflow: hidden;

}



section.galeria .nav-item{

  margin: 0;

}



section.galeria .nav-tabs {

    border: none;

}



section.galeria .horizontal-images ul {

    

}



section.galeria .galeria ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



section.galeria .nav-tabs .nav-link {

    color: #7B7A7A;

    font-family: "Lato", sans-serif;

    font-size: 16px;

    font-weight: 400;

    padding: .1rem 2rem;

    border: 0;

    padding-right: 10px;

}



section.galeria .nav-tabs .nav-link.active {

    color: #e81745;

    border: none;

}



section.galeria .slider-galeria.owl-carousel .owl-nav {

    position: absolute !important;

    top: -70px;

    right: 0;

}



section.galeria .slider-galeria.owl-carousel .owl-nav button {

    width: 50px;

    height: 50px;

    margin: 0 5px;

    border-radius: 0;

    font-size: 44px;

    line-height: 0;

    right: 0;

}



section.galeria .slider-galeria.owl-carousel .owl-nav button span{

  margin-top: -4px;

  display: block;

}





section.galeria .slider-galeria.owl-carousel .owl-nav button.owl-prev {

    background: #DA1C5C;

    color: #fff;

}



section.galeria  .slider-galeria.owl-carousel .owl-nav button.owl-next {

    background: #DA1C5C;

    color: #fff;

}





section.habitaciones{

  padding: 50px 0;

  background-color: #862713;

  position: relative;

  overflow: hidden;

}





section.habitaciones h3{

  text-align: center;

  color: #F7941D;

  text-transform: uppercase;

  font-weight: 400;

  padding-bottom: 20px;

}



section.habitaciones p{

  text-align: center;

  color: #fff;

}



section.habitaciones .block-reserva{

  padding: 15px;

}



section.habitaciones .block-reserva h3{

  text-align: left;

  color: #fff;

  padding-bottom: 0;

}



section.habitaciones .block-reserva a{

  position: relative;

}





section.habitaciones .block-reserva a img.lupa{

      position: absolute;

    width: 30px;

    top: 43%;

    right: 0;

    left: 0;

    margin: 0 auto;

}



section.habitaciones .block-reserva .texto{

  position: relative;

}



section.habitaciones .block-reserva .texto h4{

  text-transform: inherit;

  color: #F7941D;

  font-weight: 400;

}





section.habitaciones .block-reserva .texto p{

  margin-bottom: 0;

  color: #fff;

  text-align: inherit;

}



section.habitaciones .block-reserva .texto .precio{

  font-size: 12px;

  color: #fff;

  line-height: 28px;

}



section.habitaciones .block-reserva .texto .precio span{

  color: #F7941D;

  font-size: 32px;

      display: block;

}





section.habitaciones .block-reserva .texto a{

  background-color: #F7941D;

  padding: 10px;

  width: 179px;

  max-width: 100%;

  color: #fff;

  text-transform: uppercase;

  display: block;

  text-align: center;

  margin-top: 20px;

  text-decoration: none;

}



section.habitaciones .block-reserva .texto a:hover{

  background-color: #DA1C5C;

  color: #fff;

  transition: 0.5;

}



section.habitaciones .slider-habitaciones{

  position: relative;

}



section.habitaciones .slider-habitaciones.owl-carousel .owl-nav button {

    width: 50px;

    height: 50px;

    margin: 0 5px;

    border-radius: 0;

    font-size: 44px;

    line-height: 0;

    right: 0;

}



section.habitaciones .slider-habitaciones.owl-carousel .owl-nav button span{

  margin-top: -4px;

  display: block;

}





section.habitaciones .slider-habitaciones.owl-carousel .owl-nav button.owl-prev {

    background: #DA1C5C;

    color: #fff;

    position: absolute;

    top: 90px;

    left: -70px;

}



section.habitaciones  .slider-habitaciones.owl-carousel .owl-nav button.owl-next {

    background: #DA1C5C;

    color: #fff;

     position: absolute;

    top: 90px;

    right: -70px;

}



section.habitaciones .owl-carousel .owl-stage{

  margin: 0 auto;

}





section.google-map{

  padding: 50px 0;

  background-color: #faf8f4;

}



@media screen and (max-width:990px){



  section.galeria .nav-tabs .nav-link{

    padding: 0.1rem 0rem;

    padding-right: 20px;

  }



  section.galeria  ul.slider-galeria{

    padding: 0;

    margin: 0;

  }

  section.galeria .slider-galeria.owl-carousel .owl-nav{

    top: inherit;

    right: 0;

    bottom: -30px;

    left: 0;

    margin: 0 auto;

    text-align: center;

  }



  section.habitaciones .slider-habitaciones.owl-carousel .owl-nav button.owl-prev{

    left: 0;

  }

  section.habitaciones .slider-habitaciones.owl-carousel .owl-nav button.owl-next{

    right: 0;

  }



  header .banner-desk .block-texto-banner{

      top: 50%;

    }



     header .banner-desk .block-hotel-text{

      top: 30%;

    }



    section.intro-home h2{

      font-size: 25px;

    }



    section.block-porque h3{

      font-size: 25px;

      margin-top: 20px;

    }



    section.atractivos-turisticos h2{

      font-size: 25px;

    }



     section.intro-interna::before {

    display: none;

  }

  section.intro-interna::after {

    display: none;

  }



  section.intro-interna ul {

      webkit-column-count: 1;

      -moz-column-count: 1;

      column-count: 1;

      -webkit-column-width: 50%;

      -moz-column-width: 50%;

      column-width: 50%;

      -webkit-column-gap: 4em;

      -moz-column-gap: 4em;

      column-gap: 4em;

    }



    section.galeria{

      padding-bottom: 80px;

    }



    section.galeria .slider-galeria.owl-carousel .owl-nav{

      bottom: -60px;

    }

}







@media screen and (max-width:600px){

  section.intro-interna{

    padding-top: 50px;

  }

 







    header .banner-desk .block-texto-banner h1.titulo-hotel{

      font-size: 35px;

    }



    section.intro-interna h2{

      font-size: 25px;

      padding-bottom: 30px;

    }



    section.habitaciones h3{

      font-size: 20px;

    }



    

}



/*fin*/





/*turismo*/





section.block-porque{

  padding: 80px 0;

  background-color: #FAF8F4;

}



section.block-porque h3{

  color: #DA1C5C;

  font-weight: 400;

  margin-bottom: 20px;

}





section.block-porque p{

  color: #7B7A7A;

}





section.block-porque p span{



}







section.atractivos-turisticos{

  padding: 50px 0;

  background-color: #fff;

  position: relative;

  overflow: hidden;

  text-align: center;

}





section.atractivos-turisticos h2{

  text-align: center;

  color: #DA1C5C;

  text-transform: uppercase;

  font-weight: 400;

  padding-bottom: 20px;

}



section.atractivos-turisticos p{

  text-align: center;

  color: #7B7A7A;

}



section.atractivos-turisticos h3{

   color: #DA1C5C;

   font-size: 24px;

   margin-top: 20px;

   

}



section.atractivos-turisticos ul{

      display: inline-block;

    text-align: left;

}



section.atractivos-turisticos ul li{

     color: #7B7A7A;

     font-size: 16px;

}



section.atractivos-turisticos .slider-atractivos-turisticos.owl-carousel .owl-nav button {

    width: 50px;

    height: 50px;

    margin: 0 5px;

    border-radius: 0;

    font-size: 44px;

    line-height: 0;

    right: 0;

}



section.atractivos-turisticos .slider-atractivos-turisticos.owl-carousel .owl-nav button span{

  margin-top: -4px;

  display: block;

}



 

section.atractivos-turisticos .slider-atractivos-turisticos.owl-carousel .owl-nav button.owl-prev {

    background: #DA1C5C;

    color: #fff;

    position: absolute;

    top: 120px;

    left: -70px;

}



section.atractivos-turisticos  .slider-atractivos-turisticos.owl-carousel .owl-nav button.owl-next {

    background: #DA1C5C;

    color: #fff;

     position: absolute;

    top: 120px;

    right: -70px;

}





section.interna-trip{

  background-color: #faf8f4;

  padding: 50px 0;

}



section.interna-trip .container-fluid{

  background-color: #fff;

  padding: 20px;

}



section.interna-trip .container-fluid .interna-viajes{

  max-width: 1200px;

  margin: 0 auto;

  padding: 20px 0;

}



section.interna-trip .container-fluid .interna-viajes img {

    width: 221px;

    max-width: 100%;

    margin: 0 auto;

}



section.interna-trip .container-fluid .slider-viajes2 img {

    width: 221px;

    max-width: 100%;

    margin: 0 auto;

}





/*fin*/



/*contactos*/



section.contact-form .form-control{

  border-radius: 0;

  border: 1px solid #7B7A7A;

  background-color: transparent;

  color: #7B7A7A;

}



section.contact-form select{

  border-radius: 0;

  border: 1px solid #7B7A7A;

  background-color: transparent;

  color: #7B7A7A;



  -moz-appearance: none;

  -webkit-appearance: none;

  appearance: none;

  background-image: url('../images/select-arrow.svg');

    background-repeat: no-repeat, repeat;

    background-position: right .7em top 50%, 0 0;

    background-size: .65em auto, 100%;

}



section.contact-form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #7B7A7A;

}

section.contact-form .form-control::-moz-placeholder { /* Firefox 19+ */

  color: #7B7A7A;

}

section.contact-form .form-control:-ms-input-placeholder { /* IE 10+ */

  color: #7B7A7A;

}

section.contact-form .form-control:-moz-placeholder { /* Firefox 18- */

  color: #7B7A7A;

}



section.contact-form .form-check-input[type=checkbox] {

    border-radius: 0;

    border: 1px solid #7B7A7A;

    background-color: transparent;

    width: 20px;

    height: 20px;

}





check-group {

  background: #fff;

  max-width: 13rem;

  padding: 1.5rem;

  border-radius: 0.5rem;

  box-shadow: 0 1px 3px rgba(0, 0, 10, 0.2);

  counter-reset: total;

  counter-reset: checked;

}

check-group > * + * {

  margin-top: 0.75rem;

}

check-group .checkbox {

  counter-increment: total;

}

check-group input[type="checkbox"]:checked {

  counter-increment: checked;

}

check-group__result {

  font-weight: bold;

  padding-top: 0.75rem;

  border-top: 1px solid rgba(0, 0, 0, 0.2);

}

check-group__result:after {

  content: counter(checked) " / " counter(total);

  padding-left: 1ch;

}

.checkbox {

  cursor: pointer;

  display: flex;

  align-items: center;

  margin-bottom: 10px;

  position: relative;

}

.checkbox__input {

  position: absolute;

  width: 1.375em;

  height: 1.375em;

  opacity: 0;

  cursor: pointer;

}

.checkbox__input:checked + .checkbox__icon .tick {

  stroke-dashoffset: 0;

}

.checkbox__icon {

  width: 1.375em;

  height: 1.375em;

  flex-shrink: 0;

  overflow: visible;

}

.checkbox__icon .tick {

  stroke-dasharray: 20px;

  stroke-dashoffset: 20px;

  transition: stroke-dashoffset 0.2s ease-out;

}

.checkbox__label {

  margin-left: 1.5em;

  font-size: 12px;

  font-family: "Lato", sans-serif;

}



.checkbox__label a{

  color: #DA1C5C;

}



section.contact-form .btn-md{

  font-size: 16px;

  background-color: #F7941D;

  display: block;

  text-align: center;

  text-transform: uppercase;

  width: 180px;

  max-width: 100%;

  margin: 0 auto;

  color: #fff;

}





/*reservas*/



section.contact-reserva:after{

  display: none;

}



section.contact-reserva:before{

  display: none;

}



section.contact-reserva p{

  font-size: 12px!important;

  text-align: justify!important;

}





/*footer*/



footer.footer{

  background-image: url(../images/bg-footer.webp);

  background-size: cover;

  background-position: center;

}



footer.footer a{

  display: block;

  color: #fff;

  margin-bottom: 10px;

  text-decoration: none;

  font-size: 14px;

}



footer.footer ul.redes{

  padding: 0;

  margin: 0;

  margin-top: 30px;

}



footer.footer ul.redes li{

  list-style: none;

  display: inline-block;

  margin-right: 15px;

}



footer.footer ul.redes li img{

  width: 34px;

  max-width: 100%;

}





footer.footer ul.footer-hotel{

  padding: 0;

  margin: 0;

}



footer.footer ul.footer-hotel li{

  list-style: none;

  display: inline-block;

  margin-left: 95px;

}



footer.footer ul.footer-hotel li img{

  width: 260px;

  max-width: 100%;

}





footer.footer ul.footer-hotel li .nombre{

    display: flex;

    color: #F7941D;

    line-height: 20px;

    font-size: 16px;

    text-transform: uppercase;

    text-align: left;

}





footer.footer ul.footer-hotel li .nombre img{

  width: 30px;

  margin-right: 15px;

}





footer.footer ul.footer-hotel li .direccion{

    display: flex;

    color: #fff;

    line-height: 20px;

    font-size: 14px;

    margin-left: 45px;

    margin-top: 10px;

}





footer.footer ul.footer-hotel li .direccion img{

  width: 14px;

  margin-right: 15px;

}





@media screen and (max-width:990px){

  .footer-center{

    text-align: center;

  }



  footer.footer ul.footer-hotel li{

    margin-left: 0;

    margin: 0 20px;

    margin-bottom: 50px;

  }



  footer.footer ul.footer-hotel li .direccion{

    margin-left: 0;

  }

}



/*Gracias*/





section.gracias{

  padding: 100px 0;

  overflow: hidden;

  background-color: #fff;

}



section.gracias p{

  font-size: 25px;

  font-weight: 400;

}





/*Error*/



.checkbox .error{

  position: absolute;

  top: 25px;

  color: #DA1C5C;

  font-size: 12px;

}



label.error{

  color: #DA1C5C;

  font-size: 12px;

}





/*terminos*/



section.terminos-page p{

  font-size: 12px!important;

  width: 100%!important;

  margin-bottom: 20px;

}



section.terminos-page h3{

  font-size: 16px;

  color: #DA1C5C;

  margin-bottom: 20px;

  margin-top: 40px;

}



section.terminos-page ul li{

  font-size: 12px;

  color: #7B7A7A;

  margin-bottom: 15px;

}





.flotante-desk {

    min-height: 150px;

    position: fixed;

   

    right: 10px;

    z-index: 9;

    top: 50%;

}



.wrapper-fixed {

  text-transform: uppercase;

  background: 0 0;

  color: #555;

  cursor: pointer;

  font-family: Lato,sans-serif;

  font-size: 20px;

  padding: 5px;

  position: absolute;

  text-align: center;

  width: 60px;

  height: 60px;

  -webkit-transform: translateZ(0);

  -webkit-font-smoothing: antialiased;

  z-index: 99999;

  right: -6px;

  bottom: -70px;

  border-radius: 40px;

}



.wrapper-fixed img{

    width: 60px;

    margin-top: 4px;

}



.wrapper-fixed2{

     width: 190px;

    font-size: 14px;

    background-color: #DA1C5C;

    display: block;

    padding: 5px;

    height: inherit;

    bottom: -100px;

    color: #fff;

}



.adminActions {

  position: fixed;

  bottom: 35px; right: 35px;

  z-index: 99;

}



  .adminButton {

    height: 60px;

    width: 60px;

    background-color: #DA1C5C;

    border-radius: 50%;

    display: block;

    color: #fff;

    text-align: center;

    position: relative;

    z-index: 1;

  }



  .adminButton img{

       margin-top: 15px;

    width: 30px;

  }



    .adminButton i {

      font-size: 22px;

    }



  .adminButtons {

    position: absolute;

    width: 100%;

    bottom: 120%;

    text-align: center;

  }



    .adminButtons a {

      display: block;

      width: 45px;

      height: 45px;

      border-radius: 50%;

      text-decoration: none;

      margin: 10px auto 0;

      line-height: 1.15;

      color: #fff;

      opacity: 0;

      visibility: hidden;

      position: relative;

      box-shadow: 0 0 5px 1px rgba(51, 51, 51, .3);

    }



      .adminButtons a:hover {

        transform: scale(1.05);

      }



      .adminButtons a:nth-child(1) {background-color: #ff5722; transition: opacity .2s ease-in-out .3s, transform .15s ease-in-out;}

      .adminButtons a:nth-child(2) {background-color: #DA1C5C; transition: opacity .2s ease-in-out .25s, transform .15s ease-in-out;}

      .adminButtons a:nth-child(3) {background-color: #f44336; transition: opacity .2s ease-in-out .2s, transform .15s ease-in-out;}

      .adminButtons a:nth-child(4) {background-color: #4CAF50; transition: opacity .2s ease-in-out .15s, transform .15s ease-in-out;}



      .adminActions a i {

        position: absolute;

        top: 50%; left: 50%;

        transform: translate(-50%, -50%);

      }



      .adminButtons a:nth-child(2) img{

            margin-top: 7px;

        width: 30px;

      }



  .adminToggle {

    -webkit-appearance: none;

    position: absolute;

    border-radius: 50%;

    top: 0; left: 0;

    margin: 0;

    width: 100%;

    height: 100%;

    cursor: pointer;

    background-color: transparent;

    border: none;

    outline: none;

    z-index: 2;

    transition: box-shadow .2s ease-in-out;

    box-shadow: 0 3px 5px 1px rgba(51, 51, 51, .3);

  }



    .adminToggle:hover {

      box-shadow: 0 3px 6px 2px rgba(51, 51, 51, .3);

    }



    .adminToggle:checked ~ .adminButtons a {

      opacity: 1;

      visibility: visible;

    }



section.trip{

  padding: 50px 0;

}





.flotante-desk{

    min-height: 150px;

    position: fixed;

    top: 60%;

    right: 10px;

    z-index: 9999

}

.flotante-desk .btn-float {

    width: 50px;

    height: 50px;

    border: 0;

    outline: 0;

    cursor: pointer;

    background-color: #DA1C5C;

    border-radius: 100%;

    box-shadow: 0px 3px 12.48px 0.52px rgba(0, 0, 0, 0.45);

    color: #fff;

    font-size: 25pt; /*Trocar por ícone*/

    

    position: absolute;

    bottom: 0px;

    right: 0px;

    display: block;

    padding: 10px;

    line-height: 10px;

    margin: 0 auto;



}



.flotante-desk .btn-float::after {

    display: block;

    content: '+';

    transition: transform 0.2s;

        transform: rotate(0deg);

        margin-top: 0px;

}



/*Remove o pontilhado do botão no firefox*/

.flotante-desk .btn-float::-moz-focus-inner {

    outline: 0;

    border: 0;

}



/*.flotante-desk .btn-float--active::after {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

}*/



.flotante-desk .menu-float {

    list-style: none;

    min-width: 185px;

    visibility: visible;

    transform-origin: bottom right;

    transition: transform,

                            opacity,

                            visibility;

    transition-duration: .2s;

    transition-timing-function: ease-out;

    margin-top: 30px;



}



.flotante-desk .menu-float--hidden {

/*  -webkit-transform: translateY(45%);

    -moz-transform: translateY(45%);

    -ms-transform: translateY(45%);

    -o-transform: translateY(45%);

    transform: translateY(45%);*/

    transform: scale3d(.7,.3,.3);

    opacity: 0;

    visibility: hidden;

}



.flotante-desk .menu-float__item {

    margin-bottom: 20px;

    text-decoration: none;

    display: flex;

    flex-direction: row-reverse;

    align-items: center;

    visibility: inherit;

     /*   background: #0075BC;*/

    position: relative;

}

.flotante-desk .menu-float__item figure{

    position: absolute;

    background-color: #0071BA;

    border: 1px solid #fff;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    left: -30px;

    padding: 10px;

    top: -10px;

}





.flotante-desk .menu-float__item img{

    width: 200px;

}



.flotante-desk .menu-float__icon {

    width: 42px;

    height: 42px;

    background-color: #323c48;

    border-radius: 50%;

    margin-left: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.flotante-desk .menu-float__icon::after {

    content: '';

    background-color: #c3c3c3;

    width: 15px;

    height: 15px;

}



.flotante-desk .menu-float__text {

    color: #fff;

    font-size: 12px;

    font-weight: 400;

    text-transform: uppercase;

    text-align: left;

    margin: 0;

    padding: 10px 0;

    margin-left: 30px;

    margin-right: 10px;

    display: block;

    width: 100%;

    text-align: center;

}



.flotante-desk .menu-float__text-v2{

  background-color: #0071BA!important;

}



.flotante-desk .menu-float__text-v3{

  background-color: #1FC733!important;

}





a.btn-flotantes-whats {

  position:fixed;

  top: 60%;

right: 20px;

  /*padding: 0 17px;

  transform: translateX(-50%);

  height: 50px;*/

  border-radius: 100px;

  line-height: 50px;

  text-align: center;

  font-size: 0px;

  font-weight: bold;

  color: #fff;

  background-color: #25d366;

  overflow: hidden;

  transition: all 0.4s ease;

  cursor: pointer;

  z-index: 99;

}







a.btn-flotantes-whats:hover:before,

a.btn-flotantes-whats:hover:after{

  width: 100%;

  height: 100%;

  opacity: 0.3;

}



a.btn-flotantes-whats:hover label {

  width: 140px;

  opacity:0.8;

  margin-left: 10px;

  text-align: left;

}



a.btn-flotantes-whats:before,

a.btn-flotantes-whats:after {

  content: "";

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 0;

  height: 0;

  border-radius: 100px;

  background-color: #25d366;

  opacity: 0;

  transition: all 0.4s ease;

  transition-delay: 0.1s;

  z-index: 0;

}



a.btn-flotantes-whats:after {

    transition-delay: 0.3s;

}



a.btn-flotantes-whats a img{

  width: 50px;

}



a.btn-flotantes-whats span {

  position: relative;

  display: inline-block;

  vertical-align: top;

  z-index: 2;

  pointer-events: none;

}



a.btn-flotantes-whats span img{

  width: 60px;

  height: 60px;

}



a.btn-flotantes-whats label {

  position: relative;

  display: inline-block;

  vertical-align: top;

  width: 0;

  white-space: nowrap;

  opacity: 0;

  overflow: hidden;

  z-index: 1;

  font-family: Helvetica;

  font-size: 18px;

  font-weight: normal;

  transition: all 0.4s ease;

  pointer-events: none;

      margin-top: 6px;

}



/*activiades*/

section.actividades{

  padding: 50px 0;

  background-color: #FAF8F4;

  position: relative;

  overflow: hidden;

  text-align: center;

      padding-bottom: 0;

}





section.actividades h2{

  text-align: center;

  color: #DA1C5C;

  text-transform: uppercase;

  font-weight: 400;

  padding-bottom: 20px;

}



section.actividades p{

  text-align: center;

  color: #7B7A7A;

}



section.actividades h3{

   color: #DA1C5C;

   font-size: 24px;

   margin-top: 20px;

   

}



section.actividades ul{

      display: inline-block;

    text-align: left;

}



section.actividades ul li{

     color: #7B7A7A;

     font-size: 16px;

}



.top-contactos{

  z-index: 999999;

}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
    width: 50%;
  }
}