.home,
.rectangle-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.home {
  width: 100%;
  position: relative;
  background-color: var(--color-white);
  overflow: hidden;
  line-height: normal;
  letter-spacing: normal;
}
.rectangle-parent {
  background: var(--gradient-1);
  padding: var(--padding-0) 1px 186px;
  box-sizing: border-box;
  gap: var(--gap-28);
 width: 100%;
}
.frame-child {
  align-self: stretch;
  height: 555px;
  position: relative;
  background: var(--gradient-1);
  display: none;
  flex-shrink: 0;
}
.navbar {
  width: 1728px;
  background-color: var(--color-gray);
  flex-direction: column;
  justify-content: center;
  z-index: 3;
  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-16,
.logo,
.navbar {
  display: flex;
  align-items: center;
}
.content-max-16 {
  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: 20px;
  max-width: var(--Content-Max-content-max);
}
.logo {
  gap: var(--gap-12);
}
.isotipo-icon,
.logotipo {
  position: relative;
  flex-shrink: 0;
}
.isotipo-icon {
  width: var(--width-48);
  max-height: 100%;
  display: none;
}
.logotipo {
  margin: 0;
  font-size: inherit;
  line-height: var(--Interlineado-interlineado-600);
  font-weight: 400;
  font-family: inherit;
}
.navigation,
.navigation-link {
  display: flex;
  align-items: center;
}
.navigation {
  margin: 0;
  text-align: left;
  font-size: var(--fs-20);
  color: var(--color-white);
  font-family: var(--font-nothing-you-could-do);
}
.navigation-link {
  padding: var(--padding-12);
  gap: var(--gap-12);
}
.vector-icon {
  height: var(--height-24);
  width: var(--width-24);
  position: relative;
  display: none;
}
.navigator-link {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: var(--Interlineado-interlineado-300);
  font-weight: 400;
  font-family: inherit;
  cursor: pointer;
}
.navigation-link2 {
  display: flex;
  align-items: center;
  padding: var(--padding-12);
  gap: var(--gap-12);
  cursor: pointer;
}
.navigator-link2 {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: var(--Interlineado-interlineado-300);
  font-weight: 400;
  font-family: inherit;
}
.frame-wrapper {
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) 57px;
  box-sizing: border-box;
  max-width: 100%;
  flex-shrink: 0;
  text-align: center;
  font-size: var(--fs-40);
  color: var(--color-white);
  font-family: var(--font-nothing-you-could-do);
}
.frame-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
  max-width: 100%;
}
.frame-container,
.logotipo-hotel-parent {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.frame-container {
  justify-content: flex-end;
  padding: var(--padding-0) 2px var(--padding-0) var(--padding-0);
  box-sizing: border-box;
}
.logotipo-hotel-parent {
  width: 1587px;
}
.logotipo-hotel {
  width: 170px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  z-index: 1;
}
.logotipo-hotel2 {
  height: 119px;
  flex: 1;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  z-index: 2;
}
.logo-icon {
  position: absolute;
  width: calc(100% - 27px);
  top: 3px;
  right: 13px;
  left: 14px;
  border-radius: 35px;
  max-width: 100%;
  overflow: hidden;
  height: 97px;
  object-fit: cover;
}
.gastronoma-y-descanso-nivel-g-wrapper {
  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-descanso,
.logo-icon3 {
  position: relative;
  flex-shrink: 0;
  z-index: 1;
}
.gastronoma-y-descanso {
  margin: 0;
  width: 1380px;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
  max-width: 100%;
}
.logo-icon3 {
  height: 110px;
  width: 154px;
  border-radius: 35px;
  object-fit: cover;
  margin-left: -80px;
}
.hotel-las-gacelas-parent {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 51px;
  max-width: 100%;
  text-align: left;
  font-size: 50px;
}
.hotel-las-gacelas {
  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;
}
.frame-div,
.reserva-hotel-parent {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.frame-div {
  width: 723px;
  flex-direction: column;
  padding: 23px var(--padding-0) var(--padding-0);
  box-sizing: border-box;
}
.reserva-hotel-parent {
  width: 669px;
  gap: 51px;
}
.reserva-hotel {
  cursor: pointer;
  border: 2px solid var(--color-white);
  padding: var(--padding-01);
  background-color: transparent;
  width: 244px;
  border-radius: var(--br-5);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  gap: 10px;
}
.reserva-hotel:hover,
.reserva-restaurante:hover {
  background-color: var(--color-gainsboro-200);
  border: 2px solid var(--color-gainsboro-100);
  box-sizing: border-box;
}
.heroiconscalendar-days {
  width: var(--width-48);
  position: relative;
  max-height: 100%;
}
.reserva-hotel2,
.reserva-restaurante {
  cursor: pointer;
  background-color: transparent;
  flex: 1;
}
.reserva-hotel2 {
  border: 0;
  padding: var(--padding-01);
  height: 26px;
  position: relative;
  font-size: var(--fs-24);
  font-family: var(--font-nothing-you-could-do);
  color: var(--color-white);
  text-align: center;
  display: inline-block;
}
.reserva-restaurante {
  border: 2px solid var(--color-white);
  padding: 14px 6px;
  height: var(--height-48);
  border-radius: var(--br-5);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  max-width: 100%;
}
.heroiconscalendar-days2 {
  width: var(--width-48);
  position: relative;
  max-height: 100%;
  flex-shrink: 0;
}
.reserva-hrestaurante {
  cursor: pointer;
  border: 0;
  padding: var(--padding-01);
  background-color: transparent;
  height: 31px;
  width: 310px;
  position: relative;
  font-size: var(--fs-24);
  font-family: var(--font-nothing-you-could-do);
  color: var(--color-white);
  text-align: center;
  display: inline-block;
  flex-shrink: 0;
}
.restaurante-capepe-wrapper {
  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;
}
.faja-de-fotos,
.restaurante-capepe {
  align-self: stretch;
  position: relative;
}
.restaurante-capepe {
  margin: 0;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  z-index: 1;
}
.faja-de-fotos {
  height: 561px;
  background: linear-gradient(0deg, #022622 43.57%, #058c7c);
}
.content-max-64,
.footer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer {
  position: absolute;
  top: 211px;
  left: 6px;
  background: linear-gradient(0deg, #012622 56.73%, #02463f 95.71%);
  width: 1722px;
  height: 350px;
  flex-direction: column;
  flex-shrink: 0;
}
.content-max-64 {
  overflow: hidden;
  flex-wrap: wrap;
  align-content: center;
  gap: 73px;
  max-width: var(--Content-Max-content-max);
  text-align: left;
  font-size: 35px;
  color: var(--color-whitesmoke);
  font-family: var(--font-nothing-you-could-do);
}
.content,
.content2,
.footer-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
}
.footer-column {
  height: 196px;
  width: 430.3px;
  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);
}
.content,
.content2 {
  align-self: stretch;
}
.content {
  height: var(--height-48);
}
.content2 {
  height: 144px;
  font-size: var(--fs-20);
}
.lorem-ipsum-dolor {
  align-self: stretch;
  position: relative;
  line-height: var(--lh-24);
}
.footer-column2 {
  height: 196px;
  width: 430.3px;
  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);
}
.proyectos {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 42px;
  font-weight: 400;
  font-family: inherit;
}
.content4 {
  align-self: stretch;
  height: 144px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-12);
  flex-shrink: 0;
  font-size: var(--fs-25);
}
.sistemas-de-diseo {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: var(--lh-24);
  font-weight: 400;
  font-family: inherit;
}
.content-max-32 {
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: var(--padding-0) 3px;
  box-sizing: border-box;
  gap: 24px 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);
}
.content7,
.footer-column4 {
  display: flex;
  flex-direction: column;
}
.footer-column4 {
  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);
}
.content7 {
  width: 100%;
  height: 144px;
  align-items: flex-start;
  max-width: 100%;
}
.content8,
.footer-column5 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.footer-column5 {
  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: 35px;
}
.content8 {
  align-self: stretch;
  height: var(--height-48);
}
.social-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap-12);
}
.hugeiconsfigma {
  cursor: pointer;
  border: 0;
  padding: var(--padding-01);
  background-color: transparent;
  width: 34px;
  position: relative;
  max-height: 100%;
}
.logotipo-hotel3 {
  position: absolute;
  top: 38px;
  left: 20px;
  width: 171px;
  height: 160px;
  overflow: hidden;
  display: none;
  cursor: pointer;
  flex-shrink: 0;
}
.faja-de-fotos-child,
.logo-icon4 {
  position: absolute;
  object-fit: cover;
  flex-shrink: 0;
}
.logo-icon4 {
  top: 201px;
  left: 44px;
  border-radius: 35px;
  width: 74px;
  height: 72px;
  z-index: 1;
}
.faja-de-fotos-child {
  top: -182px;
  left: calc(50% - 675px);
  width: 1350px;
  height: 370px;
  z-index: 2;
}
@media screen and (max-width: 1625px) {
  .hotel-las-gacelas-parent {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1275px) {
  .frame-wrapper {
    padding-left: var(--padding-28);
    padding-right: var(--padding-28);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 900px) {
  .rectangle-parent {
    padding-bottom: 121px;
    box-sizing: border-box;
  }
  .gastronoma-y-descanso {
    font-size: 32px;
  }
  .hotel-las-gacelas-parent {
    gap: 25px;
  }
  .hotel-las-gacelas {
    font-size: var(--fs-40);
  }
  .reserva-hotel-parent {
    gap: 25px;
    flex-wrap: wrap;
  }
  .restaurante-capepe {
    font-size: var(--fs-40);
  }
}
@media screen and (max-width: 450px) {
  .gastronoma-y-descanso {
    font-size: var(--fs-24);
  }
  .hotel-las-gacelas {
    font-size: var(--fs-30);
  }
  .reserva-hotel2,
  .reserva-hrestaurante {
    font-size: var(--fs-19);
  }
  .restaurante-capepe {
    font-size: var(--fs-30);
  }
}