@font-face {
    font-family: 'Grow boys';
    src: url('../fonts/growboys/grow-boys.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
a:hover {
    text-decoration: none;
}
.contact-info li {
    max-width: 33%;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9;
    padding: 20px 0px;
}
.box-container {
    position: relative;
}
.box-container img.gradient {
    position: absolute;
    bottom: -2px;
}
.custom-title {
    position: relative;
}
.custom-title h2 {
    font-family: 'Grow boys', sans-serif;
    font-size: 40px; /* Ajusta el tamaño de la fuente según necesites */
    color: #ff00ae; /* Color del texto */
   text-shadow: 
    2px 2px 0 white,   /* Primer borde de 5px (blanco) */
    -2px -2px 0 white, 
    2px -2px 0 white,  
    -2px 2px 0 white;
    font-size: 3.8rem;
    margin-bottom: 20px;
    z-index: 2;
    position: relative;
    line-height: 1.1;
    width: 100%;
}
.custom-title h2 span {
	font-family: 'Grow boys', sans-serif;
    font-size: 40px; /* Ajusta el tamaño de la fuente según necesites */
    color: #ff00ae; /* Color del texto */
   text-shadow: 
    2px 2px 0 white,   /* Primer borde de 5px (blanco) */
    -2px -2px 0 white, 
    2px -2px 0 white,  
    -2px 2px 0 white;
    font-size: 3rem;
    margin-bottom: 20px;
    z-index: 2;
    position: relative;
    line-height: 1.1;
    width: 100%;
	margin-top: 20px;
}
.custom-title .background {
    font-family: 'Grow boys', sans-serif;
    color: #131346;
    font-size: 3.8rem;
    margin-bottom: 0px;
    position: absolute;
    top: 0px;
    text-shadow: none;
    z-index: 1;
    line-height: 1.1;
    text-shadow: rgb(19, 19, 70) 8px 0px 0px, rgb(19, 19, 70) 7.93758px 0.997398px 0px, rgb(19, 19, 70) 7.7513px 1.97923px 0px, rgb(19, 19, 70) 7.44406px 2.93018px 0px, rgb(19, 19, 70) 7.02066px 3.8354px 0px, rgb(19, 19, 70) 6.48771px 4.68078px 0px, rgb(19, 19, 70) 5.85351px 5.45311px 0px, rgb(19, 19, 70) 5.12797px 6.14035px 0px, rgb(19, 19, 70) 4.32242px 6.73177px 0px, rgb(19, 19, 70) 3.44941px 7.21814px 0px, rgb(19, 19, 70) 2.52258px 7.59188px 0px, rgb(19, 19, 70) 1.55638px 7.84714px 0px, rgb(19, 19, 70) 0.565898px 7.97996px 0px, rgb(19, 19, 70) -0.433417px 7.98825px 0px, rgb(19, 19, 70) -1.42597px 7.87189px 0px, rgb(19, 19, 70) -2.39627px 7.63269px 0px, rgb(19, 19, 70) -3.32917px 7.27438px 0px, rgb(19, 19, 70) -4.21013px 6.80256px 0px, rgb(19, 19, 70) -5.02539px 6.22459px 0px, rgb(19, 19, 70) -5.76223px 5.54948px 0px, rgb(19, 19, 70) -6.40915px 4.78778px 0px, rgb(19, 19, 70) -6.95606px 3.95136px 0px, rgb(19, 19, 70) -7.39442px 3.05329px 0px, rgb(19, 19, 70) -7.71739px 2.10757px 0px, rgb(19, 19, 70) -7.91994px 1.12896px 0px, rgb(19, 19, 70) -7.9989px 0.132735px 0px, rgb(19, 19, 70) -7.95304px -0.865561px 0px, rgb(19, 19, 70) -7.78307px -1.85035px 0px, rgb(19, 19, 70) -7.49165px -2.80627px 0px, rgb(19, 19, 70) -7.08333px -3.71839px 0px, rgb(19, 19, 70) -6.56447px -4.57249px 0px, rgb(19, 19, 70) -5.94318px -5.35524px 0px, rgb(19, 19, 70) -5.22915px -6.05442px 0px, rgb(19, 19, 70) -4.43352px -6.65912px 0px, rgb(19, 19, 70) -3.5687px -7.15991px 0px, rgb(19, 19, 70) -2.6482px -7.54898px 0px, rgb(19, 19, 70) -1.68637px -7.82024px 0px, rgb(19, 19, 70) -0.698222px -7.96947px 0px, rgb(19, 19, 70) 0.300817px -7.99434px 0px, rgb(19, 19, 70) 1.29516px -7.89446px 0px, rgb(19, 19, 70) 2.2693px -7.67139px 0px, rgb(19, 19, 70) 3.20802px -7.32862px 0px, rgb(19, 19, 70) 4.09668px -6.87148px 0px, rgb(19, 19, 70) 4.92142px -6.30711px 0px, rgb(19, 19, 70) 5.66936px -5.64432px 0px, rgb(19, 19, 70) 6.32883px -4.89346px 0px, rgb(19, 19, 70) 6.88954px -4.06623px 0px, rgb(19, 19, 70) 7.34274px -3.17555px 0px, rgb(19, 19, 70) 7.68136px -2.23532px 0px, rgb(19, 19, 70) 7.90012px -1.26021px 0px, rgb(19, 19, 70) 7.9956px -0.265434px 0px;
}

.custom-title .background span {
	  font-family: 'Grow boys', sans-serif;
    color: #131346;
    font-size: 3rem;
    margin-bottom: 0px;
    position: absolute;
    top: 34px;
    text-shadow: none;
    z-index: 1;
    line-height: 1.1;
    text-shadow: rgb(19, 19, 70) 8px 0px 0px, rgb(19, 19, 70) 7.93758px 0.997398px 0px, rgb(19, 19, 70) 7.7513px 1.97923px 0px, rgb(19, 19, 70) 7.44406px 2.93018px 0px, rgb(19, 19, 70) 7.02066px 3.8354px 0px, rgb(19, 19, 70) 6.48771px 4.68078px 0px, rgb(19, 19, 70) 5.85351px 5.45311px 0px, rgb(19, 19, 70) 5.12797px 6.14035px 0px, rgb(19, 19, 70) 4.32242px 6.73177px 0px, rgb(19, 19, 70) 3.44941px 7.21814px 0px, rgb(19, 19, 70) 2.52258px 7.59188px 0px, rgb(19, 19, 70) 1.55638px 7.84714px 0px, rgb(19, 19, 70) 0.565898px 7.97996px 0px, rgb(19, 19, 70) -0.433417px 7.98825px 0px, rgb(19, 19, 70) -1.42597px 7.87189px 0px, rgb(19, 19, 70) -2.39627px 7.63269px 0px, rgb(19, 19, 70) -3.32917px 7.27438px 0px, rgb(19, 19, 70) -4.21013px 6.80256px 0px, rgb(19, 19, 70) -5.02539px 6.22459px 0px, rgb(19, 19, 70) -5.76223px 5.54948px 0px, rgb(19, 19, 70) -6.40915px 4.78778px 0px, rgb(19, 19, 70) -6.95606px 3.95136px 0px, rgb(19, 19, 70) -7.39442px 3.05329px 0px, rgb(19, 19, 70) -7.71739px 2.10757px 0px, rgb(19, 19, 70) -7.91994px 1.12896px 0px, rgb(19, 19, 70) -7.9989px 0.132735px 0px, rgb(19, 19, 70) -7.95304px -0.865561px 0px, rgb(19, 19, 70) -7.78307px -1.85035px 0px, rgb(19, 19, 70) -7.49165px -2.80627px 0px, rgb(19, 19, 70) -7.08333px -3.71839px 0px, rgb(19, 19, 70) -6.56447px -4.57249px 0px, rgb(19, 19, 70) -5.94318px -5.35524px 0px, rgb(19, 19, 70) -5.22915px -6.05442px 0px, rgb(19, 19, 70) -4.43352px -6.65912px 0px, rgb(19, 19, 70) -3.5687px -7.15991px 0px, rgb(19, 19, 70) -2.6482px -7.54898px 0px, rgb(19, 19, 70) -1.68637px -7.82024px 0px, rgb(19, 19, 70) -0.698222px -7.96947px 0px, rgb(19, 19, 70) 0.300817px -7.99434px 0px, rgb(19, 19, 70) 1.29516px -7.89446px 0px, rgb(19, 19, 70) 2.2693px -7.67139px 0px, rgb(19, 19, 70) 3.20802px -7.32862px 0px, rgb(19, 19, 70) 4.09668px -6.87148px 0px, rgb(19, 19, 70) 4.92142px -6.30711px 0px, rgb(19, 19, 70) 5.66936px -5.64432px 0px, rgb(19, 19, 70) 6.32883px -4.89346px 0px, rgb(19, 19, 70) 6.88954px -4.06623px 0px, rgb(19, 19, 70) 7.34274px -3.17555px 0px, rgb(19, 19, 70) 7.68136px -2.23532px 0px, rgb(19, 19, 70) 7.90012px -1.26021px 0px, rgb(19, 19, 70) 7.9956px -0.265434px 0px;
}
.custom-title img {
    max-width: 350px;
    position: relative;
    top: -15px;
    z-index: 2;
}

span {
    font-family: 'montserrat';
    font-weight: bold;
    color: #666666;
    font-size: 29px;
}
p {
    font-family: 'montserrat';
    font-weight: bold;
    color: #666666;
}
.wrappernavbar {
    width: 100%;
}
.home .logodiv {
    display: none!important;
}
header .navbar  {
    padding: 0px;
    width: 100%;
}
.home #main-menu-wrapper {
    justify-content: flex-end;
}
#main-menu-wrapper {
    justify-content: center;
}
.custom-logo img {
    max-width: 100px;
}
#menu-mainmenu {
    width: 80%;
    text-align: center;
    justify-content: space-between;
    display: flex;
}
#menu-mainmenu li a {
    color: #3a3a3a;
    font-family: 'montserrat';
    font-weight: 600;
    font-size: 1.2rem;
}
#menu-mainmenu li a:hover {
    color: #ff00ae;
}
.video-container {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    max-height: 100vh;
  }
  .video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .mouse-down {
    width: 100%;
    position: absolute;
    bottom: 17px;
    text-align: center;
    padding: 17px 0px;
  }
  
  .mouseico {
    width: 50px; /* Ajusta el tamaño según necesites */
    animation: bounce 1.5s infinite; /* Aplica la animación */
  }
  
  @keyframes bounce {
    0%, 100% {
      transform: translateY(0); /* Posición inicial y final */
    }
    50% {
      transform: translateY(-20px); /* Altura del rebote */
    }
  }
  .mouse-down .mouseico {
    max-width: 27px;
  }
  #welcome-section {
    position: relative;
    padding: 74px 0px 0px 0px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 15%, rgb(122 237 236 / 28%) 30%, rgb(57 255 253) 75%);
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1) 15%, rgb(122 237 236 / 28%) 30%, rgb(57 255 253) 75%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 15%, rgb(122 237 236 / 28%) 30%, rgb(57 255 253) 75%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#b4e5ed",GradientType=1);
    box-shadow: 0px -32px 31px 27px #ffffff;
  }
  #welcome-section .topi {
    position: relative;
    right: -90px;
    max-width: 436px;
  }
  #welcome-section .detail1 {
    position: absolute;
    left: -9vh;
    max-width: 400px;
    top: -18px;
    width: 43%;
  }
  #welcome-section .detail2 {
    position: absolute;
    right: 4vh;
    top: 3vh;
    max-width: 250px;
    z-index: 1;
    width: 31%;
  }
  .welcometext {
    z-index: 2;
  }
  .welcometext p {
    font-size: 16px;
  }
  .welcometext h2 span {
    display: block;
    text-shadow: none;
    margin: 7px 0px;
  }
  .img-wrapper {
    height: 200px;
    width: 100%;
    background-size: cover;
    margin-bottom: 22px;
    opacity: .7;
    background-position: center;
  }
  .img-wrapper:hover {
    opacity: 1;
  }
  #gallery {
    padding: 40px 0px;
    background: rgb(180,229,237);
