@font-face {
  font-family: Pasorobles;
  src: url('../fonts/PasoRobles-Regular.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pasorobles;
  src: url('../fonts/PasoRobles-Regular.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --p: Manrope, sans-serif;
  --crema: #e7e5d8;
  --headers: "Playfair Display SC", sans-serif;
  --negro: #26201c;
  --verde-oscuro: #898e5b;
  --amarillo: #efd08b;
  --blanco: white;
  --upper: "Francois One", sans-serif;
  --verde-claro: #b3ba86;
  --2: #fcfff8;
}

body {
  font-family: var(--p);
  color: var(--crema);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

h1 {
  font-family: var(--headers);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  font-family: var(--headers);
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 9em;
  font-weight: 700;
  line-height: 100%;
}

p {
  margin-bottom: 10px;
}

.progressive-blur_wrap {
  z-index: 9;
  pointer-events: none;
  height: 15vw;
  min-height: 10rem;
  position: fixed;
  inset: -10% 0% auto;
  overflow: clip;
}

.progressive-blur_panel {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  width: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
  -webkit-mask: linear-gradient(#0000 10%, #000 20% 40%, #0000 50%);
  mask: linear-gradient(#0000 10%, #000 20% 40%, #0000 50%);
}

.progressive-blur_panel.is-1 {
  -webkit-backdrop-filter: blur(var(--blur));
  backdrop-filter: blur(var(--blur));
  -webkit-mask: linear-gradient(#000 0% 10%, #0000 30%);
  mask: linear-gradient(#000 0% 10%, #0000 30%);
}

.progressive-blur_panel.is-2 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / var(--ratio)));
  backdrop-filter: blur(calc(var(--blur) / var(--ratio)));
  -webkit-mask: linear-gradient(#0000 0%, #000 10% 20%, #0000 40%);
  mask: linear-gradient(#0000 0%, #000 10% 20%, #0000 40%);
}

.progressive-blur_panel.is-3 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 0%, #000 20% 30%, #0000 50%);
  mask: linear-gradient(#0000 0%, #000 20% 30%, #0000 50%);
}

.progressive-blur_panel.is-4 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 10%, #000 30% 40%, #0000 60%);
  mask: linear-gradient(#0000 10%, #000 30% 40%, #0000 60%);
}

.progressive-blur_panel.is-5 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 20%, #000 40% 50%, #0000 70%);
  mask: linear-gradient(#0000 20%, #000 40% 50%, #0000 70%);
}

.progressive-blur_panel.is-6 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 30%, #000 50% 60%, #0000 80%);
  mask: linear-gradient(#0000 30%, #000 50% 60%, #0000 80%);
}

.progressive-blur_panel.is-7 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 40%, #000 60% 70%, #0000 90%);
  mask: linear-gradient(#0000 40%, #000 60% 70%, #0000 90%);
}

.progressive-blur_panel.is-8 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 50%, #000 70% 80%, #0000 100%);
  mask: linear-gradient(#0000 50%, #000 70% 80%, #0000 100%);
}

.progressive-blur_panel.is-9 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 60%, #000 80% 90%, #0000 100%);
  mask: linear-gradient(#0000 60%, #000 80% 90%, #0000 100%);
}

.progressive-blur_panel.is-10 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 70%, #000 90%, #0000 100%);
  mask: linear-gradient(#0000 70%, #000 90%, #0000 100%);
}

.page-loader_text-style {
  display: none;
}

.page-loader_noise {
  z-index: 2147483647;
  opacity: .03;
  pointer-events: none;
  background-image: url('../images/Grain_overlay.gif');
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  height: 100px;
  min-height: 100vh;
  position: fixed;
  inset: 0%;
}

.fixed-menu-big {
  z-index: 9997;
  background-color: var(--negro);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-style: normal;
  display: none;
  position: fixed;
  inset: 0%;
}

.container-menu-big {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 5em;
  padding-right: 5em;
  display: flex;
  overflow: hidden;
}

.div-block-33 {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.container-menu-big-txt {
  z-index: 1;
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  font-style: normal;
  display: flex;
  position: relative;
}

.anime {
  padding: 1px;
  overflow: hidden;
}

.anime:where(.w-variant-d757ff07-6856-f6af-0d85-706643ac9180), .anime.complejo-8 {
  overflow: visible;
}

.logo-img {
  opacity: .8;
  transition: all .6s cubic-bezier(.445, .05, .55, .95);
}

.logo-img:hover {
  opacity: 1;
  transform: scale(.9);
}

.container-menu-links {
  z-index: 1;
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: relative;
}

.footer-uppercase {
  color: #fff;
  letter-spacing: .025em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
  line-height: 105%;
}

.container-links-de-menu-top {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  flex-direction: column;
  align-items: baseline;
  display: flex;
}

.is-magnetic {
  display: inline-block;
}

.is-magnetic.center {
  z-index: 9995;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 10px 10px auto auto;
}

.is-magnetic.wsp-btn {
  z-index: 9995;
  width: 64px;
  position: fixed;
  inset: auto 10px 10px auto;
}

.is-magnetic.logo {
  z-index: 9995;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 1% auto auto 1%;
}

.is-magnetic.fixed-iso {
  z-index: 9995;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 1% auto auto 1%;
}

.bg-behind-button {
  background-color: #222;
  padding: 10px 28px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.bg-behind-button.invert {
  font-family: var(--headers);
  color: var(--verde-oscuro);
  text-transform: uppercase;
  background-color: #0000;
  padding: 0;
  font-size: 5em;
  font-weight: 700;
  line-height: 110%;
  transition: all .6s cubic-bezier(.39, .575, .565, 1);
}

.bg-behind-button.invert:hover {
  color: var(--amarillo);
}

.bg-behind-button.invert.w--current {
  color: var(--crema);
}

.wrapper-2 {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.primary-button-text-2 {
  text-decoration: none;
}

.primary-button-text-2.absolute {
  position: absolute;
}

.box-2 {
  z-index: 9;
  cursor: pointer;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.box-2.fixed {
  background-color: #fff;
  border-radius: 100%;
  transition: all .6s ease-in-out;
  top: 15px;
  right: 15px;
}

.box-2.fixed:hover {
  transform: scale(.95);
}

.hambur-menu {
  position: relative;
}

.cerrar-icon {
  display: none;
}

.page-loader_component {
  z-index: 9999;
  background-color: var(--negro);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  font-weight: 700;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.page-loader_trigger {
  z-index: 50;
  width: 0;
  height: 0;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.section {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  display: flex;
  position: relative;
}

.section.section-content {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.section.section-content.section-content-10 {
  z-index: 0;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: #000;
  min-height: 300vh;
  padding-top: 0;
  padding-bottom: 0;
}

.section.section-content.section-content-07-new {
  background-color: var(--blanco);
  height: 400vh;
  padding-top: 0;
  padding-bottom: 0;
}

.section.bg2 {
  background-color: var(--verde-oscuro);
  padding-top: 0;
  padding-bottom: 0;
}

.content-07-grid-wrapper {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  inset: 0 0% 0%;
  overflow: hidden;
}

.content-07-grid-rows {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.content-07-grid-row {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.content-07-grid-row-item {
  aspect-ratio: 2 / 2.5;
  border-radius: .5rem;
  width: 25vw;
  overflow: hidden;
}

.content-07-grid-row-item.content-07-grid-row-item-mid {
  background-color: var(--negro);
  color: #fff;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 1.5rem 1rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.content-07-grid-row-item-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.content-07-grid-row-item-image._2 {
  width: 100%;
}

.content-07-grid-row-item-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

.content-07-grid-row-item-grid {
  z-index: 2;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.content-07-grid-row-item-grid.none {
  display: none;
}

.content-07-grid-row-item-grid-row {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.content-07-grid-row-item-grid-row-image {
  object-fit: cover;
  flex: none;
  width: 20vw;
  height: 100%;
}

.content-07-grid-row-item-button-wrapper {
  z-index: 9;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
}

.tiny-button {
  pointer-events: auto;
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 50rem;
  justify-content: center;
  align-items: center;
  padding: 1.25em 2em;
  font-size: .75rem;
  font-weight: 500;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tiny-button.dark {
  background-color: var(--verde-oscuro);
  color: #fff;
  border-color: #000;
}

.button-transition {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: #fff;
  background-color: #2b2b2b;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: translate(0, 100%);
}

.button-transition.button-transition-rounded {
  border-radius: 50rem;
}

.content-07-border {
  z-index: 3;
  pointer-events: none;
  border: 7.5vw solid #fff;
  height: 100vh;
  position: absolute;
  inset: 0%;
}

.page-wrapper {
  position: relative;
}

.mask {
  overflow: visible;
}

.btn-container {
  border: 2px solid #0000;
}

.btn {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  background-color: var(--verde-oscuro);
  font-family: var(--upper);
  color: var(--crema);
  border-radius: .3em;
  justify-content: center;
  align-items: center;
  padding: 1em 2em;
  font-size: 1em;
  font-weight: 400;
  text-decoration: none;
  transition: all .6s cubic-bezier(.39, .575, .565, 1);
  display: flex;
}

.btn:where(.w-variant-d5de7ec8-3f3e-00bc-1161-8500b08378b2) {
  border: 2px solid var(--blanco);
  color: var(--blanco);
  background-color: #0000;
}

.btn:hover {
  color: var(--amarillo);
}

.btn:hover:where(.w-variant-d5de7ec8-3f3e-00bc-1161-8500b08378b2) {
  border-color: var(--amarillo);
}

.d-94-text-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  height: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-text-2 {
  text-transform: uppercase;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  text-decoration: none;
}

.button-text-2.second {
  transform-origin: 50% 0;
  transform-style: preserve-3d;
  margin-top: 10px;
  transform: none;
}

.overlay {
  z-index: 2;
  background-color: #0808084d;
  position: absolute;
  inset: 0%;
}

.overlay.dark-overlay {
  background-color: #0f13168c;
  width: 100%;
  height: 100%;
}

.overlay.slider-hero {
  pointer-events: none;
  mix-blend-mode: multiply;
  background-color: #00000096;
}

.overlay.dark-overlay-copy {
  background-color: #000000a8;
  width: 100%;
  height: 100%;
}

.img-100 {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}

.img-100.f {
  object-fit: cover;
  position: fixed;
  inset: 0%;
}

.top_trigger {
  pointer-events: none;
  border-width: 10px;
  border-color: red;
  height: 100vh;
  position: absolute;
  inset: 0% 0% auto;
}

.padding-de-section {
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
  padding: 12em 9% 8em;
}

.padding-de-section.contacto {
  width: 100%;
  padding: 6%;
}

.article {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.mucho-mucho {
  z-index: 9;
  background-color: var(--negro);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 100vh;
  margin-top: 0;
  padding-top: 4em;
  display: flex;
  position: relative;
}

.spacer-xl-start {
  width: 100%;
  max-width: 1366px;
  padding-top: 0;
}

.form-container {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.form-2 {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  color: var(--crema);
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.item {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  width: 100%;
  height: 100%;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  display: flex;
  position: relative;
}

.item.full {
  border-bottom-style: none;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-flied {
  border-style: none none solid;
  border-width: 1px 1px 2px;
  border-color: black black var(--crema);
  color: var(--crema);
  background-color: #0000;
  border-radius: 0;
  width: 100%;
  min-height: 60px;
  padding-bottom: 30px;
  font-weight: 700;
  position: relative;
}

.text-flied:focus {
  border-bottom-color: var(--verde-claro);
  color: var(--verde-claro);
  font-weight: 600;
}

.text-flied:focus-visible, .text-flied[data-wf-focus-visible] {
  border-bottom-color: var(--verde-claro);
  color: var(--verde-claro);
}

.text-flied::placeholder {
  color: var(--crema);
}

.down {
  border-style: none none solid;
  border-width: 1px 1px 2px;
  border-color: black black var(--crema);
  color: var(--crema);
  background-color: #0000;
  border-radius: 0;
  width: 100%;
  min-height: 60px;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 700;
  position: relative;
}

.down:active {
  color: var(--verde-claro);
}

.down:focus {
  color: var(--crema);
}

.down:focus-visible, .down[data-wf-focus-visible] {
  border-bottom-color: var(--crema);
  background-color: var(--negro);
  color: var(--crema);
}

.down::placeholder {
  color: #fff;
}

.aclaracion {
  font-size: .8rem;
  font-weight: 300;
}

.btn-send {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  background-color: var(--verde-oscuro);
  font-family: var(--upper);
  color: var(--negro);
  text-transform: uppercase;
  border-radius: 10em;
  justify-content: center;
  align-items: center;
  padding: 1em 2em;
  font-size: 1.25em;
  font-weight: 400;
  text-decoration: none;
  transition: all .6s cubic-bezier(.39, .575, .565, 1);
  display: flex;
}

.btn-send:hover {
  background-color: var(--blanco);
  color: var(--verde-oscuro);
}

.success-message-2 {
  background-color: #0000;
}

.text-block-4 {
  color: #d1c9b8;
  font-size: 4rem;
  line-height: 100%;
  text-decoration: none;
}

.error-message-3 {
  background-color: #0000;
}

.text-block-5 {
  color: #ff6161;
  font-size: .8rem;
  font-weight: 500;
}

.container-faqs {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.tab-item {
  border-top: 1px #e3eef3;
  border-bottom: 1px #e3eef3;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.tab-item-padding {
  cursor: pointer;
  padding: 0;
}

.p {
  margin-bottom: 0;
  font-size: 1.25em;
  line-height: 160%;
}

.p.blanco {
  color: #fff;
}

.scroll_wrap {
  position: relative;
  overflow: hidden;
}

.scroll_wrap.footer {
  z-index: 0;
}

.scroll_wrap._6 {
  z-index: 6;
}

.footer_wrap {
  background-color: var(--negro);
  flex-direction: column;
  justify-content: flex-end;
  min-height: 95vh;
  display: flex;
}

.nuevo-footer {
  width: 100%;
  height: 100%;
  position: relative;
}

.container-txt._100 {
  z-index: 1;
  width: 100%;
  height: 100%;
  padding-left: 7vw;
  display: flex;
  position: absolute;
}

.container-footer {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--negro);
  flex-direction: column;
  justify-content: center;
  width: auto;
  max-width: 45ch;
  height: 100%;
  padding: 2em 1.5vw 4em;
  display: flex;
  position: relative;
}

.container-footer:where(.w-variant-60190926-0232-8b98-87ae-13f356fe5199) {
  background-color: #0000;
}

.div-block-9 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.enlace-footer {
  min-width: auto;
  max-width: 79%;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}

.container-enlaces-footer {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  display: flex;
}

.footer-link {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.footer-link.none {
  display: none;
}

.div-block-6 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  display: flex;
}

.link-telefono {
  text-decoration: none;
}

.heading-xlarge {
  color: #d1c9b8;
  text-align: left;
  letter-spacing: -.025rem;
  font-size: 6rem;
  font-weight: 400;
  line-height: 100%;
}

.heading-xlarge.number {
  font-family: var(--headers);
  font-size: 4rem;
  font-weight: 700;
  text-decoration: none;
  transition: all .6s cubic-bezier(.39, .575, .565, 1);
}

.heading-xlarge.number:hover {
  color: #fdd900;
}

.container-btns-home {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: flex;
}

.container-btns-home.centrado-en-responsive {
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.div-block-18 {
  color: #fcfff8;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-bottom: 2em;
  padding-left: 1.5vw;
  padding-right: 1.5vw;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-18:where(.w-variant-60190926-0232-8b98-87ae-13f356fe5199) {
  display: none;
}

.credit-left {
  flex-direction: row;
  align-items: center;
  display: flex;
  position: relative;
}

.upper {
  font-family: var(--upper);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: inherit;
  font-size: 10px;
  font-weight: 400;
}

.credit-right-2 {
  font-size: 110%;
  font-weight: 800;
  position: relative;
}

.cuadrado-3 {
  color: #fdd900;
  font-weight: 700;
}

.um-link-3 {
  color: #fdd900;
  background-color: #0000;
  font-weight: 600;
  text-decoration: none;
  transition: all .5s cubic-bezier(.645, .045, .355, 1);
}

.um-link-3:hover {
  color: #fdd900;
  -webkit-text-stroke-color: #ec7c30;
  border: 1px solid #ec7c30;
  text-decoration: none;
}

.slider {
  z-index: 0;
  background-color: #080808;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: none;
  height: 100vh;
  position: relative;
}

.foto-slide {
  width: 100%;
  height: 100%;
  position: relative;
}

.none {
  display: none;
}

.slide-nav-2 {
  letter-spacing: 3px;
  font-size: .25rem;
}

.scroll_trigger {
  pointer-events: none;
  border: 10px red;
  height: 100%;
  min-height: 100vh;
  position: absolute;
  inset: auto 0% 0%;
}

.section-home-video {
  z-index: 6;
  position: relative;
}

.feature-component {
  flex-direction: column;
  display: flex;
}

.feature-content {
  z-index: 10;
  justify-content: center;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.page-padding-2 {
  width: 100%;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

.container-large-2 {
  width: 100%;
  max-width: 96rem;
  margin-left: auto;
  margin-right: auto;
}

.video-feature-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  justify-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem 2em;
  display: flex;
}

.feature-column {
  grid-column-gap: 30rem;
  grid-row-gap: 30rem;
  color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  margin-top: 90vh;
  margin-bottom: -25vh;
  padding-bottom: 70px;
  display: grid;
}

.feature-column.left {
  z-index: 1;
  flex-flow: column;
  margin-top: 160vh;
  display: flex;
  position: relative;
}

.feature-column.right-feature-column {
  z-index: 1;
  grid-column-gap: 34rem;
  grid-row-gap: 34rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 110vh;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.video-feature {
  justify-content: center;
  align-items: center;
  max-width: 25rem;
  display: flex;
}

.video-feature.l {
  justify-content: flex-start;
}

.video-feature.l:where(.w-variant-9629edda-33fb-762e-cbb0-52ace47facfa) {
  justify-content: flex-end;
  align-items: center;
}

.video-feature.l:where(.w-variant-5465ed97-c572-17dc-cd1a-a30d336e8262), .video-feature.l.trazo {
  max-width: none;
}

.item-de-video-bg {
  grid-column-gap: 10vh;
  grid-row-gap: 10vh;
  flex-direction: column;
  max-width: 60%;
  display: flex;
}

.item-de-video-bg:where(.w-variant-5465ed97-c572-17dc-cd1a-a30d336e8262), .item-de-video-bg.trazo-2 {
  max-width: none;
}

.circulo {
  background-color: #1578ed;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  display: flex;
}

.container-expli {
  padding-bottom: 10px;
  position: relative;
}

.h3 {
  font-family: var(--headers);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5em;
  line-height: 95%;
}

.h3.haceb {
  font-family: var(--upper);
  text-align: left;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 95%;
}

.feature-middle-column {
  color: #fff;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: -100vh;
  padding-bottom: 4rem;
  display: flex;
}

.feature-middle-column.test {
  z-index: 0;
  margin-top: 12em;
  padding-bottom: 0;
  position: absolute;
  inset: 0%;
}

.feature-video-wrapper {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.feature-video {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 120ch;
  height: 75vh;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  top: 70px;
}

.h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 7em;
}

.h2.smaller {
  color: var(--2);
  font-size: 4.8em;
}

.linea-bottom {
  background-color: #fff;
  width: 100%;
  height: 5px;
  margin-top: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.h4 {
  color: #fff;
}

.text-up-button {
  color: #000;
  text-align: center;
  background-color: #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.875rem;
  font-size: 1rem;
  font-weight: 400;
  display: flex;
}

.info-scroll-background {
  height: 100vh;
  margin-top: 0;
  padding: 0;
  position: sticky;
  bottom: 0;
}

.info-scroll-image {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.scroll-image {
  position: absolute;
  inset: 0%;
}

.scroll-background {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.about-sticky-copy {
  z-index: 0;
  background-color: #f5f2f8;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-height: 300vh;
  margin-top: -100vh;
  display: flex;
  position: relative;
  box-shadow: 0 2px 5px 4px #0003;
}

.about-sticky-copy.naranja {
  z-index: 1;
  background-color: var(--negro);
  min-height: 200vh;
}

.about-sticky-copy.sticky {
  z-index: 4;
  background-color: var(--negro);
  min-height: 250vh;
}

.about-sticky-copy.sticky._2 {
  z-index: 3;
  background-color: var(--verde-oscuro);
}

.about-sticky-copy.sticky._3 {
  z-index: 2;
  background-color: var(--negro);
}

.about-sticky-copy.sticky.final {
  z-index: 1;
  min-height: 150vh;
}

.gradient {
  z-index: 2;
  background-image: linear-gradient(#1c1c1c, #161615 0% 0%, #1c1c1c 55%, #16161500);
  width: 100%;
  height: 70vh;
  display: none;
  position: absolute;
  inset: 20vh 0% auto;
}

.big-txt-sticky-center {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: .1vh;
}

.top-link {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border: 2px solid var(--blanco);
  color: var(--blanco);
  background-color: #0000;
  border-radius: 10px;
  align-items: center;
  padding: 15px 20px;
  font-size: 12px;
  font-weight: 800;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

.top-link.responsive {
  display: none;
}

.icon-svg {
  color: #272727;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.top-smaller {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  flex-flow: column;
  display: flex;
}

.top-smaller.banc {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  color: var(--crema);
  text-align: center;
  align-items: stretch;
}

.top-smaller.banc:where(.w-variant-d757ff07-6856-f6af-0d85-706643ac9180) {
  color: var(--blanco);
  margin-left: auto;
  margin-right: auto;
}

.top-smaller.banc.cabanas {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  color: var(--blanco);
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

.top-smaller.hace {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  color: var(--negro);
  text-align: center;
  background-color: #fdfdfdde;
  border-radius: 1em;
  align-items: stretch;
  padding: 1.5em 1em;
}

.top-smaller.hace:where(.w-variant-5465ed97-c572-17dc-cd1a-a30d336e8262), .top-smaller.hace.trazo-3 {
  border: 2px solid var(--blanco);
  color: var(--blanco);
  background-color: #0000;
}

.top-smaller.hero {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  color: var(--blanco);
  text-align: left;
  align-items: stretch;
}

.item-con-linea {
  z-index: 1;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.flex-vertical {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  flex-flow: column;
  display: flex;
}

.flex-vertical.item-hace, .flex-vertical.del-hero {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
}

.title-buena-lectura {
  color: #ffe6e2;
  text-transform: uppercase;
  font-size: 10em;
  line-height: 80%;
}

.bajada-title {
  letter-spacing: -.02em;
  font-family: Instrument Serif, sans-serif;
  font-size: 2.8em;
  font-weight: 400;
  line-height: 100%;
}

.bajada-title.smaller {
  color: var(--2);
  font-size: 1.6em;
  line-height: 110%;
}

.bajada-title.bajada-cabana {
  margin-bottom: 0;
  font-size: 1.8em;
  line-height: 120%;
}

.text-field.mensaje {
  border-style: none none solid;
  border-width: 1px 1px 2px;
  border-color: black black var(--crema);
  color: var(--crema);
  background-color: #0000;
  border-radius: 0;
  font-weight: 700;
}

.text-field.mensaje:focus, .text-field.mensaje:focus-visible, .text-field.mensaje[data-wf-focus-visible] {
  border-bottom-color: var(--verde-claro);
  color: var(--verde-claro);
}

.text-field.mensaje::placeholder {
  color: var(--crema);
}

.flex-form {
  width: 100%;
  max-width: 1366px;
}

.flex-de-contacto-con-sticky {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: none;
  min-height: 75vh;
  max-height: 90vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.flex-de-faq {
  grid-column-gap: 6em;
  grid-row-gap: 6em;
  flex-flow: column;
  display: flex;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.tab-top {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #f1f4ed;
  border-radius: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr .4fr;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: space-between;
  place-items: center stretch;
  padding: 1.5em 2em;
  display: flex;
}

.tab-title {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.heading-small {
  color: #2c2e20;
  letter-spacing: -.025em;
  font-size: 1.1rem;
  font-weight: 800;
  line-height: 1.4;
}

.tab-icon {
  background-color: #fff;
  border: 1px solid #e3eef3;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-left: auto;
  padding: .5em;
  display: flex;
}

.tab-bottom-wrapper {
  overflow: hidden;
}

.tab-bottom {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #f9fafb;
  border-radius: 9px 9px 0 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 4rem;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  margin-bottom: 0;
  padding: 3rem 2.25rem;
  display: grid;
}

.tab-bottom.tab-bottom-full-width {
  background-color: #0000;
  border-radius: 0;
  justify-content: flex-start;
  padding: 2em;
  display: flex;
}

.upper-copy {
  font-family: var(--upper);
  letter-spacing: 0;
  text-transform: uppercase;
  color: inherit;
  font-size: 10px;
  font-weight: 400;
}

.p-haceb {
  text-align: left;
  margin-bottom: 0;
}

.top_wrap {
  position: relative;
  overflow: hidden;
}

.section-hero {
  background-color: #1c1c1c;
  flex-direction: row;
  justify-content: center;
  min-height: 100vh;
  display: flex;
}

.tapador {
  z-index: 1;
  opacity: .8;
  background-color: #1c1c1c;
  width: 100%;
  height: 100%;
  position: absolute;
}

.tapador.hero {
  z-index: 2;
  opacity: 1;
  pointer-events: none;
  mix-blend-mode: multiply;
  display: none;
  inset: 0%;
}

.wrapper-slider {
  color: #fff;
  justify-content: center;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slider-2 {
  background-color: #080808;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
}

.slide-content {
  z-index: 2;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 1366px;
  height: 100%;
  padding-bottom: 3em;
  padding-left: 4em;
  display: flex;
  position: relative;
}

.slide-intro {
  z-index: 2;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  place-items: flex-start center;
  max-width: 100ch;
  display: flex;
  position: relative;
}

.banner-button {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.btn-2 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  background-color: var(--verde-oscuro);
  color: var(--crema);
  border-radius: .3em;
  justify-content: center;
  align-items: center;
  padding: 1em 2em;
  font-size: 1em;
  font-weight: 400;
  text-decoration: none;
  transition: all .6s cubic-bezier(.39, .575, .565, 1);
  display: flex;
}

.btn-2:hover {
  color: var(--amarillo);
}

.slider-background-wrapper {
  z-index: 0;
  pointer-events: none;
  justify-content: center;
  width: 100vw;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.slider-background {
  position: absolute;
  inset: 0%;
}

.slide-arrow-2 {
  border: 1px solid #fff3;
  border-bottom-width: 2px;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 0;
  display: flex;
  inset: 50% auto 50% 2vw;
}

.slide-arrow-2.right {
  left: auto;
  right: 2vw;
}

.slide-arrow-2.right.f {
  border-width: 1.5px;
  border-color: var(--blanco);
  background-color: #0003;
  width: 32px;
  height: 32px;
  right: 10px;
}

.slide-arrow-2.forchi {
  border-width: 1.5px;
  border-color: var(--blanco);
  background-color: #00000036;
  width: 32px;
  height: 32px;
  left: 10px;
}

.slide-arrow-2.n {
  display: none;
}

.slider-arrow-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.slider-arrow {
  width: 15px;
}

.slide-nav {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 48px;
  min-height: 12px;
  margin: auto;
  padding: 0;
  font-size: 6px;
  display: flex;
  inset: auto 0 10px;
  transform: none;
}

.slide-nav.n {
  display: none;
}

.upper-de-hero {
  font-family: var(--upper);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: inherit;
  font-size: 10px;
  font-weight: 400;
}

.h1 {
  font-size: 6em;
  font-weight: 700;
  line-height: 80%;
}

.bajada-h1 {
  letter-spacing: -.02em;
  font-family: Instrument Serif, sans-serif;
  font-size: 2.8em;
  font-weight: 400;
  line-height: 100%;
}

.menu-top-enlaces {
  z-index: 10;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  padding-top: 15px;
  display: flex;
  position: absolute;
  inset: .5% 90px auto auto;
}

.svg-flow {
  filter: invert();
  mix-blend-mode: normal;
  width: 12px;
}

.path-gdxnp {
  color: #000;
}

.text-inner-btn-top {
  text-transform: uppercase;
  color: inherit;
}

.path-i6fhz, .path-cmyoe {
  color: #000;
}

.hambur {
  z-index: 9;
  background-color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  display: flex;
}

.dentro-del-btn {
  z-index: 9999;
  background-color: #25d366;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding: 21%;
  display: flex;
}

.brand-image {
  width: 220px;
}

.container-center-inner-card {
  z-index: 3;
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  height: 100%;
  padding-left: 5em;
  padding-right: 5em;
  display: flex;
  position: relative;
}

.container-2-cols-data {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: .6fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 4em;
  padding-right: 4em;
  display: grid;
}

.container-frase-hand {
  transform: none;
}

.palo {
  color: var(--blanco);
  letter-spacing: -.1em;
  font-family: Pasorobles, Arial, sans-serif;
  font-size: 3.6em;
  line-height: 100%;
}

.div-block-46 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 110vh;
  padding-top: 2em;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.info-scroll-background-copy {
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding: 0;
  position: absolute;
  inset: 0%;
}

.container-double-caract {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  display: grid;
  position: relative;
}

.caract1 {
  width: 100%;
  height: 100%;
}

.caract1.slider {
  background-color: #0000;
  flex-flow: column;
  align-items: center;
  padding: 4em;
  display: flex;
}

.flecha-solo-mobile {
  display: none;
}

.slider-inner-caract {
  background-color: #0000;
  width: 100%;
  height: 100%;
}

.mask-2 {
  border-radius: 2em;
}

.slide-100 {
  width: 100%;
  height: 100%;
}

.slide-nav-3 {
  letter-spacing: 1em;
  font-size: 8px;
}

.container-caracat-cabanas {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 5em 1em 4em 3em;
  display: flex;
}

.flex-de-cabana {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  display: flex;
}

.item-incluye {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.tilde {
  transform: translate(0, -2px);
}

.container-incluye {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.isolink {
  width: 70px;
}

.feature-component-copy {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.direcc {
  letter-spacing: -.02em;
  font-family: Instrument Serif, sans-serif;
  font-size: 2.5em;
  font-weight: 400;
  line-height: 100%;
}

.progress {
  z-index: 9997;
  background-color: var(--verde-oscuro);
  perspective-origin: 0%;
  transform-origin: 0%;
  width: 100%;
  height: 3px;
  display: block;
  position: fixed;
  inset: auto 0% 0%;
  transform: translate(0, 110%);
}

.text-span {
  color: var(--verde-claro);
  text-decoration: underline;
  -webkit-text-decoration-color: var(--verde-claro);
  text-decoration-color: var(--verde-claro);
}

.div-block-7 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo-de-intro {
  width: 320px;
  max-width: 100%;
}

.page-loader_text-wrapper {
  z-index: 10;
  align-self: center;
  align-items: flex-end;
  height: 10vmin;
  display: flex;
  position: relative;
}

.page-loader_text-fill {
  -webkit-text-fill-color: transparent;
  background-color: #fff;
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 0%;
  display: flex;
  position: relative;
}

.page-loader_text, .page-loader_percent {
  color: #0000;
  letter-spacing: -2px;
  font-size: 8vmin;
  line-height: 1;
}

.div-block-49 {
  opacity: .41;
  background-image: linear-gradient(45deg, #000, #0000000a);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.div-block-50 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  align-items: center;
  display: flex;
}

@media screen and (min-width: 1440px) {
  .bg-behind-button.invert {
    line-height: 100%;
  }

  .spacer-xl-start {
    max-width: 1440px;
  }

  .enlace-footer {
    max-width: 75%;
  }

  .enlace-footer.w--current {
    max-width: 65%;
  }

  .div-block-6 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .h3 {
    font-size: 5.5em;
  }

  .about-sticky-copy.naranja, .about-sticky-copy.sticky {
    min-height: 250vh;
  }

  .top-link.responsive {
    display: flex;
  }

  .flex-vertical {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
  }

  .bajada-title.smaller {
    font-size: 1.8em;
  }

  .bajada-title.bajada-cabana {
    font-size: 2em;
  }

  .bajada-title.bajada-cabana.long {
    font-size: 1.8em;
  }

  .flex-form {
    max-width: 1440px;
  }

  .container-2-cols-data {
    grid-template-columns: .8fr 1fr;
  }

  .container-double-caract {
    padding: 2em 2em 0;
  }

  .container-caracat-cabanas {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    justify-content: flex-end;
    align-items: flex-start;
    padding-bottom: 8em;
    padding-left: 6em;
  }
}

@media screen and (min-width: 1920px) {
  .div-block-33 {
    grid-column-gap: 8em;
    grid-row-gap: 8em;
  }

  .bg-behind-button.invert {
    font-size: 7em;
  }

  .bajada-title, .bajada-h1, .direcc {
    font-size: 3.5em;
    line-height: 110%;
  }
}

@media screen and (max-width: 991px) {
  .container-menu-big {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    flex-flow: column;
    grid-template-columns: 1fr 1.25fr;
    justify-content: center;
    padding-left: 1em;
    padding-right: 1em;
    display: flex;
  }

  .div-block-33 {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .container-menu-big-txt {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 0%;
    padding-right: 0;
  }

  .container-menu-links {
    justify-content: center;
    align-items: stretch;
  }

  .container-links-de-menu-top {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .section {
    grid-column-gap: 3.5rem;
    grid-row-gap: 3.5rem;
  }

  .content-07-grid-row-item {
    width: 40vw;
  }

  .content-07-grid-row-item-grid, .content-07-grid-row-item-button-wrapper {
    display: none;
  }

  .content-07-border {
    border-width: 5vw;
  }

  .padding-de-section {
    padding-bottom: 16em;
  }

  .padding-de-section.contacto {
    padding-left: 4em;
    padding-right: 4em;
  }

  .form-2 {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .container-txt._100 {
    text-align: center;
    background-color: #2c2e20bf;
    justify-content: center;
    align-items: center;
    width: 50vw;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2em;
    padding-right: 2em;
    left: 25vw;
    right: 25vw;
  }

  .container-footer {
    background-color: #0000;
    padding-bottom: 10vh;
  }

  .enlace-footer {
    max-width: 80%;
  }

  .link-telefono {
    margin-left: auto;
    margin-right: auto;
  }

  .heading-xlarge {
    font-size: 5rem;
  }

  .heading-xlarge.number {
    font-size: 2.5rem;
  }

  .container-btns-home.centrado-en-responsive {
    justify-content: center;
  }

  .page-padding-2 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .video-feature-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: .5fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 0;
    display: grid;
  }

  .video-feature-wrapper.de-hace {
    align-items: stretch;
    display: flex;
  }

  .feature-column {
    margin-top: 6rem;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .feature-column.left {
    grid-column-gap: 10rem;
    grid-row-gap: 10rem;
    margin-top: 90vh;
  }

  .feature-column.right-feature-column {
    grid-column-gap: 50vh;
    grid-row-gap: 50vh;
    margin-top: 67vh;
  }

  .video-feature.l {
    justify-content: flex-start;
    align-items: center;
  }

  .video-feature.l:where(.w-variant-9629edda-33fb-762e-cbb0-52ace47facfa) {
    justify-content: flex-end;
    align-items: center;
  }

  .circulo {
    width: 90px;
    height: 90px;
  }

  .h3 {
    font-size: 5.5em;
    line-height: 86%;
  }

  .feature-middle-column.test {
    padding-bottom: 6rem;
    inset: 0%;
  }

  .feature-video-wrapper {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 5vh 2em 4rem;
  }

  .feature-video-wrapper.centro {
    justify-content: center;
    align-items: center;
    padding-top: 90vh;
  }

  .feature-video {
    height: auto;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .feature-video.hacebien {
    justify-content: flex-start;
    align-items: center;
    max-width: none;
    top: 40vh;
    bottom: 20vh;
  }

  .h2 {
    font-size: 6em;
  }

  .scroll-background._2 {
    aspect-ratio: 2 / 3;
    object-position: 20% 50%;
  }

  .about-sticky-copy {
    min-height: 200vh;
  }

  .top-smaller.banc.cabanas {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    padding-bottom: 2em;
  }

  .top-smaller.hace:where(.w-variant-5465ed97-c572-17dc-cd1a-a30d336e8262) {
    background-color: #0000003d;
    min-height: auto;
  }

  .top-smaller.hace.trazo-3 {
    border-style: none;
  }

  .top-smaller.hero {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .title-buena-lectura {
    font-size: 6.5em;
  }

  .bajada-title {
    font-size: 2.5em;
  }

  .bajada-title.smaller {
    font-size: 1.8em;
  }

  .tab-title {
    grid-column-gap: 0px;
    grid-row-gap: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .tab-icon {
    width: 3.5rem;
    height: 3.5rem;
    padding: .8rem;
  }

  .slide-content {
    padding-left: 2em;
    padding-right: 4em;
  }

  .slide-intro {
    max-width: none;
  }

  .banner-button {
    margin-bottom: 60px;
  }

  .slide-arrow-2 {
    bottom: 50%;
    left: 1vw;
  }

  .slide-arrow-2.right {
    right: 1vw;
  }

  .slide-nav {
    bottom: 36px;
  }

  .h1 {
    line-height: 85%;
  }

  .bajada-h1 {
    font-size: 2.5em;
  }

  .menu-top-enlaces {
    display: none;
  }

  .dentro-del-btn {
    bottom: 1.5%;
  }

  .container-2-cols-data {
    flex-flow: column;
    display: flex;
    overflow: visible;
  }

  .container-frase-hand {
    padding-left: 1em;
    padding-right: 1em;
    overflow: visible;
    transform: translate(0, -3.2em);
  }

  .palo {
    text-align: center;
    line-height: 120%;
  }

  .container-double-caract {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: 50vh 50vh;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    min-height: auto;
    display: grid;
  }

  .caract1 {
    padding-top: 4em;
  }

  .caract1.slider {
    padding-bottom: 6em;
    padding-left: 2em;
    padding-right: 2em;
  }

  .container-caracat-cabanas {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr .8fr;
    grid-auto-columns: 1fr;
    place-items: end stretch;
    padding-bottom: 0;
    display: grid;
  }

  .flex-de-cabana {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .direcc {
    font-size: 2.5em;
  }

  .page-loader_text {
    font-size: 12vmin;
  }

  .page-loader_percent {
    font-size: 10vmin;
  }
}

@media screen and (max-width: 767px) {
  .fixed-menu-big {
    align-items: flex-end;
    height: 100vh;
    padding-bottom: 6%;
  }

  .container-menu-big {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    flex-direction: column;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    height: 100%;
    display: flex;
  }

  .div-block-33 {
    display: flex;
  }

  .container-menu-big-txt {
    display: none;
  }

  .container-links-de-menu-top {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: flex;
  }

  .is-magnetic.wsp-btn {
    width: auto;
  }

  .bg-behind-button.invert {
    font-size: 3em;
  }

  .box-2 {
    padding: 5px;
  }

  .section {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .section.section-content {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .content-07-grid-row-item {
    width: 70vw;
  }

  .content-07-grid-row-item-content {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: center;
    align-items: center;
  }

  .content-07-border {
    border-width: 5vw;
  }

  .padding-de-section {
    padding: 18% 2em 4em;
  }

  .padding-de-section.contacto {
    padding: 4em 2em 8em;
  }

  .mucho-mucho {
    min-height: auto;
  }

  .footer_wrap {
    min-height: 100vh;
  }

  .container-txt._100 {
    justify-content: flex-start;
    align-items: center;
    width: 65%;
    inset: 0% auto 0% 0%;
  }

  .container-footer {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    max-width: none;
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-9 {
    grid-column-gap: .25em;
    grid-row-gap: .25em;
  }

  .enlace-footer {
    max-width: 50%;
  }

  .heading-xlarge {
    font-size: 2.875rem;
  }

  .credit-left {
    display: block;
    transform: translate(0, 15px);
  }

  .upper {
    font-size: 8px;
  }

  .page-padding-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .container-large-2 {
    max-width: none;
  }

  .video-feature-wrapper {
    padding-top: 9rem;
  }

  .video-feature-wrapper.de-hace {
    padding-left: 0;
    padding-right: 0;
  }

  .feature-column {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
  }

  .feature-column.left {
    display: none;
  }

  .feature-column.right-feature-column {
    grid-column-gap: 9rem;
    grid-row-gap: 9rem;
    margin-top: 6rem;
    display: none;
  }

  .video-feature.l {
    justify-content: center;
    align-items: center;
  }

  .video-feature.l.trazo {
    justify-content: flex-start;
  }

  .item-arriba {
    display: none;
  }

  .h3 {
    font-size: 4em;
  }

  .feature-video-wrapper {
    padding-top: 3rem;
  }

  .feature-video-wrapper.centro {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
  }

  .h2 {
    font-size: 4em;
  }

  .info-scroll-background {
    padding-left: 0;
    padding-right: 0;
  }

  .about-sticky-copy {
    height: 100vh;
    min-height: auto;
    margin-top: 0;
  }

  .about-sticky-copy.naranja, .about-sticky-copy.sticky {
    height: auto;
    min-height: auto;
  }

  .big-txt-sticky-center {
    justify-content: center;
    align-items: flex-start;
    height: auto;
    position: relative;
    top: 0;
  }

  .top-smaller.hace:where(.w-variant-5465ed97-c572-17dc-cd1a-a30d336e8262) {
    min-height: auto;
  }

  .top-smaller.hace.trazo-3 {
    border-style: solid;
  }

  .title-buena-lectura {
    font-size: 4em;
  }

  .bajada-title {
    font-size: 2em;
  }

  .flex-de-contacto-con-sticky {
    min-height: auto;
    max-height: none;
  }

  .tab-top {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .tab-bottom {
    grid-template-columns: 1fr 3.5rem;
    padding: 2rem;
  }

  .slide-content {
    padding: 0 2em 1em 1em;
  }

  .banner-button {
    margin-bottom: 0;
  }

  .slide-nav {
    bottom: 0;
  }

  .upper-de-hero {
    display: none;
  }

  .h1 {
    font-size: 3em;
  }

  .bajada-h1 {
    font-size: 2.25em;
  }

  .dentro-del-btn {
    width: 48px;
    bottom: 10px;
    right: 8px;
  }

  .container-2-cols-data {
    flex-flow: column;
    display: flex;
  }

  .container-frase-hand {
    transform: none;
  }

  .palo {
    font-size: 2em;
  }

  .div-block-46 {
    height: auto;
    padding-top: 8em;
    padding-bottom: 8em;
  }

  .info-scroll-background-copy {
    padding-left: 0;
    padding-right: 0;
  }

  .container-double-caract {
    padding-bottom: 4em;
    display: flex;
  }

  .caract1 {
    flex-flow: column;
    padding-top: 0;
    display: flex;
  }

  .caract1.slider {
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .slider-inner-caract {
    height: 70vh;
  }

  .container-caracat-cabanas {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    flex-flow: column;
    align-items: stretch;
    display: flex;
  }

  .direcc {
    text-align: left;
    font-size: 1.7em;
  }

  .progress {
    display: block;
  }

  .div-block-48 {
    width: 100%;
  }

  .div-block-7 {
    flex-flow: column;
  }
}

@media screen and (max-width: 479px) {
  .fixed-menu-big {
    align-items: center;
    padding-bottom: 0%;
    overflow: hidden;
  }

  .container-menu-big {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-rows: .5fr .5fr;
    grid-template-columns: 100%;
    grid-auto-columns: 1fr;
    place-content: space-between center;
    align-items: center;
    height: 100%;
    padding: 12vh 6% 15vh;
    display: flex;
  }

  .div-block-33 {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    flex-flow: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .container-menu-big-txt {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    display: block;
  }

  .container-menu-links {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    justify-content: center;
    align-items: stretch;
    padding-bottom: 0;
  }

  .container-links-de-menu-top {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    flex-direction: column;
    justify-content: flex-end;
    padding-left: 0%;
    display: flex;
  }

  .is-magnetic.logo {
    top: 10px;
    left: 5px;
  }

  .bg-behind-button.invert {
    letter-spacing: -.005em;
    font-size: 3.5em;
  }

  .box-2.fixed {
    z-index: 9999999;
    width: 48px;
    height: 48px;
  }

  .section.section-content {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .section.section-content.section-content-07-new {
    height: 100vh;
    overflow: hidden;
  }

  .content-07-grid-wrapper {
    height: auto;
  }

  .content-07-grid-rows, .content-07-grid-row {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .content-07-grid-row-item.content-07-grid-row-item-mid {
    min-height: 50vh;
  }

  .content-07-grid-row-item-content {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
    justify-content: space-around;
    height: 45vh;
  }

  .tiny-button {
    font-size: .65rem;
  }

  .content-07-border {
    display: none;
  }

  .main {
    overflow: hidden;
  }

  .padding-de-section {
    padding-top: 6em;
  }

  .padding-de-section.contacto {
    padding-bottom: 4em;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .spacer-xl-start {
    padding-top: 4em;
  }

  .form-container {
    padding-left: 0%;
    padding-right: 0%;
  }

  .form-2 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
    display: flex;
  }

  .item.full {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-direction: column;
    justify-content: center;
  }

  .tab-item-padding {
    padding-top: 0;
    padding-bottom: .5rem;
  }

  .container-txt._100 {
    width: 100%;
  }

  .container-footer {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    padding-top: 12vh;
    padding-left: 6%;
    padding-right: 6%;
  }

  .container-footer:where(.w-variant-60190926-0232-8b98-87ae-13f356fe5199) {
    padding-top: 0;
    padding-bottom: 0;
  }

  .enlace-footer {
    max-width: 75%;
  }

  .enlace-footer:where(.w-variant-60190926-0232-8b98-87ae-13f356fe5199) {
    max-width: 70%;
  }

  .enlace-footer.w--current {
    text-align: center;
    min-width: auto;
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
  }

  .img-logo-footer {
    margin-left: auto;
    margin-right: auto;
  }

  .container-enlaces-footer {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    width: 100%;
    padding-left: 2em;
    padding-right: 2em;
  }

  .container-enlaces-footer:where(.w-variant-60190926-0232-8b98-87ae-13f356fe5199) {
    padding-left: 1em;
    padding-right: 1em;
  }

  .div-block-6 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .heading-xlarge {
    font-size: 4.5rem;
  }

  .heading-xlarge.number {
    text-align: center;
    font-size: 2em;
  }

  .container-btns-home.centrado-en-responsive {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: row;
  }

  .div-block-18 {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 2em;
  }

  .upper {
    letter-spacing: .1em;
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
    font-size: 9px;
    line-height: 110%;
  }

  .upper.complejo-4 {
    max-width: none;
  }

  .credit-right-2 {
    margin-top: 0%;
  }

  .section-home-video {
    z-index: 1;
  }

  .page-padding-2 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .video-feature-wrapper {
    grid-template-columns: 50% 50%;
    padding-top: 6rem;
    padding-left: 3%;
    padding-right: 3%;
  }

  .video-feature-wrapper.de-hace {
    position: relative;
  }

  .feature-column.right-feature-column {
    margin-top: 20.6rem;
  }

  .item-de-video-bg {
    max-width: none;
  }

  .circulo {
    width: 44px;
    height: 44px;
  }

  .h3 {
    font-size: 4.5em;
    line-height: 80%;
  }

  .feature-middle-column.test {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    position: relative;
  }

  .feature-video-wrapper {
    padding-bottom: 3rem;
  }

  .h2 {
    font-size: 3.3em;
  }

  .h2.smaller {
    font-size: 4em;
  }

  .info-scroll-background {
    height: 100%;
    position: absolute;
    inset: 0%;
  }

  .scroll-image._1 {
    background-color: var(--negro);
  }

  .scroll-background {
    z-index: 1;
  }

  .scroll-background._1 {
    opacity: .5;
    mix-blend-mode: screen;
  }

  .about-sticky-copy {
    height: auto;
  }

  .about-sticky-copy.sticky.final {
    min-height: auto;
  }

  .gradient {
    height: 140vh;
  }

  .top-smaller.banc {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .top-smaller.hace {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
  }

  .top-smaller.hero {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .item-con-linea.complejo-2 {
    align-items: flex-start;
  }

  .flex-vertical {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .bajada-title.smaller {
    letter-spacing: 0;
    margin-bottom: 0;
    font-family: Manrope, sans-serif;
    font-size: 1em;
    font-weight: 400;
    line-height: 140%;
    display: flex;
  }

  .flex-form {
    padding-top: 4em;
  }

  .flex-de-faq {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .tab-top {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: left;
    grid-template-columns: 1fr;
    padding: 1.5em 1rem;
  }

  .tab-icon {
    width: 24px;
    height: 24px;
    margin-left: 0;
    padding: 1%;
  }

  .tab-bottom {
    padding: 2rem;
    display: flex;
  }

  .tab-bottom.tab-bottom-full-width {
    padding: 0 0 0 .5em;
  }

  .upper-copy {
    text-align: right;
    letter-spacing: .1em;
  }

  .section-hero {
    min-height: 94vh;
  }

  .wrapper-slider {
    padding-left: .5vw;
    padding-right: .5vw;
  }

  .slide-content {
    max-width: 1366svh;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .slide-intro {
    max-width: 100%;
    padding-bottom: 3em;
    padding-left: 1em;
    padding-right: 2em;
  }

  .banner-button {
    grid-column-gap: 20px;
    align-items: center;
    display: flex;
  }

  .upper-de-hero {
    letter-spacing: .1em;
    max-width: 60%;
    line-height: 101%;
    display: block;
  }

  .h1 {
    font-size: 4em;
  }

  .dentro-del-btn {
    width: 64px;
    bottom: 10px;
    right: 10px;
  }

  .container-center-inner-card {
    padding-left: 2em;
    padding-right: 2em;
  }

  .container-2-cols-data {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    padding-left: 0;
    padding-right: 0;
  }

  .palo {
    font-size: 3em;
  }

  .div-block-46 {
    min-height: 100vh;
  }

  .info-scroll-background-copy {
    height: auto;
    inset: 0%;
  }

  .container-double-caract {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding: 2em 2em 6em;
  }

  .caract1 {
    min-height: 50vh;
  }

  .caract1.slider {
    padding: 0;
    position: relative;
    overflow: hidden;
  }

  .flecha-solo-mobile {
    z-index: 2;
    background-color: #fe5b11;
    width: 20px;
    height: 20px;
    display: none;
    position: absolute;
    inset: -10px auto auto 30px;
    transform: rotate(45deg);
  }

  .slider-inner-caract {
    height: 60vh;
  }

  .container-caracat-cabanas {
    padding-left: 0;
    padding-right: 0;
  }

  .flex-de-cabana {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .direcc {
    font-size: 2em;
  }

  .div-block-47:where(.w-variant-60190926-0232-8b98-87ae-13f356fe5199) {
    display: none;
  }

  .logo-de-intro {
    width: 140px;
    transform: none;
  }

  .page-loader_text-wrapper {
    height: 25vmin;
  }

  .page-loader_text, .page-loader_percent {
    font-size: 6em;
  }
}

#w-node-c9c35e29-51f5-5250-c099-dca81d68a73c-5d3c318a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-c9c35e29-51f5-5250-c099-dca81d68a755-5d3c318a {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-baaa0080-b934-6f60-a21f-4903e0829781-5d3c318a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end center;
}

#w-node-_3af637ce-80d8-d1a7-6c1e-de10a465988b-5d3c318a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_3af637ce-80d8-d1a7-6c1e-de10a4659894-5d3c318a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3af637ce-80d8-d1a7-6c1e-de10a465989d-5d3c318a {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_1d76cc61-c5b0-8fc7-6550-dceda4dad6a6-5d3c318a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_1d76cc61-c5b0-8fc7-6550-dceda4dad6a8-5d3c318a {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_557b2dff-3c34-fbe0-0ee5-df4f57e254fc-5d3c318a, #w-node-_557b2dff-3c34-fbe0-0ee5-df4f57e254ff-5d3c318a, #w-node-_557b2dff-3c34-fbe0-0ee5-df4f57e25503-5d3c318a, #w-node-_53e44bf9-eabd-af8c-3803-e2f9b07ab351-5d3c318a, #w-node-bf3dace9-f0e6-8a6e-8b61-e68e0d8261b4-0d8261b1, #w-node-bf3dace9-f0e6-8a6e-8b61-e68e0d8261b7-0d8261b1, #w-node-bf3dace9-f0e6-8a6e-8b61-e68e0d8261bb-0d8261b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_6a2d4f05-6dfa-dd86-2163-e747993be7a9-5d3c318a, #w-node-ea941e15-ee8a-d397-df46-359cf79d2563-5d3c318a {
    align-self: end;
  }

  #w-node-_3af637ce-80d8-d1a7-6c1e-de10a4659894-5d3c318a {
    order: 9999;
    grid-column: span 2 / span 2;
  }

  #w-node-_1d76cc61-c5b0-8fc7-6550-dceda4dad69e-5d3c318a {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_1d76cc61-c5b0-8fc7-6550-dceda4dad6a0-5d3c318a {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_1d76cc61-c5b0-8fc7-6550-dceda4dad6a2-5d3c318a {
    grid-area: 2 / 1 / 2 / 2;
  }

  #w-node-_1d76cc61-c5b0-8fc7-6550-dceda4dad6a4-5d3c318a {
    grid-area: 2 / 2 / 2 / 3;
  }

  #w-node-_1d76cc61-c5b0-8fc7-6550-dceda4dad6a6-5d3c318a {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_1d76cc61-c5b0-8fc7-6550-dceda4dad6a8-5d3c318a {
    grid-area: 4 / 1 / 5 / 3;
  }

  #w-node-_53e44bf9-eabd-af8c-3803-e2f9b07ab334-5d3c318a {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_53e44bf9-eabd-af8c-3803-e2f9b07ab351-5d3c318a {
    grid-area: 1 / 1 / 2 / 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-c9c35e29-51f5-5250-c099-dca81d68a73c-5d3c318a {
    justify-self: center;
  }

  #w-node-_3af637ce-80d8-d1a7-6c1e-de10a465988b-5d3c318a {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-_3af637ce-80d8-d1a7-6c1e-de10a4659894-5d3c318a {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_53e44bf9-eabd-af8c-3803-e2f9b07ab334-5d3c318a {
    grid-area: 2 / 1 / 3 / 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_53e44bf9-eabd-af8c-3803-e2f9b07ab334-5d3c318a {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_53e44bf9-eabd-af8c-3803-e2f9b07ab351-5d3c318a {
    grid-area: 1 / 1 / 2 / 2;
  }
}


@font-face {
  font-family: 'Pasorobles';
  src: url('../fonts/PasoRobles-Regular.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pasorobles';
  src: url('../fonts/PasoRobles-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}