.descubre-nuestro-hotel,
.rectangle-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.descubre-nuestro-hotel {
  position: relative;
  background-color: var(--color-white);
  width: 100%;
  overflow: hidden;
  line-height: normal;
  letter-spacing: normal;
}
.rectangle-group {
  background: var(--gradient-1);
  padding: var(--padding-0) var(--padding-1) 110px;
  box-sizing: border-box;
  gap: var(--gap-28);
  width: 100%;
}
.frame-item {
  align-self: stretch;
  height: 555px;
  position: relative;
  background: var(--gradient-1);
  display: none;
  flex-shrink: 0;
}
.navbar2 {
  width: 1728px;
  background-color: var(--color-gray);
  flex-direction: column;
  justify-content: center;
  flex-shrink: 0;
  text-align: left;
  font-size: var(--Tamao-fuente-tamao-fuente-600);
  color: var(--color-white);
  font-family: var(--font-nothing-you-could-do);
}
.content-max-162,
.logo3,
.navbar2 {
  display: flex;
  align-items: center;
}
.content-max-162 {
  width: 100%;
  justify-content: space-between;
  padding: var(--Content-Max-content-max-vertical-padding-16)
    var(--Content-Max-content-max-horizontal-padding);
  box-sizing: border-box;
  gap: var(--gap-20);
  max-width: var(--Content-Max-content-max);
}
.logo3 {
  gap: var(--gap-12);
  cursor: pointer;
}
.isotipo-icon3,
.logotipo3 {
  position: relative;
  flex-shrink: 0;
}
.isotipo-icon3 {
  width: var(--width-48);
  max-height: 100%;
  display: none;
}
.logotipo3 {
  margin: 0;
  font-size: inherit;
  line-height: var(--Interlineado-interlineado-600);
  font-weight: 400;
  font-family: inherit;
}
.navigation2 {
  display: flex;
  align-items: center;
  font-size: var(--fs-20);
}
.navigation-link5 {
  display: flex;
  align-items: center;
  padding: var(--padding-12);
  gap: var(--gap-12);
}
.vector-icon5 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-01);
  background-color: transparent;
  height: var(--height-24);
  width: var(--width-24);
  position: relative;
  display: none;
}
.navigator-link5 {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: var(--Interlineado-interlineado-300);
  font-weight: 400;
  font-family: inherit;
}
.navigation-link6 {
  display: flex;
  align-items: center;
  padding: var(--padding-12);
  gap: var(--gap-12);
  cursor: pointer;
}
.navigator-link7 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-01);
  background-color: transparent;
  position: relative;
  font-size: var(--fs-20);
  line-height: var(--Interlineado-interlineado-300);
  font-family: var(--font-nothing-you-could-do);
  color: var(--color-white);
  text-align: left;
  display: inline-block;
}
.frame-wrapper2 {
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) 57px;
  box-sizing: border-box;
  max-width: 100%;
  flex-shrink: 0;
}
.frame-group {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--gap-5);
  max-width: 100%;
}
.frame-section,
.logotipo-hotel-group {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.frame-section {
  justify-content: flex-end;
  padding: var(--padding-0) var(--padding-2) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  text-align: center;
  font-size: var(--fs-40);
  color: var(--color-white);
  font-family: var(--font-nothing-you-could-do);
}
.logotipo-hotel-group {
  width: 1587px;
}
.logotipo-hotel4 {
  width: 170px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  z-index: 1;
}
.logotipo-hotel5 {
  height: 119px;
  flex: 1;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  z-index: 2;
}
.logo-icon5 {
  position: absolute;
  width: calc(100% - 27px);
  top: 3px;
  right: 13px;
  left: 14px;
  border-radius: var(--br-35);
  max-width: 100%;
  overflow: hidden;
  height: 97px;
  object-fit: cover;
}
.gastronoma-y-descanso-nivel-g-container {
  width: 1460px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 25px var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  max-width: calc(100% - 164px);
  margin-left: -80px;
  position: relative;
}
.gastronoma-y-descanso2,
.logo-icon7 {
  position: relative;
  flex-shrink: 0;
  z-index: 1;
}
.gastronoma-y-descanso2 {
  margin: 0;
  width: 1380px;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
  max-width: 100%;
}
.logo-icon7 {
  height: 110px;
  width: 154px;
  border-radius: var(--br-35);
  object-fit: cover;
  margin-left: -80px;
}
.hotel-las-gacelas-group {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 11px;
  max-width: 100%;
  text-align: left;
  font-size: var(--fs-50);
  color: var(--color-white);
  font-family: var(--font-nothing-you-could-do);
}
.hotel-las-gacelas2 {
  margin: 0;
  width: 454px;
  position: relative;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
  flex-shrink: 0;
  max-width: 100%;
  z-index: 1;
}
.el-hotel-las-gacelas-un-refug-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-4) 20px var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  min-width: 522px;
  max-width: 100%;
  font-size: 22px;
}
.el-hotel-las {
  width: 746px;
  position: relative;
  display: inline-block;
  max-width: 100%;
  z-index: 1;
}
.restaurante-capepe-container {
  width: 307px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-4) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  text-align: right;
}
.restaurante-capepe2 {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  z-index: 1;
}
.card-hlg-wrapper,
.faja-de-fotos2 {
  display: flex;
  box-sizing: border-box;
  max-width: 100%;
}
.faja-de-fotos2 {
  background: var(--gradient-2);
  flex-direction: column;
  align-items: flex-end;
  padding: 211px var(--padding-0) var(--padding-0) var(--padding-6);
  position: relative;
  isolation: isolate;
  gap: 75px;
  text-align: left;
  font-size: var(--fs-50);
  color: var(--color-white);
  font-family: var(--font-nothing-you-could-do);
}
.card-hlg-wrapper {
  margin-top: -272px;
  align-items: flex-start;
  justify-content: flex-end;
  padding: var(--padding-0) 21px;
  flex-shrink: 0;
}
.card-hlg,
.card-hlg-child {
  height: var(--height-197);
  flex-shrink: 0;
}
.card-hlg {
  width: 444px;
  display: flex;
  align-items: flex-start;
  gap: var(--gap-14);
}
.card-hlg-child {
  width: 193px;
  position: relative;
  border-radius: 56px;
  object-fit: cover;
}
.suite-parent {
  height: 175px;
  width: var(--width-247);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 55px;
  flex-shrink: 0;
}
.lorem-ipsum-dolor2,
.suite {
  position: relative;
  line-height: var(--lh-24);
  display: flex;
  align-items: center;
}
.suite {
  margin: 0;
  width: 142px;
  height: var(--height-24);
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
}
.lorem-ipsum-dolor2 {
  width: var(--width-247);
  height: 96px;
  font-size: var(--fs-16);
}
.logotipo-hotel6 {
  width: 171px;
  height: 160px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
  cursor: pointer;
  z-index: 1;
}
.logo-icon8 {
  width: 74px;
  height: var(--height-72);
  position: absolute;
  margin: 0 !important;
  top: 201px;
  left: 44px;
  border-radius: var(--br-35);
  object-fit: cover;
  z-index: 1;
  flex-shrink: 0;
}
.content-max-642,
.footer2 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer2 {
  width: 100%;
  height: 350px;
  background: var(--gradient-3);
  flex-direction: column;
  flex-shrink: 0;
  z-index: 1;
}
.content-max-642 {
  overflow: hidden;
  flex-wrap: wrap;
  align-content: center;
  gap: 73px;
  max-width: var(--Content-Max-content-max);
  text-align: left;
  font-size: var(--fs-35);
  color: var(--color-whitesmoke);
  font-family: var(--font-nothing-you-could-do);
}
.content9,
.footer-column6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
}
.footer-column6 {
  height: var(--height-196);
  width: var(--width-430_3);
  overflow: hidden;
  padding: var(--padding-4) var(--padding-0);
  box-sizing: border-box;
  gap: var(--gap-28);
  min-width: var(--Content-Max-break-point);
  font-size: var(--Tamao-fuente-tamao-fuente-600);
}
.content9 {
  align-self: stretch;
  height: var(--height-48);
}
.logo4 {
  display: flex;
  align-items: center;
  gap: var(--gap-12);
}
.content10 {
  align-self: stretch;
  height: var(--height-144);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  font-size: var(--fs-20);
}
.lorem-ipsum-dolor3 {
  align-self: stretch;
  position: relative;
  line-height: var(--lh-24);
}
.footer-column7 {
  height: var(--height-196);
  width: var(--width-430_3);
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-4) var(--padding-0);
  box-sizing: border-box;
  gap: var(--gap-28);
  min-width: var(--Content-Max-break-point);
}
.proyectos2 {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: var(--lh-42);
  font-weight: 400;
  font-family: inherit;
}
.content12 {
  align-self: stretch;
  height: var(--height-144);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-12);
  flex-shrink: 0;
  font-size: var(--fs-25);
}
.sistemas-de-diseo2 {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: var(--lh-24);
  font-weight: 400;
  font-family: inherit;
}
.content-max-322 {
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: var(--padding-0) var(--padding-3);
  box-sizing: border-box;
  gap: var(--gap-24) var(--Content-Max-content-max-guter);
  max-width: var(--Content-Max-content-max);
  text-align: left;
  font-size: var(--fs-25);
  color: var(--color-whitesmoke);
  font-family: var(--font-nothing-you-could-do);
}
.content15,
.footer-column9 {
  display: flex;
  flex-direction: column;
}
.footer-column9 {
  flex: 1;
  overflow: hidden;
  align-items: center;
  justify-content: flex-end;
  padding: var(--padding-4) var(--padding-0);
  box-sizing: border-box;
  min-width: var(--Content-Max-break-point);
}
.content15 {
  width: 100%;
  height: var(--height-144);
  align-items: flex-start;
  max-width: 100%;
}
.content16,
.footer-column10 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.footer-column10 {
  flex: 1;
  overflow: hidden;
  padding: 21px var(--padding-0);
  box-sizing: border-box;
  gap: var(--gap-28);
  min-width: var(--Content-Max-break-point);
  font-size: var(--fs-35);
}
.content16 {
  align-self: stretch;
  height: var(--height-48);
}
.social-list2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap-12);
}
.hugeiconsfigma2 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-01);
  background-color: transparent;
  width: var(--width-34);
  position: relative;
  max-height: 100%;
}
.card-hlg2,
.card-hlg3 {
  width: 444px;
  height: var(--height-197);
  margin: 0 !important;
  position: absolute;
  top: -61px;
  display: flex;
  align-items: flex-start;
  gap: var(--gap-14);
  flex-shrink: 0;
}
.card-hlg2 {
  left: 44px;
  z-index: 4;
}
.card-hlg3 {
  right: 607px;
  z-index: 5;
}
@media screen and (max-width: 1200px) {
  .frame-wrapper2 {
    padding-left: var(--padding-28);
    padding-right: var(--padding-28);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 1050px) {
  .gastronoma-y-descanso2 {
    font-size: var(--fs-32);
  }
  .hotel-las-gacelas2,
  .restaurante-capepe2 {
    font-size: var(--fs-40);
  }
  .faja-de-fotos2 {
    gap: 37px;
    padding-top: 137px;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 750px) {
  .gastronoma-y-descanso2 {
    font-size: var(--fs-24);
  }
  .hotel-las-gacelas2 {
    font-size: var(--fs-30);
  }
  .el-hotel-las {
    font-size: 18px;
  }
  .restaurante-capepe2 {
    font-size: var(--fs-30);
  }
  .faja-de-fotos2 {
    gap: 19px;
    padding-top: 89px;
    box-sizing: border-box;
  }
  .rectangle-group {
    padding-bottom: 71px;
    box-sizing: border-box;
  }
  .el-hotel-las-gacelas-un-refug-wrapper {
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .gastronoma-y-descanso2 {
    font-size: var(--fs-24);
  }
  .hotel-las-gacelas2 {
    font-size: var(--fs-30);
  }
  .el-hotel-las {
    font-size: 18px;
  }
  .restaurante-capepe2 {
    font-size: var(--fs-30);
  }
  .faja-de-fotos2 {
    gap: 19px;
    padding-top: 89px;
    box-sizing: border-box;
  }
}