background: -moz-linear-gradient(180deg, rgb(57 255 253) 20%, rgb(190 251 251) 60%, rgba(255, 255, 255, 1) 100%);
background: -webkit-linear-gradient(180deg, rgb(57 255 253) 20%, rgb(190 251 251) 60%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(180deg, rgb(57 255 253) 20%, rgb(190 251 251) 60%, rgba(255, 255, 255, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b4e5ed",endColorstr="#ffffff",GradientType=1);
  }
#attractions {
    position: relative;
}
  .attractions-owl {
    padding: 20px 0px;
    margin-top: 20px;
  }
  .owl-carousel.attractions-owl .owl-item:nth-child(1) .attraction-wrapper {
    background-color: #ff01b6;
}

.owl-carousel.attractions-owl .owl-item:nth-child(2) .attraction-wrapper {
    background: linear-gradient(90deg, rgba(255,76,115,1) 15%, rgba(255,117,79,1) 75%);
}
.owl-carousel.attractions-owl .owl-item:nth-child(3) .attraction-wrapper {
    background: linear-gradient(90deg, rgba(255,99,163,1) 15%, rgba(255,117,116,1) 75%);
}

.owl-carousel.attractions-owl .owl-item:nth-child(4) .attraction-wrapper {
    background: linear-gradient(90deg, rgba(255,99,163,1) 15%, rgba(255,117,116,1) 75%);
}

.owl-carousel.attractions-owl .owl-item:nth-child(5) .attraction-wrapper {
    background: linear-gradient(90deg, rgba(255,125,72,1) 15%, rgba(255,161,39,1) 75%);
}

.owl-carousel.attractions-owl .owl-item:nth-child(6) .attraction-wrapper {
    background: linear-gradient(90deg, rgba(255,177,9,1) 15%, rgba(255,199,0,1) 75%);
}
.owl-carousel.attractions-owl .owl-item:nth-child(7) .attraction-wrapper {
    background-color: #ff01b6;
}

.owl-carousel.attractions-owl .owl-item:nth-child(8) .attraction-wrapper {
    background: linear-gradient(90deg, rgba(255,76,115,1) 15%, rgba(255,117,79,1) 75%);
}
.owl-carousel.attractions-owl .owl-item:nth-child(9) .attraction-wrapper {
    background: linear-gradient(90deg, rgba(255,99,163,1) 15%, rgba(255,117,116,1) 75%);
}

.owl-carousel.attractions-owl .owl-item:nth-child(10) .attraction-wrapper {
    background: linear-gradient(90deg, rgba(255,99,163,1) 15%, rgba(255,117,116,1) 75%);
}

.owl-carousel.attractions-owl .owl-item:nth-child(11) .attraction-wrapper {
    background: linear-gradient(90deg, rgba(255,125,72,1) 15%, rgba(255,161,39,1) 75%);
}

.owl-carousel.attractions-owl .owl-item:nth-child(12) .attraction-wrapper {
    background: linear-gradient(90deg, rgba(255,177,9,1) 15%, rgba(255,199,0,1) 75%);
}

.owl-carousel.attractions-owl .owl-item:nth-child(13) .attraction-wrapper {
    background-color: #ff01b6;
}

.owl-carousel.attractions-owl .owl-item:nth-child(14) .attraction-wrapper {
    background: linear-gradient(90deg, rgba(255,76,115,1) 15%, rgba(255,117,79,1) 75%);
}
.owl-carousel.attractions-owl .owl-item:nth-child(15) .attraction-wrapper {
    background: linear-gradient(90deg, rgba(255,99,163,1) 15%, rgba(255,117,116,1) 75%);
}

.owl-carousel.attractions-owl .owl-item:nth-child(16) .attraction-wrapper {
    background: linear-gradient(90deg, rgba(255,99,163,1) 15%, rgba(255,117,116,1) 75%);
}

.owl-carousel.attractions-owl .owl-item:nth-child(17) .attraction-wrapper {
    background: linear-gradient(90deg, rgba(255,125,72,1) 15%, rgba(255,161,39,1) 75%);
}

.owl-carousel.attractions-owl .owl-item:nth-child(18) .attraction-wrapper {
    background: linear-gradient(90deg, rgba(255,177,9,1) 15%, rgba(255,199,0,1) 75%);
}

  #attractions {
    padding: 40px 0px;
  }
  .attraction-wrapper {
    padding: 40px 10px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 240px;
  }
  .attraction-wrapper p {
    text-align: center;
    margin-bottom: 0px;
    line-height: 1;
    color: white;
    font-size: 12px;
    margin-top: 0px;
  }
  .attraction-wrapper img {
    max-width: 70px;
    margin-bottom: 20px;
  }
  .detailsowl  {
    position: relative;
    overflow: hidden;
  }
  .detailsowl .detail1 {
    position: absolute;
    top: 0;
    z-index: 2;
    max-height: 100%;
    left: -150px;
}
.detailsowl .detail2 {
    position: absolute;
    top: 0;
    z-index: 2;
    max-height: 100%;
    right: -150px;
    transform: rotate(180deg);
}

