@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.cdnfonts.com/css/savoye-let');
                

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body{background-color: #F5F0E8; color: #463A00; font-family: "DM Sans", serif; font-size: 1.042vw; font-weight: 400; line-height: normal; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;}

h1, h2, h3, h4, h5, h6, ul, li, a, p, figure{
padding: 0 0 0 0; margin: 0 0 0 0; list-style-type: none; font-weight: inherit; font-size: inherit; line-height: inherit;}

h1, h2, h3, h4, h5, h6{font-family: "DM Sans", serif;}

a{text-decoration: none;}
.pointer-events-none{pointer-events: none;}   

img{display: block; max-width: 100%; height: auto; border: 0; border: none;}
.aspect-973-653{aspect-ratio: 973/653; object-fit: cover;}
.aspect-735-866{aspect-ratio: 735/866; object-fit: cover;}
.aspect-4-5{aspect-ratio: 4/5; object-fit: cover;}

.w-100{width: 100%;}
.mw-100{min-width: 100%;}
.h-100{height: 100%;}
.h-100-vh{height: 100vh !important;}
.h-auto{height:  auto !important;}
.mh-100-vh{min-height: 100vh;}

.section{width: 100%; position: relative;}
.container{width: 100%; max-width: 87.708vw; margin: 0 auto; padding-left: 15px; padding-right: 15px; position: relative;}
.container-fluid{max-width: 1920px;}
.container-100{max-width: 100%;}


/*buttons*/
button{cursor: pointer;}
.btn{font-size: 1.146vw; line-height: 1.354vw; letter-spacing: -0.013vw; font-weight: 500; border-radius: 50px; height: 3.49vw; display: inline-flex; align-items: center; justify-content: center; background-color: transparent; border: solid 2px transparent; padding: 0 1.328vw;}
.btn-FEDC5C{/*background-color: #FEDC5C;*/ background-color: #F7E4B1; color: #463A00;}
.btn-ACE6FE{/*background-color: #ACE6FE;*/ background-color: #C7E3EF; color: #463A00;}
.btn-FFD6DD{/*background-color: #FFD6DD;*/ background-color: #F5E1E4; color: #463A00;}
.btn-open-gallery{position: absolute; bottom: 1.563vw; right: 2.604vw; z-index: 2; border: solid 1px #FFFFFF; background-color: rgb(70,58,0, 0.40); color: #FFFFFF;}
.btn-open-gallery svg{margin-right: 1.042vw; width: 1.146vw; height: 1.146vw;}

/*buttons*/

/*titles*/
.display-1{font-size: 6.51vw; line-height: 6.51vw; font-weight: 200; letter-spacing: 0.313vw;}
.display-1 .savoye-let{font-size: 12.552vw; letter-spacing: -0.059vw;}
.display-1.lh-185{line-height: 9.635vw;}
.h2{font-size: 2.656vw; line-height: 3.49vw;}
.h2 .savoye-let{font-size: 5.052vw;}
.h3{}
.h3.savoye-let{font-size: 3.75vw; line-height: 3.75vw; letter-spacing: -0.034vw}
.h4{font-size: 3.125vw; line-height: 1.406vw;}
.h5{}
.h6{}
.small{font-size: 0.573vw; font-weight: 500; line-height: 0.938vw; letter-spacing: 0.286vw;}
p{font-size: 1.042vw; line-height: 1.354vw; margin-bottom: 1.042vw;}
p:last-child{margin-bottom: 0;}
/*titles*/

/*colors*/
.color-FFFFFF{color: #FFFFFF;}
.color-463A00{color: #463A00;}
.color-AB8229{color: #AB8229;}
.color-FAFAFA{color: #FAFAFA;}
/*colors*/

/*backgrounds*/
.bg-F5F0E8{background-color: #F5F0E8;}
.bg-ACE6FE{/*background-color: #ACE6FE;*/ background-color: #C7E3EF;}
.bg-FFFFFF{background-color: #FFFFFF;}
.bg-FFD6DD{/*background-color: #FFD6DD;*/ background-color: #F5E1E4;}
.bg-image{background-size: cover; background-position: center center; background-repeat: no-repeat;}
.goverlay{background-color: rgb(171, 130, 41, 0.6) !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
.glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev {
        background-color: transparent !important;
    }



/*backgrounds*/

/*fonts*/
.dm-san{font-family: "DM Sans", serif;}
.savoye-let{font-family: 'Savoye LET', sans-serif; font-weight: normal !important;}
.fw-100{font-weight: 100;}
.fw-200{font-weight: 200;}
.fw-300{font-weight: 300;}
.fw-400{font-weight: 400;}
.fw-700{font-weight: 500;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}
.fw-800{font-weight: 800;}
.font-italic{font-style: italic;}
.text-center{text-align: center;}
.text-uppercase{text-transform: uppercase;}
/*fonts*/

/*Spacing*/
.m-0-auto{margin: 0 auto;}
.mb-0{margin-bottom: 0 !important;}
.mb-7{margin-bottom: 0.365vw;}
.mb-10{margin-bottom: 0.521vw;}
.mb-12{margin-bottom: 0.651vw;}
.mb-20{margin-bottom: 1.042vw;}
.mb-30{margin-bottom: 1.563vw;}
.mb-40{margin-bottom: 2.083vw;}
.mb-50{margin-bottom: 2.604vw;}
.mb-60{margin-bottom: 3.125vw;}
.mb-70{margin-bottom: 3.646vw;}
.mb-120{margin-bottom: 6.25vw;}
.mb-175{margin-bottom: 9.115vw;}
.mb--180{margin-bottom: -9.375vw;}


.mt-0{margin-top: 0 !important;}
.mt-7{margin-top: 0.365vw;}
.mt-10{margin-top: 0.521vw;}
.mt-12{margin-top: 0.651vw;}
.mt-20{margin-top: 1.042vw;}
.mt-30{margin-top: 1.563vw;}
.mt-40{margin-top: 2.083vw;}
.mt-50{margin-top: 2.604vw;}
.mt-60{margin-top: 3.125vw;}
.mt-70{margin-top: 3.646vw;}
.mt-120{margin-top: 6.25vw;}
.mt-175{margin-top: 9.115vw;}

.pt-16{padding-top: 16px;}
.pb-16{padding-bottom: 16px;}
.pb-120{padding-bottom: 6.25vw;}
.pt-120{padding-top: 6.25vw;}
.pt-175{padding-top: 9.115vw;}
.pb-175{padding-bottom: 9.115vw;}

.rounded-60{border-radius: 3.125vw;}
.sep-180{position: absolute; left: 0; bottom: 0; width: 100%; height: 9.375vw;}
.sep-top{top: 0; bottom: inherit !important; height: 6.615vw;}
/*Spacing*/

/*Display property*/
.d-block{display: block;}
.d-inline-block{display: inline-block;}
.d-none{display: none !important;}
.d-grid{display: grid;}
.d-flex{display: flex;}
.align-item-start{align-items: start;}
.align-item-center{align-items: center;}
.align-item-end{align-items: end;}
.justify-content-between{justify-content: space-between;}
.justify-content-start{justify-content: start;}
.justify-content-center{justify-content: center;}
.justify-content-end{justify-content: end;}
.justify-self-center{justify-self: center;}
.flex-direction-column{flex-direction: column !important;}
/*Display property*/

.position-relative{position: relative;}
.object-position-bottom{object-position: bottom !important;}
.object-position-left{object-position: left !important;}

/*grid*/
.grid{display: grid; grid-template-columns: repeat(12, 1fr); gap: 16px;}
.grid-6{grid-column: span 6 / span 6; grid-column-start: 2;}
.grid-8{grid-column: span 8 / span 8; grid-column-start: 3;}
.grid-10{grid-column: span 10 / span 10; grid-column-start: 2;}
.grid-3-12{grid-column: span 3 / span 3;}
.grid-9-12{grid-column: span 9 / span 9; grid-column-start: 4;}
.grid-4-12{grid-column: span 4 / span 4;}
.grid-8-12{grid-column: span 8 / span 8; grid-column-start: 5;}

.gap-0{gap: 0 !important;}
/*grid*/

.border-bottom-AB8229{border-bottom: solid 1px #AB8229;}

/*Overflow*/
.overflow-hidden{overflow: hidden !important;}
.overflow-visible{overflow: visible;}
/*Overflow*/

.swiper-pagination-custom {
  position: absolute;
  bottom: 2.656vw;
  right: 9.479vw; left: inherit; width: auto;
  color: #FFFFFF; z-index: 5; font-size: 0.625vw; letter-spacing: 0.188vw; display: none !important;
}

.swiper-button-prev, 
.swiper-button-next {
  color: transparent; width: 60px; height: 60px; background: transparent; margin-top: 0; background-image: url("../images/icons/arrow-slider.svg"); background-position: center center; background-size: cover; background-repeat: no-repeat; top: 50%; bottom: inherit; right: 30px; left: inherit; transform: translateY(-50%);}
.swiper-button-next{transform: rotate(180deg) translateY(50%);}
.swiper-button-prev{right: inherit; left: 30px;}
.swiper-button-next:after, .swiper-button-prev:after{display: none;}

.loopSwiper{width: calc(100% + 6.250vw) !important; margin-left: -3.125vw;}
.loopSwiper .swiper-slide img{width: 100%;}
.basicSwiper .swiper-slide{height: auto;}

.swiper-slide.testimonial-item{height: auto !important; justify-content: start; padding: 0 3.472vw;}
.testimonialsSwiper .swiper-slide-blank{height: auto !important;}
.container-starts{margin-bottom: 2.5vw;}
.icon-star{width: 1.042vw; height: 1.042vw;}


.testimonialsSwiper .swiper-button-prev, .testimonialsSwiper .swiper-button-next {
   /* width: 5.156vw;
    height: 5.156vw;*/
    top: 50%;
    transform: translateY(-50%);
    bottom: inherit;
    background-image: url(../images/icons/Flecha_Der_AB8229.svg);
    background-size: contain;
}
.testimonialsSwiper .swiper-button-next { right: -50px; }
.testimonialsSwiper .swiper-button-prev {
    left: -50px;
    transform: rotate(-180deg) translateY(50%);
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: 5s;
}

/* Preloader */
#preloader {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    transition: opacity 1s ease-out;
}

/* Spinner */
/*.spinner {
    width: 50px;
    height: 50px;
    border: 5px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}*/

/* Spinner - Círculo blanco que crece y se reduce */
.spinner {
    width: 30px;
    height: 30px;
    background-color: white;
    border-radius: 50%;
    animation: pulse 1.5s infinite ease-in-out;
}

/* Animación de crecimiento y reducción */
@keyframes pulse {
    0%, 100% {
        transform: scale(1);
        opacity: 0.8;
    }
    50% {
        transform: scale(1.5);
        opacity: 1;
    }
}


@keyframes spin {
    100% { transform: rotate(360deg); }
}

/* Video */

/* Fade-out */
.fade-out {
    opacity: 0;
    transition: opacity 1s ease-out;
}

/* Ocultar preloader */
.hidden {
    opacity: 0;
    pointer-events: none;
}


/*HEADER*/
.main-header{position: absolute; top: 0; left: 0; z-index: 9999; width: 100%;  padding: 0.833vw 0; background-color: transparent;}
.main-header .header-logo{/*width: 5.938vw;*/ width: 7vw; margin: 0 0.443vw;}
.main-header .isotipo{display: none;}
.header-content{position: relative; flex-direction: row; align-items: center; justify-content: space-between;}
.header-content .header-start{display: flex; justify-content: end; flex: 1;}
.header-content .header-end{display: flex; justify-content: start; flex: 1;}
.main-header .header-nav{font-family: "DM Sans", serif; margin-top: -1.84vw; position: relative;}
.main-header.header_sticky .header-nav{margin-top: 1.6668px;}
.main-header .header-nav ul{display: flex;}
.main-header .header-nav ul li{display: flex; flex-direction: column; font-size: 0.833vw; line-height: 1.354vw; letter-spacing: 0.292vw; margin: 0 1.432vw;}
.main-header .header-nav ul li a{font-size: 0.833vw; font-weight: 800; color: #FFFFFF;}
.main-header .stycky-link-reservas{display: none; color: #463A00; font-size: 1.146vw; font-weight: 600; /*background-color: #FEDC5C;*/ background-color: #F7E4B1; position: absolute; right: 0; height: calc(100% + 1.666vw); top: -0.833vw; padding: 0 2.083vw;}


.submenu{display: block !important; position: absolute; top: -1000%; left: 0; z-index: 1; opacity: 0; transition: opacity 0.3s ease;}
.submenu li{display: block; padding: 0.573vw 0;}
.submenu li a{font-size: 0.729vw !important;}
.submenu li:first-child{padding-top: 1.146vw;}
.header-nav ul li:hover .submenu{opacity: 1; top: calc(100% - 0.521vw);}

.select-language{position: absolute; top: 2.153vw; right: 8.698vw;}
.select-language ul li{font-size: 0.625vw; color: #FFFFFF;}
.select-language ul li a{font-weight: 600; font-size: 0.625vw; color: #FFFFFF;}
.select-language ul li:hover .submenu{opacity: 1; top: 100%;}
.select-language .submenu{right: 0 !important; left: inherit;}
.select-language .submenu li:first-child{padding-top: 10px !important;}
.submenu li a{font-size: 0.625vw !important;}
.select-language .icon-world{width: 1.354vw; margin-right: 0.443vw;}

.header_sticky{position: fixed; top: 0; left: 0; z-index: 999; /*background-color: rgb(171,130,41, 1);*/ background-color: rgb(171,130,41, 0.6); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
.header_sticky .header-logo{display: none !important;}
.header_sticky .isotipo{display: block !important;}
.header_sticky .header-nav{margin-top: 5px;}
.header_sticky .select-language{top: 16px;}

.header_sticky.active{height: 12.5vw;}
.header_sticky .stycky-link-reservas{display: flex; align-items: center;}
.header_sticky .select-language{right: 10.417vw;}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}


.button-hamburger { position: absolute; left: 15px; top: 50%; transform: translateY(-50%);width: 42px; height: 42px; border-radius: 50%; background-color: transparent; cursor: pointer; border: none; display: none;}
.button-hamburger span{width: 25px;height: 1px;background-color: #FEDC5C;border-radius: 0;display: block;position: absolute;left: 0;transition: 0.2s;}
.button-hamburger span:first-child{top: 12px;}
.button-hamburger span:nth-child(2){top: 20px;}
.button-hamburger span:nth-child(3){top: 28px;}
.button-hamburger .first-child.active{transform: rotate(45deg); top: 19px;}
.button-hamburger .third-child.active{transform: rotate(-45deg); top: 19px;}
.button-hamburger span.text{left: 37px; top: 13px; color: #FEDC5C; font-size: 12px; width: auto; height: auto; background-color: transparent !important; text-transform: uppercase;}

.header_sticky .button-hamburger{border-color: #FFFFFF;}
.header_sticky .button-hamburger span{background-color: #FFFFFF;}
.header_sticky .button-hamburger span.text{color: #FFFFFF;}

.site-menu{position: fixed; top: -100%; left: 0; width: 100%; height: 100%; z-index: 999; background-color: rgb(171, 130, 41, 0.6); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); transition: 0.5s; display: flex ; align-items: start; justify-content: center; text-align: center; color: #FFFFFF !important; padding-top: 150px;}
.site-menu.active{top: 0;}
.site-menu li{font-size: 18px; padding: 10px 0;}
.site-menu li a{color: #FFFFFF; font-weight: 300; letter-spacing: 5px;}


summary {
    list-style: none;
	-webkit-appearance: none; /* Oculta en Safari */
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
	color: #FFFFFF; font-weight: 300; letter-spacing: 5px;
  }

  summary::after {
    content: "+"; /* Icono por defecto */
    font-size: 23px;
    font-weight: 300;
    margin-left: 10px;
  }
details[open] summary::after {
    content: "-"; /* Cambia cuando está abierto */
  }
summary::-webkit-details-marker {
  display: none; /* Elimina el marcador en Safari */
}
details li{font-size: 13px !important;}
/*HEADER*/

.video-section {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; z-index: 999; pointer-events: none;
}

#my-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 100;
}

.fade-out {
    opacity: 0;
    transition: opacity 1s ease-out;
}

/*HERO*/
.main-hero{overflow: hidden;}
/*.main-hero:after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 1; mix-blend-mode: multiply;}*/
.hero-content p{font-size: 1.042vw; line-height: 0.938vw; letter-spacing: 0.521vw; font-weight: 700;}
.hero-content{position: absolute; z-index: 3; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
.main-hero .swiper-wrapper:after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 1; mix-blend-mode: multiply;}
.home-hero .swiper-wrapper:after{
	background: rgb(136,220,255);
background: -moz-linear-gradient(45deg, rgba(136,220,255,1) 0%, rgba(255,191,199,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(136,220,255,1) 0%, rgba(255,191,199,1) 100%);
background: linear-gradient(45deg, rgba(136,220,255,1) 0%, rgba(255,191,199,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#88dcff",endColorstr="#ffbfc7",GradientType=1);
}
.main-hero .swiper-wrapper:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 1; mix-blend-mode: multiply;}
.home-hero .swiper-wrapper:after{
	background: rgb(136,220,255);
background: -moz-linear-gradient(45deg, rgba(136,220,255,1) 0%, rgba(255,191,199,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(136,220,255,1) 0%, rgba(255,191,199,1) 100%);
background: linear-gradient(45deg, rgba(136,220,255,1) 0%, rgba(255,191,199,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#88dcff",endColorstr="#ffbfc7",GradientType=1);
}

/*.home-hero .hero-content{opacity: 0; transition: opacity 0.5s ease-in-out;}*/

.slider-container{width: 100%; height: 100vh;}
.swiper{width: 100%; height: 100%;}
.swiper-slide{display: flex; align-items: center; justify-content: center; position: relative; width: 100%; height: 100vh;}
.jarallax{width: 100%; height: 100%;}

.btn-scroll{position: absolute; bottom: 2.656vw; left: 50%; z-index: 3; color: #FFFFFF; transform: translateX(-50%);}
/*HERO*/

.img-diamond{margin: 0 auto; width: 14.792vw; height: auto;}
.img-bienvenida{width: 52.917vw; border-radius: 50%;}
.img-heart{width: 7.031vw; height: auto;}

/*SERVICES*/
.services-grid{display: grid; grid-template-columns: repeat(3, 1fr); max-width: 77.188vw; margin: 0 auto; gap: 4.688vw 7.552vw;}
.services-grid-item .icon-service{height: 1.667vw; width: auto; margin-bottom: 0.625vw; margin-right: 0.729vw;}
#serviciosAdicionales { display: none;}
/*SERVICES*/

/*tabs*/
.tab-list{list-style: none; padding: 0; display: flex; margin-left: 2.708vw;}
.tab-item{width: 2.083vw; height: 2.083vw; text-align: center; font-size: 0.625vw; color: #ab8229; padding: 0 0; margin-right: 0.833vw; cursor: pointer; border-radius: 50px; line-height: 2.083vw; border: solid 1px #ab8229;}
.tab-item.active{background-color: #ab8229; color: #FFFFFF;}
.tab-pane{display: none; padding: 0; opacity: 0; transition: opacity 0.3s ease-in-out; background-color: #FFFFFF; border-radius: 2.083vw; overflow: hidden;}
.tab-pane.active{display: block; opacity: 1;}
.tab-content-info{padding: 5.416vw 2.708vw 2.708vw 2.708vw;}
/*tabs*/

/*FOOTER*/
.main-footer{/*background-color: #FFD6DD;*/ background-color: #FFFFFF; padding: 7.292vw 0 9.896vw 0; color: #c9ad68 !important;}
.main-footer .footer-grid .div1{grid-column: span 3 / span 3;}
.main-footer .footer-grid .div2{grid-column: span 3 / span 3; grid-column-start: 4;}
.footer-logo{width: 5.938vw;}
.footer-grid{display: grid; grid-template-columns: repeat(6, 1fr); gap: 40px;}
.footer-logo-container{margin-bottom: 40px;}
.footer-info{display: flex;}
.footer-info > div{width: 50%; margin-right: 30px;}
.footer-info > div:last-child{margin-right: 0;}
.footer-info a{color: #c9ad68 !important;}
.footer-info h6{font-size: 0.833vw; line-height: 0.938vw; margin-bottom: 1.198vw; font-weight: 600; letter-spacing: 0.417vw;}
.footer-info p{font-size: 1.042vw; line-height: 1.25vw;}
.link-comollegar{display: flex; align-items: center; color: #c9ad68 !important; margin-top: 2.083vw;}
.link-comollegar span{margin-right: 1.146vw; text-decoration: underline; font-size: 1.25vw; line-height: 0.938vw; font-weight: 500;}
.link-comollegar .flecha-der{width: 2.5vw; height: 2.5vw;}
.main-footer .nav-redes li{display: inline-block; margin-right: 5px;}
.main-footer .nav-redes li svg{width: 1.25vw; height: auto;}

.map-responsive { position: relative; padding-bottom: 56.25%; /* Proporción 16:9 para mantener la relación de aspecto */ height: 0; overflow: hidden; } 
.map-responsive iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*FOOTER*/

.slide-oportunidad .swiper-wrapper .swiper-slide{display: grid; grid-template-columns: repeat(2, 1fr);}
.slide-oportunidad-photo{position: relative; overflow: hidden; height: 100%;}
.slide-oportunidad-photo:after{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgb(170,116,125, 0.19);}
.slide-oportunidad-photo .section-title{position: absolute; z-index: 2; left: 4.948vw; bottom: 4.948vw;}
.slide-oportunidad-photo .section-title .h2{font-size: 3.958vw; line-height: 3.958vw;}
.slide-oportunidad-photo .section-title .h2 .savoye-let{font-size: 7.865vw; line-height: 3.958vw; letter-spacing: -0.157vw;}
.slide-oportunidad-photo .slide-oportunidad-photo-img{height: 100%; width: 100%; object-fit: cover;}
.slide-oportunidad-info{position: relative; height: 100%; padding: 3.646vw 5.208vw;}
.slide-oportunidad-info .section-text{position: absolute; width: 50%; bottom: 3.281vw;}
.slide-oportunidad-info-progress{display: flex ; align-items: center; justify-content: space-between;}
.slide-oportunidad-info-progress .line{width: 100%; height: 1px; background-color: #AB8229; margin: 0 30px;}
.slide-oportunidad-info-progress .first-child{font-size: 17.292vw;}
.slide-oportunidad-info-progress .last-child{font-size: 1.875vw;}

.slide-oportunidad .swiper-button-prev, .slide-oportunidad .swiper-button-next{width: 5.156vw; height: 5.156vw; top: 50%; transform: translateY(-50%); bottom: inherit; background-image: url("../images/icons/Flecha_Der_AA747D.svg"); background-size: contain;}
.slide-oportunidad .swiper-button-prev{left: 35px; transform:  rotate(-180deg) translateY(50%);}
.slide-oportunidad .swiper-button-next{right: 35px;}
.slide-oportunidad-info-icons{position: absolute; right: 5.208vw; bottom: 3.281vw;}
.slide-oportunidad-info-icons button{background-color: transparent; border: none; width: 2.604vw; height: 2.604vw;}

/*.slide-oportunidad-info-icons button{width: 50px; height: 50px;}*/

.form{max-width: 400px; border: solid 1px #D08490; border-radius: 19px; padding: 14px 18px; margin: 0 auto;}
.form-group{margin-bottom: 8px;}
.form label{display: block; font-weight: 500; font-size: 14px; margin-bottom: 10px; margin-left: 6px;}
.form input, .form textarea, .form-reservas select{width: 100%; padding: 10px; margin-bottom: 10px; /*background-color: #FFD6DD; border: 1px solid #AA747D;*/ background-color: #F5E1E4; border: 1px solid #D08490; border-radius: 12px;}
.form button.submit{/*background-color: #FEDC5C;*/ background-color: #F7E4B1; color: #463a00; padding: 10px; /*border: solid 1px #AA747D;*/ border: solid 1px #D08490; border-radius: 12px; cursor: pointer; width: 100%; font-weight: 600;}

.form-reservas{background-color: #F5F0E8; border-color: #4E8AA3;}
.form-reservas label{color: #463a00;}
.form-reservas input, .form-reservas textarea, .form-reservas select{/*background-color: #ACE6FE; border-color: #4E8AA3;*/ background-color: #C7E3EF; border-color: #3288AC;}
.form-reservas button.submit{/*border-color: #4E8AA3;*/ border-color: #3288AC;}
.form-reservas select{ padding-right: 10px }
.stepper-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px; /*border-bottom: solid 1px #4E8AA3;*/ border-bottom: solid 1px #3288AC; margin-left: -18px; width: calc(100% + 36px); padding: 5px 18px 10px 18px;
}

.stepper-container2 {
   
    margin-bottom: 10px; /*border-bottom: solid 1px #4E8AA3;*/ border-bottom: solid 1px #3288AC !important; margin-left: -18px; width: calc(100% + 36px); padding: 5px 18px 10px 18px;
}

.stepper-container2 p {
    font-size: 18px !important;
}


.stepper-container span {
    font-weight: 500; margin-left: 6px; font-size: 14px; line-height: 14px;
}
.stepper {
    display: flex;
    align-items: center;
}
.stepper input{width: 50px; padding: 10px 0 10px 14px; text-align: center; margin: 0 2px 0 2px;}
.stepper button {
    width: 37px;
    height: 37px;
    /*border: solid 1px #4E8AA3;*/
	border: solid 1px #3288AC;
    background-color: transparent;
    font-size: 18px;
    cursor: pointer;
    border-radius: 12px; line-height: 18px;
}

/*CALENDARIO*/
.calendario {
    width: 100%;
    margin: 0;
    padding: 0;
    border-radius: 0;
}

.calendario .nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.calendario h2#tituloMes{font-weight: 700;}
.calendario .nav button {
    background: transparent;
    color: #AB8229;
    border: none;
    padding: 5px 10px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 0;
}

.calendario .nav button:hover {
    background: transparent; color: #AB8229;
}

/* Días de la semana */
.dias-semana {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    font-weight: bold;
    margin-bottom: 15px; gap: 5px; text-align: center; font-size: 14px; color: #AB8229;
}

/* Cuadrícula de los días */
.calendario .dias {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 10px 5px;
}

.calendario .dia {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: bold;
    cursor: pointer;
    user-select: none;
	margin: 0 auto; font-size: 12px;
    transition: transform .2s; /* Animation */
}

.calendario .disponible {
    /*background-color: #78b285;*/
	background-color: #c4e1ee; 
    color: #463A00;
}

.calendario .disponible:hover {
    /*background-color: #2E7D32;*/
	background-color: #C7E3EF;
}

/* Cuando se selecciona */
.calendario .seleccionado {
    /*background-color: #2E7D32 !important;*/
	background-color: #c9ad68 !important; color: #FFFFFF;
}

/*.calendario .ocupado {
    background-color: #EFA690;
    color: white;
    cursor: not-allowed;
}*/

.calendario .ocupado {
    background-color: #d8d8d84f;
    color: #463a0073;
    cursor: not-allowed;
    text-decoration: line-through;
    font-weight: 500;
}

/*CALENDARIO*/

.reservas-grid{display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: repeat(1, 1fr); gap: 50px;}
.reservas-grid .calendar{grid-column: span 5 / span 5; grid-column-start: 2;}
.reservas-grid .form-container{grid-column: span 6 / span 6; grid-column-start: 7;}


.alert{position: fixed; z-index: 999; background-color: transparent; width: calc(100% - 20px); max-width: 1700px; border-radius: 10px; padding: 18px 30px; bottom: 10px; left: 10px; right: 10px; margin: 0 auto; border: solid 1px transparent;}
.alert.alert-success{background-color: #d4edda; border-color: #c3e6cb;}
.alert.alert-success p{color: #155724 !important;}
.alert.alert-danger{background-color: #f8d7da; border-color: #f5c6cb;}
.alert.alert-danger p{color: #721c24 !important;}

/* Ocultar preloader con transición */
#preloader.fade-out {
    opacity: 0;
    transition: opacity 0.5s ease-out;
    pointer-events: none;
}
@media (min-width: 1920px){
	.display-1{font-size: 125px; line-height: 125px; letter-spacing: 6px;}
	.display-1 .savoye-let{font-size: 241px; letter-spacing: -1.125px;}
	.display-1.lh-185{line-height: 185px;}
	.h2{font-size: 51px; line-height: 67px;}
	.h2 .savoye-let{font-size: 97px;}
	.h3.savoye-let{font-size: 72px; line-height: 72px; letter-spacing: -0.648px}
	.h4{font-size: 60px; line-height: 27px;}
	p{font-size: 20px; line-height: 26px; margin-bottom: 20px;}
	
	.small{font-size: 11px; line-height: 18px; letter-spacing: 5.5px;}
	
	.mb-7{margin-bottom: 7px;}
	.mb-10{margin-bottom: 10px;}
	.mb-12{margin-bottom: 12.5px;}
	.mb-20{margin-bottom: 20px;}
	.mb-30{margin-bottom: 30px;}
	.mb-40{margin-bottom: 40px;}
	.mb-50{margin-bottom: 50px;}
	.mb-60{margin-bottom: 60px;}
	.mb-70{margin-bottom: 70px;}
	.mb-120{margin-bottom: 120px;}
	.mb-175{margin-bottom: 175px;}
	.mt-7{margin-top: 7px;}
	.mt-10{margin-top: 10px;}
	.mt-12{margin-top: 12.5px;}
	.mt-20{margin-top: 20px;}
	.mt-30{margin-top: 30px;}
	.mt-40{margin-top: 40px;}
	.mt-50{margin-top: 50px;}
	.mt-60{margin-top: 60px;}
	.mt-70{margin-top: 70px;}
	.mt-120{margin-top: 120px;}
	.mt-175{margin-top: 175px;}

	.pb-120{padding-bottom: 120px;}
	.pb-175{padding-bottom: 175px;}
	.pt-120{padding-top: 120px;}
	.pt-175{padding-top: 175px;}
	
	.rounded-60{border-radius: 60px;}
	.sep-180{height: 180px;}
	.sep-top{height: 127px;}
	
	.container{max-width: 1684px;}
	
	.btn{height: 67px; padding: 0 25.5px; font-size: 22px; line-height: 26px; letter-spacing: -0.242;}
	.btn-open-gallery svg{margin-right: 20px; width: 22px; height: 22px;}
	.btn-open-gallery{bottom: 30px; right: 50px;}
	
	.hero-content p{font-size: 20px; line-height: 18px; letter-spacing: 10px;}
	
	.main-header{padding: 16px 0;}
	.main-header .header-logo{width: 114px; margin: 0 8.5px;}
	.main-header .header-nav{margin-top: -35.3332px;}
	.main-header .header-nav ul li{font-size: 16px; line-height: 26px; letter-spacing: 5.6px; margin: 0 27.5px;}
	.main-header .header-nav ul li a{font-size: 16px;}
	.main-header .stycky-link-reservas{font-size: 22px; height: calc(100% + 32px); top: -16px; padding: 0 40px;}
	
	.header-nav ul li:hover .submenu{opacity: 1; top: calc(100% - 10px);}
	.header_sticky.active{height: 239.994px;}
	
	.submenu li{padding: 11px 0;}
	.submenu li:first-child{padding-top: 22px;}
	.submenu li a{font-size: 14px !important;}
	
	.select-language{right: 100px; top: 41.3323px;}
	.select-language .submenu{right: 0 !important; left: inherit;}
	.select-language ul li{font-size: 12px;}
	.select-language ul li a{font-size: 12px;}
	.submenu li a{font-size: 12px !important;}
	.select-language .icon-world{width: 26px; margin-right: 8.5px;}
	.header_sticky.select-language{right: 200px;}
	
	
	/*.swiper-button-prev, 
	.swiper-button-next {
	  width: 32px; height: 32px; bottom: 2.292vw; right: 100px;}
	.swiper-button-prev{right: 140px;}
	
	.swiper-pagination-custom {
	  bottom: 51px;
	  right: 182px;
	  font-size: 12px; letter-spacing: 3.6px;
	}*/
	
	.loopSwiper{width: calc(100% + 120px) !important; margin-left: -60px;}
	
	.swiper-slide.testimonial-item{padding: 0 66.665px;}
	.container-starts{margin-bottom: 47.9988px;}
	.icon-star{width: 20px; height: 20px;}
	
	
	
	.btn-scroll{bottom: 51px;}
	.img-diamond{width: 284px;}
	.img-heart{width: 135px;}
	.img-bienvenida{width: 1016px;}
	
	.services-grid{max-width: 1482px; gap: 90px 145px;}
	.services-grid-item .icon-service{height: 32px; margin-bottom: 12px; margin-right: 14px;}
	
	.tab-list{margin-left: 52px;}
	.tab-pane{border-radius: 40px;}
	.tab-item{width: 40px; height: 40px; font-size: 12px; margin-right: 16px; line-height: 40px;}
	.tab-content-info{padding: 104px 52px 52px 52px;}
	
	.main-footer{padding: 140px 0 190px 0;}
	.footer-logo{width: 114px;}
	.footer-info h6{font-size: 16px; line-height: 18px; letter-spacing: 8px; margin-bottom: 23px;}
	.footer-info p{font-size: 20px; line-height: 24px;}
	.link-comollegar{margin-top: 40px;}
	.link-comollegar span{margin-right: 22px; font-size: 24px; line-height: 18px;}
	.link-comollegar .flecha-der{width: 48px;}
	.main-footer .nav-redes li svg{width: 24px;}
	
	.slide-oportunidad-photo .section-title{left: 95px; bottom: 95px;}
	.slide-oportunidad-photo .section-title .h2{font-size: 76px; line-height: 76px;}
	.slide-oportunidad-photo .section-title.h2 .savoye-let{font-size: 151px; line-height: 76px; letter-spacing: -3.02px;}
	.slide-oportunidad-info{padding: 70px 100px;}
	.slide-oportunidad-info .section-text{bottom: 63px;}
	.slide-oportunidad-info-progress .first-child{font-size: 332px;}
	.slide-oportunidad-info-progress .last-child{font-size: 36px;}
	.slide-oportunidad .swiper-button-prev, .slide-oportunidad .swiper-button-next{width: 99px; height: 99px;}
	.slide-oportunidad-info-icons{right: 100px; bottom: 63px;}
	
	.testimonialsSwiper .swiper-button-prev, .testimonialsSwiper .swiper-button-next{width: 99px; height: 99px;}
}

@media (max-width: 1200px){
	.hero-content p{font-size: 13px; line-height: 13px;}
	.main-header .header-logo{width: 90px;}
	.main-header .header-nav ul li a{font-size: 12px;}
	.submenu li a{font-size: 10px !important;}
	p{font-size: 15px; line-height: 19px; margin-bottom: 14px;}
	.grid-6 { grid-column: span 10 / span 10; grid-column-start: 2; }
	.grid-8 { grid-column: span 10 / span 10; grid-column-start: 2; }
	
	.btn { font-size: 14px; line-height: 14px; letter-spacing: 0; font-weight: 700; height: 42px; padding: 0 25px; }
	.small {font-size: 10px; line-height: 10px;}
}

@media (max-width: 992px){
	p br{display: none;}
	.header-nav{display: none;}
	.select-language{display: none;}
	.header_sticky .isotipo{width: 40px;}
	.header_sticky{padding: 10px 0;}
	
	.main-header .stycky-link-reservas{display: flex; height: auto; font-size: 12px; top: 37px; padding: 7px 15px; right: 15px; transform: translateY(-50%); border-radius: 5px; border: solid 1px #FEDC5C; background-color: transparent; color: #FEDC5C;}
	
	.header_sticky .stycky-link-reservas{border-color: #FFFFFF; color: #FFFFFF; top: 50%;}
	.button-hamburger{display: block !important; top: 39px;}
	.header_sticky .button-hamburger{ top: 50%;}
	
	.slide-oportunidad-info .section-text{width: 80%;}
	
	.footer-info h6{font-size: 11px;}
	.footer-info p{font-size: 12px; line-height: 14px;}
	
	.grid-10 { grid-column: span 12 / span 12; grid-column-start: 1; }
	
	.tab-item{width: 30px; height: 30px; font-size: 12px; margin-right: 10px; line-height: 28px;}
	
	.services-grid-item .icon-service{width: 20px; margin-bottom: 10px;}
	
	.footer-grid{grid-template-columns: repeat(1, 1fr); gap: 0;}
	.footer-logo-container{grid-column: span 1 / span 12; margin-bottom: 25px;}
	.footer-logo{width: 50px;}
	.footer-info{grid-column: span 1 / span 12; grid-column-start: 1;}
	.footer-info h6{font-size: 10px; line-height: 11px; margin-bottom: 7px; font-weight: 400; letter-spacing: 1.5px;}
	.footer-info p{font-size: 11px; line-height: 14px;}
	.main-footer .nav-redes li{margin-right: 10px;}
	.main-footer .nav-redes li svg{width: 16px;}
	.link-comollegar{margin-top: 15px;}
	.link-comollegar span{margin-right: 10px; font-size: 10px; line-height: 10px;}
	.link-comollegar .flecha-der{width: 20px;}
	.main-footer .footer-grid .div2 {
    grid-column: span 3 / span 3;
    grid-column-start: 1;
    margin-top: 40px;}
}

@media (max-width: 768px){
	p{font-size: 15px; line-height: 17px; margin-bottom: 14px;}
	p br{display: none !important;}
	.h2{font-size: 20px; line-height: 22px;}
	.h2 .savoye-let{font-size: 32px;}
	.h3.savoye-let { font-size: 32px; line-height: 32px; letter-spacing: 0; }
	.h4{font-size: 35px; line-height: 15px;}
	
	.small{font-size: 8px; line-height: 5px; letter-spacing: 1px;}
	.container{max-width: 100%;}
	
	.btn{font-size: 14px; line-height: 14px; letter-spacing: 0; font-weight: 700; height: 42px; padding: 0 25px;}
	.btn-open-gallery svg { margin-right: 7px; width: 10px; height: 10px; }
	.btn-open-gallery{bottom: 15px; right: 10px; font-size: 10px; line-height: 10px; height: 34px; padding: 0 15px;}

	
	.grid-8{grid-column: span 1 / span 12; grid-column-start: 1;}
	.grid-6{grid-column: span 1 / span 12; grid-column-start: 1;}
	.grid-10{grid-column: span 1 / span 12; grid-column-start: 1;}
	.grid-4-12{grid-column: span 112 / span 12;}
	.grid-8-12{grid-column: span 1 / span 12; grid-column-start: 1;}
	
	.mb-12{margin-bottom: 6px;}
	.mb-20{margin-bottom: 15px;}
	.mb-30{margin-bottom: 15px;}
	.mb-40{margin-bottom: 20px;}
	.mb-60{margin-bottom: 30px;}
	.mb-70{margin-bottom: 35px;}
	
	.mt-60{margin-top: 30px;}
	
	.pb-120{padding-bottom: 60px;}
	.pt-120{padding-top: 60px;}
	
	.main-header{padding: 15px 0;}
	.main-header .header-logo{width: 65px; margin: 0 0 0 0;}
	
	
	.hero-content{margin-top: -40px;}
	.hero-content p{font-size: 11px; line-height: 11px; letter-spacing: 4px;}
	.btn-scroll{bottom: 110px;}
	
	.services-grid{max-width: 100%;}
	.services-grid-item .icon-service{height: 18px; margin-bottom: 5px; margin-right: 7px;}
	
	.img-diamond{width: 150px;}
	.img-bienvenida{width: 80%;}
	
	.loopSwiper{width: calc(100% + 500px) !important; margin-left: -250px;}
	.swiper-button-prev, .swiper-button-next{height: 40px; width: 40px; right: 10px;}
	.swiper-button-prev{left: 10px; right: inherit;}
	.swiper-pagination-custom{font-size: 8px; bottom: 23px; right: 70px;}
	
	.slide-oportunidad{height:  auto !important;}
	.slide-oportunidad .swiper-wrapper .swiper-slide{grid-template-columns: repeat(1, 1fr);}
	.slide-oportunidad-photo .slide-oportunidad-photo-img{aspect-ratio: 1/1;}
	.slide-oportunidad-photo .section-title{left: 15px; bottom: 20px;}
	.slide-oportunidad-photo .section-title .h2{font-size: 25px; line-height: 25px;}
	.slide-oportunidad-photo .section-title .h2 .savoye-let{font-size: 44px; line-height: 44px; letter-spacing: 0;}
	.slide-oportunidad-info{padding: 15px 15px 40px 15px;}
	.slide-oportunidad-info .section-text{position: relative;width: 100%; bottom: 0;}
	.slide-oportunidad-info-icons{display: none;}
	.slide-oportunidad .swiper-button-prev, .slide-oportunidad .swiper-button-next {width: 50px;height: 50px;top: 36%;}
	.slide-oportunidad .swiper-button-next{right: 10px;}
	.slide-oportunidad .swiper-button-prev{left: 10px;}
	
	
	.tab-content-info{padding: 30px;}
	
	.reservas-grid{gap: 30px 0;}
	.reservas-grid .calendar{grid-column: span 1 / span 12; grid-column-start: 1;}
	.reservas-grid .form-container{grid-column: span 1 / span 12; grid-column-start: 1;}
	
	.calendario h2#tituloMes {font-size: 12px;}
	.form-container{padding-left: 10px; padding-right: 10px;}
	
	
	
	.swiper-slide.testimonial-item{padding: 0 50px;}
	.testimonialsSwiper .swiper-button-prev, .testimonialsSwiper .swiper-button-next{width: 30px; height: 30px;}
	.testimonialsSwiper .swiper-button-next{right: 0;}
	.testimonialsSwiper .swiper-button-prev{left: 0;}
}

@media (max-width: 576px){
	
	.button-hamburger{top: 27px;}
	.main-header .stycky-link-reservas{top: 27px;}
	.main-header.header_sticky .stycky-link-reservas{top: 20px;}
	
	.container-starts{margin-bottom: 20px;}
	.icon-star{width: 10px; height: 10px;} 
	
	.services-grid{grid-template-columns: repeat(2, 1fr);}
	.services-grid.services-grid-sm{grid-template-columns: repeat(1, 1fr);}

}

@media only screen and (max-width: 1200px) and (orientation: portrait) {
	.main-hero .img-diamond{ width: 250px !important;}
	.d-block-portrait{display: block !important;}
	
	.grid-10{grid-column: span 12 / span 12; grid-column-start: 1;}
}



/* ajustes de nacho */



.alert_only_good { 

    width: calc(100% - 2em);
    bottom: 40px;
    left: 1em;
    min-height: 30px;
    border-radius: 10px;
    background-color:#8acf89;
    padding: 10px;
    padding-left: 1em;
    padding-right: 1em;
    color: white;
    text-align: left;
    position: fixed;
    z-index: 9999;
    
    
    font-weight: 600;
    display: none;
    line-height: 1.4em !important;
    font-size: 1.2em;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2);

}

.alert_only_bad { 

    width: calc(100% - 2em);
    bottom: 40px;
    left: 1em;
    min-height: 30px;
    border-radius: 10px;

    min-height: 30px;
    background-color: #D08490;
    padding: 10px;
    padding-left: 1em;
    padding-right: 1em;
    color: white;
    text-align: left;
    position: fixed;
    z-index: 9999;
    display: none;
    
    font-weight: 600;
    
    line-height: 1.4em !important;
    font-size: 1.2em;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2);

}
.seleccionado {
    background-image: linear-gradient(to right, #78b285,#9dcfa8) !important; color: white !important; transform: scale(1.2);
}
.seleccionado_fin {
    background-image: linear-gradient(to right, #9dcfa8, #78b285) !important; color: white !important; transform: scale(1.2);
}
.seleccionado_intermedio {
    background-color: #9dcfa8 !important; color: white !important; transform: scale(1.2);
}


.bg-exito{/*background-color: #ACE6FE;*/ background-color: #78b285 !important;}
.bg-wrong{/*background-color: #ACE6FE;*/ background-color: #D08490 !important;}