body .owl-carousel  .owl-dots {
    display: flex; /* Asegura que los botones estén alineados horizontalmente */
    justify-content: center; /* Centra los botones */
    gap: 10px; /* Espacio entre los botones */
}

body .owl-carousel  .owl-dot {
    width: 15px;
    height: 15px;
    border-radius: 50%; /* Hace que los botones sean circulares */
    background: linear-gradient(45deg, #009ef8, #00b4f1); /* Degradado desde #009ef8 hasta #00b4f1 */
    border: 2px solid transparent; /* Borde transparente por defecto */
    position: relative;
    transition: background 0.3s, border 0.3s;
}

body .owl-carousel  .owl-dot span {
    display: block;
    width: 100%;
    height: 100%;
}

/* Para cada botón específico puedes asignar un degradado único */
body .owl-carousel .owl-dot:nth-child(1) span {
    background: linear-gradient(45deg, #00a0fa, #0082d8);
}

body .owl-carousel .owl-dot:nth-child(2) span {
    background: linear-gradient(45deg, #0082d8, #0062b3);
}

body .owl-carousel .owl-dot:nth-child(3) span {
    background: linear-gradient(45deg, #0062b3, #005094);
}

body .owl-carousel .owl-dot:nth-child(4) span {
    background: linear-gradient(45deg, #005094, #003770);
}

body .owl-carousel .owl-dot:nth-child(5) span {
    background: linear-gradient(45deg, #003770, #001e58);
}

body .owl-carousel .owl-dot:nth-child(6) span {
    background: linear-gradient(45deg, #001e58, #001359);
}

body .owl-carousel .owl-dot:nth-child(7) span {
    background: linear-gradient(45deg, #001359, #001e58);
}

/* Puedes continuar asignando diferentes degradados a los otros botones */

/* Estilo para el botón activo */
body .owl-carousel  .owl-dot.active span {
    background: #fff; /* Centro blanco cuando está activo */
    border: 2px solid #009ef8; /* Borde azul para el botón activo */
}

.owl-dots .owl-dot span, .dots .dot span {
    width: 20px!important;
    height: 20px!important;
    border-radius: 30px;
}
.owl-dots .owl-dot.active span, .dots .dot.active span {
    background: #fff !important;  
}
.owl-dots .owl-dot:hover span {
    background: #fff;
}
button, input, optgroup, select, textarea {
    border: solid 1px #7b007b;
    border-radius: 10px;
    margin-bottom: 12px;
    padding: 11px;
    font-size: 20px;
    max-width: 100%;
    max-height: 83px;
    width: 100%;
}
input::placeholder, textarea::placeholder {
    font-family: 'montserrat';
    font-weight: bold;
    color: #666666;
    font-size: 18px;
}
input[type="submit"] {
    background: #ff00ae;
    color: #fff;
    border: none;
}
.contact-info {
    list-style: none;
    padding: 0px;
    justify-content: space-around !important;
}
.contact-info li a{
    font-family: 'montserrat';
    font-weight: bold;
    color: #666666;
    font-size: 18px;
    margin-bottom: 10px;
}
.contact-info li img {
    max-width: 20px;
    margin-right: 10px;
}
footer {
    padding: 40px 0px;
}
footer img.logo{
    max-width: 450px;
    margin-bottom: 35px;
    margin-top: 30px;
}
footer .social-list {
    list-style: none;
    max-width: 54%;
    margin: 0px auto 20px auto;
}
footer .social-list li img {
    max-width: 35px;
    max-height: 35px;
    object-fit: contain;
}
footer .info {
    color: white; 
    font-family: 'montserrat';
    font-weight: bold;
}
#contact {
    padding: 50px 0px;
}
header.down {
    background: #4fffff;
    padding: 10px 0px;
    box-shadow: 0px 0px 10px 10px #00000047;
}
figure {
    margin-bottom: 0px;
}
header.down .logodiv {
    opacity: 1!important;
}
header.down #menu-mainmenu li a {
    color: #3a3a3a;
}
header.down #menu-mainmenu li a:hover {
	    color: #ff00ae;
}
header.down .custom-logo img {
    max-width: 70px;
}


  #sidebar {
    display: none;
  }
  .woocommerce-Tabs-panel, .wc-tabs {
    display: none !important;
  }
  .woocommerce-page div.product div.summary {
    float: none;
    width: 100%;
    clear: none;
    z-index: 2;
    position: relative;
    max-width: 42%;
    margin: auto;
  }
.mbfw-date-picker-section {
    max-width: 100%;  
}
input#wps_booking_single_calendar_form_ {
    width: 100%;
}
.mbfw-additionl-detail-listing-section {
    max-width: 100%;  
}
.mbfw-additionl-detail-listing-section input[type=number] {
    width: 100%!important;
    max-width: 100%;  
}

.mbfw-date-picker-section label {
    display: block;
    font-family: 'montserrat';
    font-weight: bold;
    color: #666666;
    font-size: 22px;
}
.mbfw-additionl-detail-listing-section {
    display: block;
    font-family: 'montserrat';
    font-weight: bold;
    color: #666666;
    font-size: 22px;
}
.mbfw-additionl-detail-listing-section span {
    display: block;
    font-family: 'montserrat';
    font-weight: bold;
    color: #666666;
    font-size: 22px;
}
.is-large .wc-block-checkout__sidebar.is-sticky {
    position: relative!important;
    top: 0px;
    margin-bottom: 38px;
}
.wc-block-components-sidebar {
    width: 100%!important;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
    width: 100%!important;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    width: 100%!important;
    max-width: 100%;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{ 
    display: none!important;
}
.woocommerce form .form-row {
    padding: 3px;
    margin: 0 0 6px;
    float: none;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.woocommerce-billing-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
}
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {
    width: 100%;
}
.btn-outline-secondary {
    width: 28px;
    border: none !important;
    position: absolute;
    margin-bottom: 0px;
    height: 100%;
    color: #000;
    font-size: 32px;
    z-index: 9;
    line-height: 0;
}
.btn-outline-secondary:hover {
    background-color: transparent;
    color: #000;
}
.btn-outline-secondary.btn-plus {
    right: 0px;
}
.mwb-mbfw-total-area {
    margin-bottom: 0px;
}
.woocommerce div.product form.cart .button {
    background-color: #22b473;
    float: none;
    padding: 20px 0px;
    font-family: 'montserrat';
    font-weight: bold;
    color: #fff;
    font-size: 29px;
    border-radius: 11px;
    margin-top: 20px;
}

#entradas {
    position: relative;
    overflow: hidden;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 4%, rgba(168,255,255,1) 57%, rgba(0,255,255,1) 84%);
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 4%, rgba(168,255,255,1) 57%, rgba(0,255,255,1) 84%);
    background: linear-gradient(0deg, rgba(255,255,255,1) 4%, rgba(168,255,255,1) 57%, rgba(0,255,255,1) 84%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#00ffff",GradientType=1);
}
#entradas .cloud1, 
#entradas .cloud2, 
#entradas .cloud3, 
#entradas .cloud4 {
    position: absolute;
    opacity: 0; /* Empieza invisible */
    transition: opacity 1s ease-in-out;
}

#entradas .cloud1 {
    top: 14vh;
    left: -50vw;
    max-width: 244px;
    animation: moveCloud1 2s ease-in-out forwards;
}
.yith-wcbk-booking-form-total__label {
    display: none!important;
}
.yith-wcbk-booking-form-total--total-price .yith-wcbk-booking-form-total__value {
    display: none!important;
}
.yith-wcbk-booking-form-total__value {
    text-align: center!important;
}
#entradas .cloud2 {
    top: 20vh;
    left: -87vw;
    max-width: 42%;
    animation: moveCloud2 2.5s ease-in-out forwards;
}

#entradas .cloud3 {
    top: 13vh;
    right: -50vw;
    max-width: 33%;
    animation: moveCloud3 2s ease-in-out forwards;
}

#entradas .cloud4 {
    top: 46vh;
    right: -50vw;
    max-width: 23%;
    animation: moveCloud4 2.5s ease-in-out forwards;
}

/* Animaciones */
@keyframes moveCloud1 {
    to {
        left: 16vw;
        opacity: 1; /* Aparece suavemente */
    }
}

@keyframes moveCloud2 {
    to {
        left: -16vw;
        opacity: 1;
    }
}

@keyframes moveCloud3 {
    to {
        right: 73px;
        opacity: 1;
    }
}

@keyframes moveCloud4 {
    to {
        right: -112px;
        opacity: 1;
    }
}


.shop-header {
    min-height: 45vh;
    display: flex;
    justify-content: center;
    align-items: end;
    margin-bottom: 5vh;
}
.entry-summary .mwb-mbfw-cart-page-data input {
    background-color: transparent;
    border-color: #7b007b;
    border-radius: 11px!important;
    min-height: 53px;
    text-align: center;
    display: block;
    font-family: 'montserrat';
    font-weight: bold;
    color: #666666;
    font-size: 22px;
}
.product-template-default footer, .page-template-checkout footer, .page-template-topiventuras footer{
    background-image: url(../images/footer-shop.png) !important;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: 62vh;
    padding: 171px 0px 49px 0px;
}
.page-template-topiventuras footer {
    margin-top: 7vh;
}
.product-template-default footer .container,  .page-template-checkout footer, .page-template-topiventuras footer{
    z-index: 2;
    position: relative; 
}
.product-template-default footer:after, .page-template-checkout  footer:after, .page-template-topiventuras footer:after{
    content: '';
    position: absolute;
    top: calc(-101vh - 2px);
    left: 0;
    background-image: url(../images/footer-shop-details.png) !important;
    width: 100%;
    height: calc(145vh - 2px);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    z-index: 1;
}
.page-template-topiventuras footer:after {
	z-index: -1;
}
.page-template-checkout  footer:after {
	  background-image: url(https://playtopiacr.com/wp-content/uploads/2025/01/backgroundfooter2x.png) !important;
}
.page-template-checkout footer {
	margin-top: 0px;
}
.page-template-checkout #entradas {
	    background: #00ffff;
	    margin-bottom: 47vh;
} 
.woocommerce-checkout #payment div.payment_box input.input-text {
	border-color: #000000;
	border-top-color: #000000;
	color: #000;
}

.page-template-checkout  footer:after {
    z-index: -1;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    
    padding: 1em 2em 1em 3.5em;
    margin: 0 0 2em;
    position: relative;
    background-color: #ffffffb0;
    border: none;
    outline: none;
    color: #000;
    border-top: none;
    list-style: none outside;
    width: auto;
    word-wrap: break-word;
    box-shadow: 0px 0px 20px 5px #ffffffe0;
    border-radius: 10px;
}
.yith-wcbk-booking-duration__label {
    display: none;
}
.woocommerce-billing-fields h3 {
    display: none;
}
.woocommerce form .form-row input.input-text::placeholder, .woocommerce form .form-row textarea::placeholder {
    font-family: 'montserrat';
    font-weight: bold;
    color: #666666;
    font-size: 12px;
    line-height: 1;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    background-color: transparent;
    font-family: 'montserrat';
    font-weight: bold;
    color: #666666;
    font-size: 12px;
}
#order_review_heading {
    display: none;
}
.woocommerce-billing-fields__field-wrapper {
    padding-bottom: 40px;
    border-bottom: solid 1px #7b007b;
}
#order_review {
    z-index: 4;
    position: relative;
}
.woocommerce table.shop_table {
    border: none;
    margin-top: 40px;
}
.woocommerce table.shop_table tr {
    border-bottom: solid 1px #7b007b; 
}
.woo-checkout {
    max-width: 80%; 
    margin: auto;
}
.flatpickr-months {
    padding: 2px 0px 7px 0px;
    background: rgb(255, 10, 168);
    background: linear-gradient(90deg, rgba(255, 10, 168, 1) 4%, rgba(255, 113, 79, 1) 31%, rgba(255, 170, 30, 1) 61%, rgba(255, 198, 6, 1) 84%);
}
body .yith-wcbk-datepicker .ui-datepicker-header {
    background: linear-gradient(90deg, rgba(255, 10, 168, 1) 4%, rgba(255, 113, 79, 1) 31%, rgba(255, 170, 30, 1) 61%, rgba(255, 198, 6, 1) 84%);
}
body .yith-wcbk-datepicker.ui-datepicker .ui-datepicker-prev span:after, .yith-wcbk-datepicker.ui-datepicker .ui-datepicker-next span:after, .yith-wcbk-date-picker--inline .ui-datepicker .ui-datepicker-prev span:after, .yith-wcbk-date-picker--inline .ui-datepicker .ui-datepicker-next span:after {
    color: #fff;
    top: -9px;
}
.yith-wcbk-form-section .btn-outline-secondary{
    color: #636669;
    top: -3px;
}
.yith-wcbk-form-section {
    max-height: 46px;
    margin-bottom: 15px;
}
.yith-wcbk-form-section {
    position: relative;
}
.yith-wcbk-booking-form label.yith-wcbk-booking-form__label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto !important;
    bottom: 0px;
    z-index: 9;
    text-align: center;
    pointer-events: none;
    border: solid 1px #7b007b;
    background-color: transparent;
    padding: 10px 10px 10px 10px;
    border-radius: 15px;
}
body .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle {
    color: #333;
    background-color: transparent;
}
body .yith-wcbk-datepicker .ui-datepicker-header span {
    color: #fff;
    text-transform: capitalize;
}
.yith-wcbk-datepicker.ui-datepicker .ui-datepicker-buttonpane {
    display: none;
}
.flatpickr-months span svg {
    fill: #fff;
}
.flatpickr-months .flatpickr-monthDropdown-months {
    color: #fff!important;
    font-family: 'montserrat';
    font-weight: bold;
    color: #fff;
}
.flatpickr-months .numInput {
    color: #fff!important;
    font-family: 'montserrat';
    font-weight: bold;
    color: #fff;
}
span.flatpickr-weekday {
    color: #d41f26;
}
.flatpickr-day {
    font-family: 'montserrat';
    font-weight: bold;
}

#territorios-header {
    height: 60vh;
    padding: 40px 0px;
    background: rgb(180,229,237);
background: -moz-linear-gradient(180deg, rgb(57 255 253) 20%, rgb(190 251 251) 60%, rgba(255, 255, 255, 1) 100%);
background: -webkit-linear-gradient(180deg, rgb(57 255 253) 20%, rgb(190 251 251) 60%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(180deg, rgb(57 255 253) 20%, rgb(190 251 251) 60%, rgba(255, 255, 255, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b4e5ed",endColorstr="#ffffff",GradientType=1);
}
#territorios-header p {
	margin: 90px auto 32px auto;
	font-size: 20px;
	max-width: 175px;
}
#territorios-header .info {
    margin-top: 15vh;
}
#features-slider {
    background-image: url('../images/detail-territorios.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% calc(-27vw - 20px);
    padding-top: calc(41vh - 20px);
    padding-bottom: 5vh;
}


.slider {
    position: relative;
    width: 100%;
    height: 85vh;
    overflow: hidden;
    background-color: transparent;
    border-radius: 10px;
    margin-bottom: 40px;
  }

  .slide {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
  }

  .slide.active {
    display: flex;
  }
  .slider .column p {
    max-width: 80%;
    margin: auto;
    color: #000;
  }
  .slider .column {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px;
    flex-direction: column;
    text-align: center;
    flex: 1;
  }

  .slider .dots {
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    flex-direction: column;
    right: 0;
    position: absolute;
    left: initial;
    top: 35%;
    margin: auto;
  }

  .slider .dot {
    width: 20px!important;
    height: 20px!important;
    border-radius: 30px;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.3s;
  }

  .slider .dot.active {
    background-color: #333;
  }

  .slider .column img {
    max-width: 50%;
  }

 .page-template-territorios #gallery {
    background: white;
    padding-bottom: 0px;
 }
 .page-template-territorios  #features-slider {
    padding-bottom: 0px;
 }
 .page-template-territorios #gallery h2 {
    margin-bottom: 50px;
 }


 #territorios-header {
    position: relative;
    overflow: hidden;
 }
 #territorios-header .cloud1, 
 #territorios-header .cloud2, 
 #territorios-header .cloud3, 
 #territorios-header .cloud4 {
     position: absolute;
     opacity: 0; /* Empieza invisible */
     transition: opacity 1s ease-in-out;
 }
 
 #territorios-header .cloud1 {
     top: 14vh;
     left: -50vw; /* Empieza muy a la izquierda */
     max-width: 244px;
     animation: moveCloud1 2s ease-in-out forwards;
 }
 
 #territorios-header .cloud2 {
     top: 28vh;
     left: -50vw; /* Empieza muy a la izquierda */
     max-width: 500px;
     animation: moveCloud2 2.5s ease-in-out forwards;
 }
 
 #territorios-header .cloud3 {
     top: 14vh;
     right: -50vw; /* Empieza muy a la derecha */
     max-width: 250px;
     animation: moveCloud3 2s ease-in-out forwards;
 }
 
 #territorios-header .cloud4 {
     top: 42vh;
     right: -50vw; /* Empieza muy a la derecha */
     max-width: 250px;
     animation: moveCloud4 2.5s ease-in-out forwards;
 }
 
 /* Animaciones */
 @keyframes moveCloud1 {
     to {
         left: 16vw;
         opacity: 1; /* Aparece suavemente */
     }
 }
 
 @keyframes moveCloud2 {
     to {
         left: -16vw;
         opacity: 1;
     }
 }
 
 @keyframes moveCloud3 {
     to {
         right: 73px;
         opacity: 1;
     }
 }
 
 @keyframes moveCloud4 {
     to {
         right: -112px;
         opacity: 1;
     }
 }
 
.page-template-topiventuras #territorios-header {
    height: auto;
}
.ventura-wrapper {
    margin-top: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 35px;
    position: relative;
    padding-top: 0px;
    z-index: 8;
    min-height: 790px;
}
.ventura-wrapper ul {
	min-height: 480px;
	list-style: none;
	padding: 0px;
	max-width: 82%;
	margin: 0px auto;
	text-align: justify;
}
.ventura-wrapper img {
    max-width: 310px;
    max-height: 280px;
    object-fit: contain;
    position: absolute;
	top: -41px;
    left: calc(12px + 4vh);
}
.ventura-wrapper h2, .ventura-wrapper h2.background {
    font-size: 2.2rem;
    margin-bottom: 25px;
	text-align: center;
}
.ventura-wrapper ul li {
     color: #00003e;
    font-family: 'montserrat';
    font-weight: 600;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 13px;
    line-height: 1;
	text-align: left;
}
.ventura-wrapper ul li img {
	position: relative;
	left: 0 !important;
	top: 0 !important;
	margin-right: 13px;
}
.ventura-wrapper .price .custom-title {
    position: relative;
    bottom: -68px;
    text-align: center;
}
.ventura-wrapper .price .custom-title h2{
    margin-bottom: 2px;
    font-size: 4rem;
    background: #ff00ae;
    padding: 12px;
    border-radius: 15px;
    border: solid 5px #180b0b;
}
.ventura-wrapper .price .custom-title.small h2 {
    font-size: 2rem;
}
.ventura-wrapper.p1 img {
     left: 4%;
}
.ventura-wrapper.p2 img{
    max-width: 500px;
    max-height: 400px;
    top: -85px;
    left: calc(1vh - 2px);
}
.ventura-wrapper.p3 img {
    top: -80px;
    left: 13px;
}
.ventura-wrapper.p1 {
    background: white;
    border: solid 10px #00003e;
}

.ventura-wrapper.p2 {
    background: white;
    border: solid 10px #00003e;
}

.ventura-wrapper.p3 {
    background: white;
    border: solid 10px #00003e;
}
#ui-datepicker-div.yith-wcbk-datepicker.ui-widget-content {
    width: 100%!important;
}
.ui-datepicker-calendar span {
    font-size: 12px;
    color: #d41f26;
}
body .yith-wcbk-datepicker.ui-datepicker td.ui-datepicker-current-day a, .yith-wcbk-date-picker--inline .ui-datepicker td.ui-datepicker-current-day a {
    background: #ff00ae;
}
body .yith-wcbk-datepicker.ui-datepicker td:not(.ui-state-disabled):hover a, .yith-wcbk-date-picker--inline .ui-datepicker td:not(.ui-state-disabled):hover a {
    background: #ff982e; 
}
.yith-wcbk-booking-form input:not([type='checkbox']), .yith-wcbk-booking-form input.yith-wcbk-date-picker--formatted, .yith-wcbk-booking-form select, .yith-wcbk-booking-form textarea {
    opacity: 0;
}
.single-product .woocommerce-notices-wrapper {
     position: absolute;
    z-index: 9;
    top: 17vh;
    left: 17vh;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce input.button.alt:disabled[disabled]:hover {
    background: #ff982e!important; 
}
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {
    display: none;
}



/* Pantalla completa */
.home .loading-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #54fffe;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
  }
  .loading-wrapper {
    display: none;
  }
  /* Contenido centrado */
  .loading-content {
    text-align: center;
    font-family: 'Comic Sans MS', sans-serif;
    color: #ff4081;
  }
  
  /* Logo del personaje */
  .character img {
    width: 150px;
    height: auto;
    animation: bounce 1s infinite ease-in-out;
  }
  
  /* Texto */
  p {
    font-size: 1.2rem;
    color: #555;
    margin-top: 20px;
  }
  
  /* Animación del salto */
  @keyframes bounce {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-10px);
    }
  }
  
  /* Estado de salida */
  .loading-wrapper.slide-out {
    transform: translateY(-100%);
    opacity: 0;
  }
  .wpcf7-not-valid-tip {
    display: none;
  }
  .wpcf7-not-valid {
    border: solid 2px #d14141;
  }
  .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    margin: 0 auto;
    border: none;
    background: #9e9d9d;
    color: white;
    border-radius: 10px;
    padding: 10px 13px;
    text-align: center;
  }
  .wpcf7-spinner {
    display: none!important;
  }
  .page-template-territorios #gallery {
    background: rgb(209,220,234);
background: linear-gradient(180deg, rgb(209 224 238) 25%, rgba(255, 255, 255, 1) 55%, rgba(255, 255, 255, 1) 73%);
  }
  .woocommerce td.product-name dl.variation p {
    margin-top: 0px !important;
    color: #000;
    font-size: 14px;
    text-transform: capitalize;
  }
  .woocommerce bdi, .woocommerce span {
    color: #000;
  }

  .woocommerce a.remove {
    font-size: 12px;
    margin-bottom: 10px;
    width: fit-content;
    padding: 10px;
    height: auto;
    border-radius: 10px;
  }

  .btn-wrapper {
    margin-top: 15vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 8;
    position: relative;
  }
  .btn-wrapper a {
    background: rgb(255, 205, 0);
    background: linear-gradient(34deg, rgba(255, 205, 0, 1) 4%, rgba(255, 110, 82, 1) 24%, rgba(255, 52, 132, 1) 44%, rgba(240, 0, 165, 1) 65%, rgba(178, 0, 114, 1) 84%);
    width: fit-content;
    min-width: 290px;
    margin-bottom: 15px;
    border-radius: 15px;
    padding: 12px 10px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
  }
  .yith-wcbk-datepicker.ui-datepicker .ui-datepicker-prev span:after, .yith-wcbk-datepicker.ui-datepicker .ui-datepicker-next span:after, .yith-wcbk-date-picker--inline .ui-datepicker .ui-datepicker-prev span:after, .yith-wcbk-date-picker--inline .ui-datepicker .ui-datepicker-next span:after {
    color: #fff!important;
  }

  /* Scroll bar infantil y creativo */
::-webkit-scrollbar {
    width: 12px;
    height: 12px; /* Para barras horizontales */
  }
  
  ::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #FFB6C1, #87CEFA); /* Colores pastel */
    border-radius: 6px;
    border: 3px solid #FFF; /* Añade un borde blanco para un efecto "suave" */
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #FF69B4, #4682B4); /* Cambia al pasar el mouse */
  }
  
  ::-webkit-scrollbar-track {
    background: #5dfffe; /* Fondo claro */
    border: 2px dashed #60ff8b; /* Efecto de línea discontinua */
    border-radius: 10px;
  }
  
  ::-webkit-scrollbar-track:hover {
    background: #FFFACD; /* Cambia el fondo al pasar el mouse */
  }
  
  ::-webkit-scrollbar-corner {
    background: #FFF; /* Color de la esquina */
  }
  
  .yith-wcbk-datepicker.ui-datepicker .ui-datepicker-next span:after {
    top: -10px!important;
  }
  .woocommerce-message:focus-visible {
    background-color: #ffffffb0;
    border: none;
    outline: none;
  }
  .woocommerce-message a {
    color: #486da4;
  }
  .woocommerce-customer-details {
    display: none;
  }
  .woo-checkout {
    z-index: 4;
  }
  #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background-color: transparent;
  }
  .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
    background-color: #22b473;
    float: none;
    padding: 20px 0px;
    font-family: 'montserrat';
    font-weight: bold;
    color: #fff;
    font-size: 29px;
    border-radius: 11px;
    margin-top: 20px;
}
.woocommerce-privacy-policy-text p a {
    color: #486da4;
}
.woocommerce-privacy-policy-text p {
    font-size: 14px;
} 
.woocommerce ul.order_details {
    padding: 0px;
}
#terms-cart {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
}
#terms-cart input {
	margin-right: 5px;
	width: 15px;
	height: 15px;
	position: relative;
	top: 5px;
}
#terms-cart a {
	margin-left: 7px;
	color: #486da4;
}
.woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox {
	display: flex;
justify-content: flex-start;
	align-items: center;
	font-size: 16px;
}
.woocommerce form .form-row .input-checkbox {
	width: 20px;
}
#order_review span a {
	color: #486da4;
}
.woocommerce-terms-and-conditions-checkbox-text {
	font-size: 16px;
}
.woocommerce form .form-row {
	width: 100%;
}
.woocommerce-privacy-policy-text {
	display: none;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
	background-color: transparent;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
	display: none;
}
.payment_method_vex-credomatic label, .payment_method_vex-credomatic label span {
    margin-top: 0px !important;
    color: #000;
    font-size: 14px;
    text-transform: capitalize;
}
#add_payment_method #payment div.payment_box .form-row, .woocommerce-cart #payment div.payment_box .form-row, .woocommerce-checkout #payment div.payment_box .form-row {
	margin-bottom: 0px;
}
#add_payment_method #payment div.payment_box .wc-credit-card-form, .woocommerce-cart #payment div.payment_box .wc-credit-card-form, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form {
	margin-bottom: 0px;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
	padding: 0px;
	margin: 0px;
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number {
	    border-radius: 10px;
    margin-bottom: 12px;
    padding: 11px;
    font-size: 20px;
    max-width: 100%;
    max-height: 49px;
    width: 100%;
    height: 40px;
}
.payment_method_vex-credomatic label[for=payment_method_vex-credomatic] {
	    font-family: 'montserrat';
    font-weight: bold;
    color: #000;
    font-size: 20px;
}
/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
    .woocommerce ul.order_details  {
        padding: 0px;
    }
    .woocommerce ul.order_details li {
        width: 100%;
        float: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .slider {
        max-width: 90%;
        margin: auto;
    }
    .home .logodiv {
        display: block!important;
    }
    .video-container {
        height: 45vh;
    }
    .slider .dots {
        position: absolute;
        left: initial;
        top: initial;
        margin: auto;
        flex-direction: row;
        right: 16%;
        bottom: 45px;
    }
    .slider .column p {
        font-size: 15px;
    line-height: 1.2;
    text-align: justify;
    }
    .ventura-wrapper.p1 img {
             left: -4px;
        max-width: 204px;
        max-height: 201px;
        top: -21px;
    }
    .ventura-wrapper.p2 img {
            left: calc(31px + -4vh);
        max-width: 230px;
        max-height: 300px;
        top: -60px;
    }
    .ventura-wrapper.p3 img {
       left: calc(1px + 0vh);
        max-width: 206px;
        max-height: 221px;
        top: -67px;
    }
	#territorios-header p {
		    margin: 51px auto 32px auto;
	}
    .ventura-wrapper ul {
        list-style: none;
        padding: 0px 20px;
        margin: 0px;
    }
    .ventura-wrapper ul li {
        font-size: 14px;
    }
    .ventura-wrapper {
        margin-top: 160px;
    }
    .ventura-wrapper {
        min-height: 48vh;;
    }
    .ventura-wrapper .custom-title h2, .ventura-wrapper .custom-title h2.background {
        font-size: 24px!important;
        text-align: center;
    }
    .page-template-topiventuras footer {
        margin-top: 15vh;
        padding: 0px;
    }
    .page-template-topiventuras footer:after {
        z-index: -1;
        top: calc(-39vh - 2px);
        height: calc(53vh - 2px);
    }
    #menu-mainmenu li a {
        color: #3a3a3a;
    }
    .woocommerce div.product form.cart .button {
        font-size: 18px;
    }
    #welcome-section .topi {
        max-width: 27vw;
        top: 17vh;
        right: 0px;
    }
    .custom-title h2 {
        font-size: 3rem;
    }
    .custom-title h2.background {
        font-size: 3rem;
    }
    #territorios-header .cloud2 {
        top: 43vh;
        max-width: 380px;
    }
    #territorios-header .cloud3 {
        top: 10vh;
    }
    .slider .column img {
        max-width: 95%;
    }
    .wrappernavbar {
        position: fixed;
        top: 0px;
        right: 0;
        height: 100vh;
        z-index: 98;
        width: 30vw;
        background: #000232;
        transition: 1s all;
        transform: translateX(2000px);
    }
    .wrappernavbar.open {
        transform: translateX(0);
    }
    .slider {
        height: 50vh;
    }
    #features-slider {
        background-position: 100% calc(-40vw - 20px);
        padding-top: calc(21vh - 20px);
        padding-bottom: 0px;
    }
    .slide p {
        color: #fff;
    }
    .navbar-nav li {
        margin-bottom: 20px;
        margin-left: 49px;
        font-size: 20px;    
    }
    .navbar-toggler {
        padding: .25rem .75rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: .25rem;
    }
    .collapse:not(.show) {
        background:#4fffff;
        display: block !important;
        padding-top: 80px;
    }
    .navbar-light .navbar-toggler {
        border: none;
        z-index: 99;
    }
    .navbar-light .navbar-toggler i {
        font-size: 2rem;
        color: #3a3a3a;
    }
    .navbar-light .navbar-toggler .fa-times {
        display: none;
    }
    header .navbar {
        width: fit-content;
    }
    .navbar-toggler.open .fa-bars {
        display: none;
    }
    .navbar-toggler.open .fa-times {
        display: block;
    }
    #menu-mainmenu {
        width: 65%;
    }
    #welcome-section .detail2 {
        width: 15%;   
    }
    #main-menu-wrapper {
        display: none;
    }
    #entradas .cloud2 {
        max-width: 320px;  
    }
    #entradas .cloud3 {
        max-width: 263px;
        top: 20vh;
    }
    .product-template-default footer, .page-template-checkout footer {
        margin-top: 22vh;
    }
    .product-template-default footer:after, .page-template-checkout footer:after {
        content: '';
        position: absolute;
        top: calc(-48vh - 2px);
        left: 0;
        background-image: url(../images/footer-shop-details.png) !important;
        width: 100%;
        height: calc(62vh - 2px);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
        z-index: 1;
    }
    .shop-header {
        min-height: 20vh;
    }

    /* Animaciones */
@keyframes moveCloud1 {
    to {
        left: 2vw;
        opacity: 1; /* Aparece suavemente */
    }
}

@keyframes moveCloud2 {
    to {
        left: -16vw;
        opacity: 1;
    }
}

@keyframes moveCloud3 {
    to {
        right: -90px;
        opacity: 1;
    }
}

@keyframes moveCloud4 {
    to {
        right: -10px;
        opacity: 1;
    }
}
  }




  /* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .btn-wrapper {
        margin-top: 150px;
    }
    .page-template-topiventuras footer:after {
        z-index: -1;
        top: calc(-52vh - 2px);
        height: calc(84vh - 2px);
    }
    .video-container {
        height: 75vh;
    }
    .navbar-expand-lg .navbar-toggler {
        display: block;
    }
    #menu-mainmenu {
        width: 65%;
        flex-direction: column;
    }
    .product-template-default footer:after, .page-template-checkout footer:after {
        height: calc(101vh - 2px);
        top: calc(-53vh - 2px);
    }
    .woocommerce ul.order_details  {
        padding: 0px;
    }
    .woocommerce ul.order_details li {
        width: 100%;
        float: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
  }

  
/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
	.ventura-wrapper ul li img {
		max-width: 15px!important;
	}
    .woocommerce ul.order_details  {
        padding: 0px;
    }
    .woocommerce ul.order_details li {
        width: 100%;
        float: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    #welcome-section span {
        line-height: 1;
    }
    .custom-title h2 {
        padding: 20px 0px 5px 0px;
    }
    #gallery {
        background:linear-gradient(180deg, rgb(180 229 237) 20%, rgb(190 251 251) 60%, rgba(255, 255, 255, 1) 100%);
    }
    body .yith-wcbk-datepicker.ui-datepicker .ui-datepicker-prev span:after, .yith-wcbk-datepicker.ui-datepicker .ui-datepicker-next span:after, .yith-wcbk-date-picker--inline .ui-datepicker .ui-datepicker-prev span:after, .yith-wcbk-date-picker--inline .ui-datepicker .ui-datepicker-next span:after {
        top: 0px;
    }
    body .yith-wcbk-datepicker .ui-datepicker-header span {
        font-size: 17px;
    }
    #welcome-section .detail1 {
        position: absolute;
        left: 41%;
        max-width: 283px;
        top: 137vh;
        width: 100%;
    }
    .page-template-topiventuras footer {
        margin-top: 0px;
    }
    .shop-header {
        min-height: 36vh;
    }
    .ventura-wrapper {
        margin: 147px auto 55px auto;
        max-width: 90%;
    }
    .ventura-wrapper h2 {
        text-align: center;
    }
    .ventura-wrapper.p1 img {
        left: calc(21px + 1vh);
    }
    .ventura-wrapper.p2 img {
        top: -169px;
        left: calc(4vh - 2px);
    }
    .slider p {
        font-size: 14px;
    }
    .slider .dots {
        bottom: 0px;
    }
    .slider .column img{ 
        max-width: 40%;
    }
    .woocommerce div.product form.cart .button {
        font-size: 14px;
    }
    #menu-mainmenu li a {
        color: #3a3a3a;
    }
    #gallery {
        padding-bottom: 0px;
    }
    #contact {
        padding-top: 0px;
    }
    #welcome-section {
        box-shadow: 0px -10px 6px 2px #ffffff;
    }
    .home .logodiv {
        display: block!important;
    }
    #features-slider {
        background-position: 100% calc(-41vw - 20px);
        padding-top: calc(18vh - 20px);
        padding-bottom: 20px!important;
    }
    .slider .column {
        align-items: center;
        text-align: center;
    }
    .wrappernavbar {
        position: fixed;
        top: 0px;
        right: 0;
        height: 100vh;
        z-index: 98;
        width: 50vw;
        background: #000232;
        transition: 1s all;
        transform: translateX(2000px);
    }
    .wrappernavbar.open {
        transform: translateX(0);
    }
    
    .navbar-nav li {
        margin-bottom: 20px;
        margin-left: 22px;
        font-size: 20px;
        text-align: left;
    }
    .navbar-toggler {
        padding: .25rem .75rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: .25rem;
    }
    .collapse:not(.show) {
        background:#4fffff;
        display: block !important;
        padding-top: 80px;
    }
    .navbar-light .navbar-toggler {
        border: none;
        z-index: 99;
    }
    .navbar-light .navbar-toggler i {
        font-size: 2rem;
        color: #3a3a3a;
    }
    .navbar-light .navbar-toggler .fa-times {
        display: none;
    }
    header .navbar {
        width: fit-content;
    }
    .navbar-toggler.open .fa-bars {
        display: none;
    }
    .navbar-toggler.open .fa-times {
        display: block;
    }
    #main-menu-wrapper {
        display: none;
    }
    footer img.logo {
        max-width: 100%;
    }
    #welcome-section .topi {
        max-width: 57%;
        right: 0%;
        z-index: 1;
    }
    #territorios-header {
        height: 87vh;
    }
    #territorios-header p {
        max-width: 70%;
        font-size: 14px;
    }
    .custom-title img {
        max-width: 100%;
    }
    #territorios-header .cloud4 {
        top: 73vh;
        right: -50vw;
        max-width: 250px;
    }
    #territorios-header .cloud3 {
        top: 12vh;
        right: -59vw;
        max-width: 211px;
    }
    #territorios-header .cloud2 {
        top: 68vh;
        left: -50vw;
        max-width: 203px;
    }
    .custom-title h2 {
        font-size: 2.2rem;
        margin-bottom: 20px;
    }
    .slide {
        flex-direction: column;
    }
    .custom-title h2.background {
        font-size: 2.2rem;
    }
    .video-container {
        height: 100vh;
    }
    #welcome-section {
        overflow: hidden;
        background: linear-gradient(180deg, rgba(255, 255, 255, 1) 4%, rgba(180, 229, 237, 1) 30%, rgba(180, 229, 237, 1) 84%);
    }
    #welcome-section .detail2 {
        right: 0px;
        z-index: 1;
    }
   
    .detailsowl .detail1, .detailsowl .detail2 {
        display: none;
    }
    .contact-info {
        padding: 0px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .contact-info li {
        margin-right: 10px;
    }
    footer .social-list {
        list-style: none;
        max-width: 100%;
        padding: 0px;
    }
    #entradas .cloud1 {
        top: 18vh;
        max-width: 120px;
    }
    #entradas .cloud2 {
        top: 28vh;
        left: -55vw;
        max-width: 121px;
    }
    #entradas .cloud3 {
        top: 42vh;
        right: -62vw;
        max-width: 134px;
    }
    #entradas .cloud4 {
        top: 23vh;
        right: -63vw;
        max-width: 199px; 
    }
    @keyframes moveCloud3 {
        to {
            right: -24px;
            opacity: 1;
        }
    }
    .product-template-default footer, .page-template-checkout footer {
        margin-top: 22vh;
    }
    .product-template-default footer:after, .page-template-checkout footer:after {
        top: calc(-77vh - 2px);
        height: calc(138vh - 2px);
    }
    .woocommerce-page div.product div.summary {
        max-width: 80%;
    }
    #order_review span {
        font-size: 18px;
        line-height: 1;
    }

    #order_review {
        z-index: 2;
    }
    .woocommerce form .form-row {
        width: 100%;
    }
    .woo-checkout {
        max-width: 100%;
    }
    .page-template-topiventuras footer:after {
        z-index: -1;
        top: calc(-21vh - 2px);
        height: calc(40vh - 2px);
    }
    .woocommerce ul.order_details  {
        padding: 0px;
    }
    .woocommerce ul.order_details li {
        width: 100%;
        float: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
	.page-template-checkout #entradas {
		margin-bottom: -20px;
	}
  }

  /* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
		.toolbar {
			top: 40px!important;
			position: relative!important;
		}
	.page-template-checkout #entradas {
		margin-bottom: -20px;
	}
	.ventura-wrapper ul li img {
		max-width: 15px!important;
	}
		.custom-title h2 span, .custom-title .background span {
		font-size: 17px !important;
    	line-height: 1 !important;
	}
	.custom-title .background span {
		    top: 60px!important;
	}
	.woocommerce form .form-row label.checkbox span, .woocommerce-page form .form-row label.checkbox span {
		font-size: 14px!important;
	}
	#terms-cart {
		font-size: 12px;
	}	
	.single-product .woocommerce-notices-wrapper {
		top: 15vh;
		left: 1vh;
		font-size: 12px;
	}
	.contact-info li {
		        width: 46%;
        display: flex;
        justify-content: center;
        align-items: center;
	}
	.contact-info li a {
		margin-bottom: 0px;
		    font-size: 16px;
	}
    .woocommerce ul.order_details  {
        padding: 0px;
    }
    .woocommerce ul.order_details li {
        width: 100%;
        float: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #territorios-header .info {
        margin-top: 12vh;
        z-index: 2;
        position: relative;
    }
    .slider .column {
        flex: none;
    }
    #welcome-section span {
        line-height: 1;
    }
    .custom-title h2 {
        padding: 20px 0px 5px 0px;
    }
    #gallery {
        background:linear-gradient(180deg, rgb(180 229 237) 20%, rgb(190 251 251) 60%, rgba(255, 255, 255, 1) 100%);
    }
    body .yith-wcbk-datepicker.ui-datepicker .ui-datepicker-prev span:after, .yith-wcbk-datepicker.ui-datepicker .ui-datepicker-next span:after, .yith-wcbk-date-picker--inline .ui-datepicker .ui-datepicker-prev span:after, .yith-wcbk-date-picker--inline .ui-datepicker .ui-datepicker-next span:after {
        top: 0px;
    }
    body .yith-wcbk-datepicker .ui-datepicker-header span {
        font-size: 17px;
    }
    #welcome-section .detail1 {
        position: absolute;
        left: 41%;
        max-width: 283px;
         top: 75%;
        width: 100%;
    }
    .page-template-topiventuras footer {
        margin-top: 0px;
    }
    .shop-header {
        min-height: 36vh;
    }
    .ventura-wrapper {
        margin: 147px auto 80px auto;
        max-width: 90%;
    }
    .ventura-wrapper h2 {
        text-align: center;
    }
    .ventura-wrapper.p1 img {
           left: calc(-4px + 1vh);
    }
    .ventura-wrapper.p2 img {
               top: -76px;
        left: calc(2vh - 2px);
    }
	.ventura-wrapper.p3 img {
		    top: -80px;
    left: 1px;
	}
    .btn-wrapper {
        margin-top: 40px;
    }
    .slider p {
        font-size: 14px;
    }
    .slider .dots {
        bottom: 0px;
    }
    .slider .column img{ 
        max-width: 40%;
    }
    .woocommerce div.product form.cart .button {
        font-size: 14px;
    }
    #menu-mainmenu li a {
        color: #3a3a3a;
    }
    #gallery {
        padding-bottom: 0px;
    }
    #contact {
        padding-top: 0px;
    }
    #welcome-section {
        box-shadow: 0px -10px 6px 2px #ffffff;
    }
    .home .logodiv {
        display: block!important;
    }
    #features-slider {
        background-position: 100% calc(-41vw - 20px);
        padding-top: calc(18vh - 20px);
        padding-bottom: 20px!important;
    }
    .slider .column {
        align-items: center;
        text-align: center;
    }
    .wrappernavbar {
        position: fixed;
        top: 0px;
        right: 0;
        height: 100vh;
        z-index: 98;
        width: 50vw;
        background: #000232;
        transition: 1s all;
        transform: translateX(2000px);
    }
    .wrappernavbar.open {
        transform: translateX(0);
    }
    
    .navbar-nav li {
        margin-bottom: 20px;
        margin-left: 22px;
        font-size: 20px;
        text-align: left;
    }
    .navbar-toggler {
        padding: .25rem .75rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: .25rem;
    }
    .collapse:not(.show) {
        background:#4fffff;
        display: block !important;
        padding-top: 80px;
    }
    .navbar-light .navbar-toggler {
        border: none;
        z-index: 99;
    }
    .navbar-light .navbar-toggler i {
        font-size: 2rem;
        color: #3a3a3a;
    }
    .navbar-light .navbar-toggler .fa-times {
        display: none;
    }
    header .navbar {
        width: fit-content;
    }
    .navbar-toggler.open .fa-bars {
        display: none;
    }
    .navbar-toggler.open .fa-times {
        display: block;
    }
    #main-menu-wrapper {
        display: none;
    }
    footer img.logo {
        max-width: 100%;
    }
    #welcome-section .topi {
        max-width: 57%;
        right: 0%;
        z-index: 1;
    }
    #territorios-header {
        height: 60vh;
    }
    #territorios-header p {
        max-width: 70%;
        font-size: 14px;
    }
    .custom-title img {
        max-width: 100%;
    }
    .slider .dot {
        width: 10px !important;
        height: 10px !important;
    }
    #territorios-header .cloud4 {
        top: 40vh;
        right: -50vw;
        max-width: 250px;
    }
    #territorios-header .cloud3 {
        top: 10vh;
        right: -59vw;
        max-width: 211px;
    }
    #territorios-header .cloud2 {
        top: 35vh;
        left: -59vw;
        max-width: 156px;
    }
    .custom-title h2 {
        font-size: 2.2rem;
        margin-bottom: 20px;
    }
    .slide {
        flex-direction: column;
    }
    .custom-title h2.background {
        font-size: 2.2rem;
    }
    .video-container {
        height: 90vh;
    }
    #welcome-section {
        overflow: hidden;
        background: linear-gradient(180deg, rgba(255, 255, 255, 1) 4%, rgba(180, 229, 237, 1) 30%, rgba(180, 229, 237, 1) 84%);
    }
    #welcome-section .detail2 {
        right: 0px;
        z-index: 1;
    }
   
    .detailsowl .detail1, .detailsowl .detail2 {
        display: none;
    }
    .contact-info {
             padding: 0px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        line-height: 1.2;
    }
    .contact-info li {
        margin-right: 10px;
    }
    footer .social-list {
        list-style: none;
        max-width: 100%;
        padding: 0px;
    }
    #entradas .cloud1 {
        top: 18vh;
        max-width: 120px;
    }
    #entradas .cloud2 {
        top: 28vh;
        left: -55vw;
        max-width: 121px;
    }
    #entradas .cloud3 {
        top: 42vh;
        right: -62vw;
        max-width: 134px;
    }
    #entradas .cloud4 {
        top: 23vh;
        right: -63vw;
        max-width: 199px; 
    }
    @keyframes moveCloud3 {
        to {
            right: -24px;
            opacity: 1;
        }
    }
    .product-template-default footer, .page-template-checkout footer {
        margin-top: 22vh;
    }
    .product-template-default footer:after, .page-template-checkout footer:after {
        top: calc(-26vh - 2px);
        height: calc(40vh - 2px);
    }
    .woocommerce-page div.product div.summary {
        max-width: 80%;
    }
    #order_review span {
        font-size: 18px;
        line-height: 1;
    }
    #order_review {
        z-index: 2;
    }
    .woocommerce form .form-row {
        width: 100%;
    }
    .woo-checkout {
        max-width: 100%;
    }
    .page-template-topiventuras footer:after {
        z-index: -1;
        top: calc(-21vh - 2px);
        height: calc(40vh - 2px);
    }
  }