:root {
  --font-family-poppins: 'Poppins', sans-serif;
  --font-family-cormorant-infant: 'Cormorant Infant', sans-serif;
  --font-family-montecarlo: 'MonteCarlo', sans-serif;
  --text-rgb-110-40-90: rgba(110, 40, 90, 1);
  --text-rgb-41-41-41: rgba(41, 41, 41, 1);
  --text-rgb-192-154-94: rgba(192, 154, 94, 1);
  --text-black: rgba(0, 0, 0, 1);
  --text-white: rgba(255, 255, 255, 1);
  --text-rgb-250-241-227: rgba(250, 241, 227, 1);
}

.text-white {
  color: var(--text-white);
}

.text-rgb-250-241-227 {
  color: var(--text-rgb-250-241-227);
}

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

body {
  width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

.footer-cta-section {
  width: 100%;
  min-height: 550px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  padding: 60px 20px;
  overflow: hidden;
}

.footer-bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.footer-cta-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  max-width: 900px;
  z-index: 2;
}

.footer-cta-title {
  font-family: var(--font-family-cormorant-infant);
  font-size: 64px;
  color: #F3DFA2;
  font-weight: 400;
  line-height: 1.1;
  margin: 0;
  text-transform: none;
}

.footer-cta-subtitle {
  font-family: var(--font-family-poppins);
  font-size: 18px;
  color: var(--text-white);
  font-weight: 400;
  margin: 10px 0 0 0;
}

.footer-cta-cursive {
  font-family: var(--font-family-montecarlo);
  font-size: 42px;
  color: var(--text-white);
  margin: 0 0 30px 0;
  font-weight: 400;
  line-height: 1.2;
}

.footer-cta-button {
  background-color: #ffffff;
  color: rgba(110, 40, 90, 1);
  padding: 18px 40px;
  text-decoration: none;
  font-family: var(--font-family-poppins);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 4px;
  transition: all 0.3s ease;
  display: inline-block;
}

.footer-cta-button:hover {
  background-color: #f8f8f8;
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

@media (max-width: 768px) {
  .footer-cta-title {
    font-size: 42px;
  }
  .footer-cta-subtitle {
    font-size: 16px;
    padding: 0 20px;
  }
  .footer-cta-cursive {
    font-size: 32px;
  }
  .footer-cta-section {
    min-height: 400px;
  }
}







.main-footer {
  background-color: var(--text-rgb-110-40-90);
  color: var(--text-white);
  padding: 60px 80px 30px;
  font-family: var(--font-family-poppins);
  position: relative;
  width: 100%;
}

.footer-content {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
}

.footer-logo {
  margin-bottom: 20px;
}

.footer-logo img {
  max-width: 250px;
  height: auto;
}

.footer-columns {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
  gap: 40px;
}

.footer-col {
  /* flex: 1; removed to allow space-between to work properly */
  min-width: 280px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}

.footer-col-title {
  color: var(--text-rgb-192-154-94);
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 25px;
  font-weight: 500;
}

.footer-contact-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin-bottom: 18px;
  font-size: 15px;
}

.footer-contact-item img {
  width: 20px;
  height: 20px;
}

.footer-social-icons {
  display: flex;
  justify-content: flex-start;
  gap: 15px;
  margin-bottom: 18px;
}

.footer-social-icons a {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s;
}

.footer-social-icons a:hover {
  transform: translateY(-2px);
}

.footer-social-icons img {
  height: 20px;
  width: auto;
}

.footer-address {
  line-height: 1.6;
  font-size: 15px;
  max-width: 300px;
}

.footer-subscribe-text {
  margin-bottom: 20px;
  font-size: 15px;
}

.footer-subscribe-form {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 5px;
  max-width: 300px;
}

.footer-subscribe-form input {
  background: transparent;
  border: none;
  border-bottom: 1px solid white;
  color: white;
  width: 100%;
  padding: 8px 0;
  outline: none;
  font-family: var(--font-family-poppins);
  font-size: 14px;
}

.footer-subscribe-form input::placeholder {
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
}

.footer-subscribe-btn {
  background: white;
  border: none;
  width: 90px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 6px;
  transition: background 0.2s;
}

.footer-subscribe-btn img {
  width: 15px;
  height: 15px;
}

.footer-subscribe-btn:hover {
  background: #f0f0f0;
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 60px;
  padding-top: 0;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--text-rgb-192-154-94);
  align-items: center;
}

.footer-center-text {
  color: #F3DFA2;
}

.floating-whatsapp {
  position: fixed;
  bottom: 30px;
  right: 30px;
  background: transparent !important;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: none !important;
  z-index: 1000;
  transition: transform 0.3s ease;
  animation: float-vertical 3s ease-in-out infinite;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
}

.floating-whatsapp::before,
.floating-whatsapp::after {
  content: none !important;
  display: none !important;
}

.floating-whatsapp picture {
  display: block;
  line-height: 0;
}

@keyframes float-vertical {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}

.floating-whatsapp:hover {
  transform: scale(1.1);
}

.floating-whatsapp img {
  width: auto;
  height: auto;
  display: block;
}

@media (max-width: 768px) {
  .footer-columns {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .footer-col {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .footer-contact-item {
    justify-content: center;
  }

  .footer-subscribe-form {
    margin: 0 auto;
  }

  .footer-bottom {
    flex-direction: column;
    gap: 15px;
    text-align: center;
  }

  .main-footer {
    padding: 40px 20px;
  }
}

a.prototype-link {
  text-decoration: none;
  color: inherit;
  display: contents;
}

.text-5 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: center;
  font-family: var(--font-family-cormorant-infant);
  font-weight: 500;
  font-size: 61px;
  letter-spacing: -1%;
  line-height: 110.00000238418579%;
  text-decoration: none;
  text-transform: uppercase;
}

.frame-51-4 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 10px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  background-color: rgba(41, 41, 41, 0.12);
}

.frame-52-3 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 99.85380116959064%;
}

.dk-h2-regular {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: center;
  font-family: var(--font-family-cormorant-infant);
  font-weight: normal;
  font-size: 47px;
  letter-spacing: -3%;
  line-height: 110.00000238418579%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-110-40-90);
}

.body-body {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: center;
  font-family: var(--font-family-poppins);
  font-weight: normal;
  font-size: 16px;
  line-height: 150%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-41-41-41);
}

.frame-13-7 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.dk-h3 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: center;
  font-family: var(--font-family-montecarlo);
  font-weight: normal;
  font-size: 36px;
  letter-spacing: 1%;
  line-height: 110.00000238418579%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-192-154-94);
}

.frame-14-6 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  padding: 120px 24px 88px 24px;
  width: 100%;
}

.text-14 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.color-violet-device-desktop-selected-false {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 24px 8px 24px;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  background-color: rgba(110, 40, 90, 1);
  border-radius: 4px;
  height: fit-content;
  transition: background-color 0.3s ease, transform 0.1s ease;
}

.color-violet-device-desktop-selected-false:hover {
  background-color: rgba(135, 55, 115, 1);
  cursor: pointer;
}

.color-violet-device-desktop-selected-false:active {
  background-color: rgba(85, 25, 65, 1);
  transform: scale(0.98);
}

.inicio1-16 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.images-15 picture {
  width: 100%;
  display: block;
}

.images-15 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-22 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.frame-17-19 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.rooms-header-left {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  max-width: 70%;
}

.rooms-header-left .body-body {
  text-align: left !important;
}

.frame-12-18 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 88px 0px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.frame-10-25 picture,
.frame-11-34 picture,
.frame-12-45 picture {
  width: 100%;
  display: block;
}

.inicio_hab1-26 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.dk-h4-regular {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: normal;
  font-size: 27px;
  line-height: 129.99999523162842%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-110-40-90);
}

.body-xsm-caps-regular {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: normal;
  font-size: 11px;
  letter-spacing: 6%;
  line-height: 129.99999523162842%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-rgb-41-41-41);
}

.ellipse-4-32 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(41, 41, 41, 1);
  border: none;
  outline: none;
}

.frame-7-30 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.frame-8-28 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
}

.frame-9-27 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 261px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.frame-10-25 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 24px;
  padding: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

.inicio_hab2-35 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.ellipse-4-41 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(41, 41, 41, 1);
  border: none;
  outline: none;
}

.ellipse-5-43 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(41, 41, 41, 1);
  border: none;
  outline: none;
}

.frame-7-39 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.frame-8-37 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
}

.frame-9-36 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 261px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.frame-11-34 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 24px;
  padding: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

.inicio_hab3-46 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.ellipse-4-52 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(41, 41, 41, 1);
  border: none;
  outline: none;
}

.frame-7-50 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.frame-8-48 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-9-47 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 261px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.frame-12-45 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 24px;
  padding: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-15-24 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
  padding: 0px 0px 88px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.frame-16-17 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  padding: 0px 24px 0px 24px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(255, 252, 247, 1);
  width: 100%;
}

.rectangle-4-55 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(41, 41, 41, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 75%;
  z-index: 1;
}

.frame-12-57 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  padding: 88px 0px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.node-61 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 33.33333423675483%;
  height: auto;
}

.node-62 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 33.33333423675483%;
  height: auto;
}

.node-63 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 33.33333423675483%;
  height: auto;
}

.frame-21-60 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: -1px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.frame-22-56 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 48px;
  padding: 0px 0px 88px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.frame-49-54 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background-color: rgba(255, 252, 247, 1);
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.experience-background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 75%;
  object-fit: cover;
  z-index: 0;
}

.inicio2-65 {
  grid-column: 1 / 9;
  grid-row: 1;
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

.frame-27-67 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: center;
}

.frame-28-64 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  background-color: rgba(255, 252, 247, 1);
  align-items: center;
  padding: 0;
  width: 100%;
  max-width: 100%;
  margin: 0;
  overflow: visible;
  position: relative;
  z-index: 5;
}

.frame-28-64 picture {
  grid-column: 1 / 8;
  grid-row: 1;
  width: 100%;
  height: auto;
  display: block;
}

.inicio2-65 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.frame-22-66 {
  grid-column: 6 / 13;
  grid-row: 1;
  align-self: end;
  transform: translateY(15%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding: 80px;
  background-color: #ffffff;
  z-index: 10;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}

@media (max-width: 768px) {
  .frame-28-64 {
    display: flex;
    flex-direction: column;
    padding: 40px 0;
  }

  .inicio2-65 {
    width: 100%;
  }

  .frame-22-66 {
    width: 100%;
    padding: 24px;
    transform: none;
  }
}

.frame-29-70 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  background-color: rgba(255, 252, 247, 1);
  align-items: center;
  padding: 0;
  width: 100%;
  max-width: 100%;
  margin: 0;
  overflow: visible;
  position: relative;
  z-index: 1;
}

.frame-29-70 picture {
  grid-column: 6 / 13;
  grid-row: 1;
  width: 100%;
  height: auto;
  display: block;
}

.inicio3-71 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.frame-22-72 {
  grid-column: 1 / 8;
  grid-row: 1;
  align-self: end;
  transform: translateY(15%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding: 80px;
  background-color: #ffffff;
  z-index: 10;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}

@media (max-width: 768px) {
  .frame-29-70 {
    display: flex;
    flex-direction: column-reverse;
    padding: 40px 0;
  }

  .inicio3-71 {
    width: 100%;
  }

  .frame-22-72 {
    width: 100%;
    padding: 24px;
    transform: none;
  }
}

.body-body-semibold {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: center;
  font-family: var(--font-family-poppins);
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.body-xsm-regular {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: center;
  font-family: var(--font-family-poppins);
  font-weight: normal;
  font-size: 11px;
  line-height: 150%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-30-81 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.star-1-85 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.star-2-86 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.star-3-87 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.star-4-88 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.star-5-89 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.frame-32-84 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-31-80 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 8px;
}

.ellipse-6-91 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(82, 156, 188, 1);
  border: none;
  outline: none;
}

.review-avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
  transition: transform 0.3s ease;
  cursor: pointer;
  border: 4px solid #ffffff;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.review-avatar:hover {
  transform: scale(1.1);
}

.frame-35-78 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
  padding-top: 50px;
  width: 100%;
}

.review-card {
  position: relative;
  background-color: #ffffff;
  border-radius: 20px;
  padding: 60px 20px 30px 20px !important;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05);
  overflow: visible;
  flex: 1 1 250px;
  max-width: 300px;
}

.review-avatar-container {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  display: block;
}

.review-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 100%;
  text-align: center;
}

.frame-30-81, .frame-30-94, .frame-30-107, .frame-30-120, .frame-30-133 {
  align-items: center;
  text-align: center;
}

.frame-32-84, .frame-32-97, .frame-32-110, .frame-32-123, .frame-32-136 {
  justify-content: center;
}

.frame-33-79 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 16px 0px 8px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 8px;
}

.frame-30-94 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.star-1-98 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.star-2-99 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.star-3-100 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.star-4-101 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.star-5-102 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.frame-32-97 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-31-93 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 8px;
}

.ellipse-6-104 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(82, 156, 188, 1);
  border: none;
  outline: none;
}

.frame-34-92 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 16px 0px 8px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 8px;
}

.frame-30-107 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.star-1-111 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.star-2-112 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.star-3-113 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.star-4-114 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.star-5-115 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.frame-32-110 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-31-106 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 8px;
}

.ellipse-6-117 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(82, 156, 188, 1);
  border: none;
  outline: none;
}

.frame-35-105 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 16px 0px 8px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 8px;
}

.frame-30-120 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.star-1-124 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.star-2-125 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.star-3-126 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.star-4-127 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.star-5-128 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.frame-32-123 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-31-119 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 8px;
}

.ellipse-6-130 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(82, 156, 188, 1);
  border: none;
  outline: none;
}

.frame-36-118 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 16px 0px 8px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 8px;
}

.frame-30-133 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.star-1-137 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.star-2-138 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.star-3-139 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.star-4-140 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.star-5-141 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.frame-32-136 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-31-132 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 8px;
}

.ellipse-6-143 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(82, 156, 188, 1);
  border: none;
  outline: none;
}

.frame-37-131 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 16px 0px 8px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 8px;
}

.frame-35-78 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.frame-38-76 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 56px;
  padding: 88px 120px 88px 120px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(250, 241, 227, 1);
  width: 100%;
  margin-top: 100px;
}

.node-148 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-6-147 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 11.857166290283203px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.body-sm-caps-regular {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: normal;
  font-size: 13px;
  letter-spacing: 6%;
  line-height: 110.00000238418579%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-rgb-192-154-94);
}

.vector-154 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.vector-155 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.d-wa-dorado-153 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-85-152 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.vector-159 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.d-tiktok-dorado-158 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-161 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.vector-162 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.vector-163 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.d-insta-dorado-160 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-165 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.d-face-dorado-164 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.redes-157 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-42-150 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-41-167 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-44-171 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-176 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.frame-45-175 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 8px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 72.72727272727273%;
  border-bottom: 1px solid rgba(255, 255, 255, 1);
}

.vector-1-179 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(130, 13, 91, 1);
  border: none;
  outline: none;
}

.send {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.color-white-device-desktop-selected-false {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 24px 8px 24px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
}

.device-dekstop-selcted-false {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.frame-46-170 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-47-149 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 93px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.ellipse-4-183 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(197, 150, 56, 1);
  border: none;
  outline: none;
}

.frame-7-181 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.color-gold-size-sm-device-all-selected-false {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-43-180 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 95px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.dekstop {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 48px;
  padding: 48px 120px 32px 120px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(110, 40, 90, 1);
}

.device-dekstop {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: -1px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
}

.frame-50-2 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-191 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.vector-1-192 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.color-white-size-bg-device-desktop-selected-false {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 4px 24px 4px 24px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-194 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.device-desktop-selected-false {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 4px 24px 4px 24px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1px solid white;
  border-radius: 4px;
  transition: background-color 0.3s;
}

.device-desktop-selected-false:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.nav-bar-189 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  padding: 12px 120px 12px 120px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  background-color: rgba(110, 40, 90, 1);
}

.text-198 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.text-200 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.text-202 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.frame-2-196 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.node-204 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

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

body {
  width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

.text-rgb-110-40-90 {
  color: var(--text-rgb-110-40-90);
}

.text-rgb-41-41-41 {
  color: var(--text-rgb-41-41-41);
}

.text-rgb-192-154-94 {
  color: var(--text-rgb-192-154-94);
}

a.prototype-link {
  text-decoration: none;
  color: inherit;
  display: contents;
}

.logo-5ta-menu-203 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 11.964284896850586px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-207 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.text-209 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.text-211 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.frame-1-205 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.nav-bar-195 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 0px 120px 0px 120px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  background-color: rgba(41, 41, 41, 0.24);
}

.menu {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: -1px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}

.ellipse-9-213 {
  width: 60px;
  height: 60px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.vector-214 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(53, 214, 113, 1);
  border: none;
  outline: none;
}

.vector-215 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(53, 214, 113, 1);
  border: none;
  outline: none;
}

.inicio-1 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: transparent;
  position: relative;
  z-index: 0;
  width: 100%;
}

.amenidades .body-xsm-regular {
  text-align: left;
}

@media (max-width: 1440px) {
  .inicio-1 {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media (max-width: 768px) {
  .inicio-1 {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.hero-content {
  position: relative;
  z-index: 1;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.hero-text-overlay {
  font-family: var(--font-family-cormorant-infant);
  font-size: 61px;
  font-weight: 500;
  color: #F3DFA2;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  line-height: 1.1;
  text-shadow: 0 2px 10px rgba(0,0,0,0.5);
  margin: 0;
  padding: 0 24px;
}

@media (max-width: 992px) {
  .hero-text-overlay {
    font-size: 3rem;
  }
}

@media (max-width: 768px) {
  .hero-text-overlay {
    font-size: 2rem;
  }
}

@media (max-width: 480px) {
  .hero-text-overlay {
    font-size: 1.5rem;
  }
}

.device-desktop {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 1000;
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: transform 0.3s ease;
}

.device-desktop:hover {
  transform: scale(1.1);
}

.device-desktop > * {
  grid-area: 1 / 1;
}

.booking-banner-container {
  display: flex;
  justify-content: center;
  margin-top: -60px;
  position: relative;
  z-index: 2;
  padding: 0 24px;
}

.intro-section {
  background-color: #FFFCF7;

}

.frame-5-11 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  padding: 24px 40px;
  width: 100%;
  max-width: 800px;
  background-color: var(--text-rgb-250-241-227);
  border-radius: 4px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.frame-5-11 .body-body {
  text-align: left;
  flex: 1;
}

.frame-5-11 .color-violet-device-desktop-selected-false {
  padding: 12px 32px;
  white-space: nowrap;
}

.hero-background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  object-fit: cover;
  z-index: -1;

}

.text-rgb-153-153-153 {
  color: var(--text-rgb-153-153-153);
}

a.prototype-link {
  text-decoration: none;
  color: inherit;
  display: contents;
}

.x-2-suite-banner-218 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 10px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  width: 100%;
  height: auto;
}

.x-2-junior1-221 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 0px;
}
 
 .suite-carousel {
   position: relative;
   width: 100%;
   overflow: hidden;
   border-radius: 4px;
 }
 
 .suite-carousel-track {
   display: flex;
   width: 100%;
   transition: transform 0.6s ease;
 }
 
 .suite-carousel-track picture {
   flex: 0 0 100%;
   width: 100%;
 }
 
 .suite-carousel-track img {
   width: 100%;
   height: auto;
   display: block;
   object-fit: cover;
 }
 
 .suite-carousel-dots {
   position: absolute;
   bottom: 16px;
   left: 50%;
   transform: translateX(-50%);
   display: flex;
   gap: 8px;
 }
 
 .suite-carousel-dots button {
   width: 8px;
   height: 8px;
   border-radius: 50%;
   border: 1px solid #ffffff;
   background: rgba(255,255,255,0.6);
   cursor: pointer;
   padding: 0;
 }
 
 .suite-carousel-dots button.active {
   background: #ffffff;
 }

.frame-8-225 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-228 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.frame-55-224 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.frame-53-223 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-234 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-235 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.property-1-cama-1 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.amenidades {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
}

.amenidades div[class^="property-1-"] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.amenidades div[class^="property-1-"] img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media (max-width: 1440px) {
  .amenidades {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .amenidades {
    width: 100%;
  }
}

.vector-239 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-240 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-241 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-242 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-243 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.property-1-tv-1 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-247 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-248 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-249 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-250 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-251 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.property-1-jacuzzi-1 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-255 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-256 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-257 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-258 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-259 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-260 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-261 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-262 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-263 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-264 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-265 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-266 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-267 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-268 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-269 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-270 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-271 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-272 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-273 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-274 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-275 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.property-1-ducha-1 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-279 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.property-1-refri-1 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-283 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.property-1-cafe-1 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-287 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-288 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-289 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-290 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.property-1-wifi-1 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-294 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-295 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-296 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-297 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-298 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-299 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-300 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-301 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.property-1-ac-1 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-305 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-306 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-307 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-308 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.property-1-ventilador-1 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-312 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-313 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-314 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-315 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-316 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-317 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-318 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-319 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-320 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-321 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-322 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-323 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-324 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.property-1-caja-1 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-328 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-329 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-330 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-331 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-332 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.property-1-secadora-1 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-336 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-337 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.property-1-plancha-1 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-26-231 {
@media (max-width: 1440px) {
  .frame-26-231 {
    gap: 24px;
  }
}

@media (max-width: 768px) {
  .frame-26-231 {
    gap: 16px;
  }
}
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  gap: 24px;
  padding: 32px;
  width: 100%;
  background-color: rgba(250, 241, 227, 1);
  border-radius: 16px;
}

.frame-58-230 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-54-222 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  padding: 0px 60px;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 50%;
  width: 50%;
}

.ellipse-7-342 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(255, 255, 255, 0.2);
  border: none;
  outline: none;
}

.selected-false-color-white {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.ellipse-7-344 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(255, 255, 255, 0.2);
  border: none;
  outline: none;
}

.ellipse-7-346 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(255, 255, 255, 0.2);
  border: none;
  outline: none;
}

.ellipse-7-348 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(255, 255, 255, 0.2);
  border: none;
  outline: none;
}

.ellipse-7-350 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(255, 255, 255, 0.2);
  border: none;
  outline: none;
}

.ellipse-8-352 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.selected-true-color-white {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.ellipse-7-354 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(255, 255, 255, 0.2);
  border: none;
  outline: none;
}

.ellipse-7-356 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(255, 255, 255, 0.2);
  border: none;
  outline: none;
}

.frame-59-340 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0px 0px 16px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 50%;
  z-index: 10;
}

.frame-12-220 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  position: relative;
}

.frame-12-220 picture {
  flex-basis: 50%;
  width: 50%;
  display: block;
}

/* Override for the Junior Suite carousel to ensure one-slide view */
.suite-carousel-track picture {
  flex: 0 0 100% !important;
  width: 100% !important;
}

.frame-16-219 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  padding: 88px 0px 88px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-8-362 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-365 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.frame-55-361 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.frame-53-360 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-371 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-372 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-376 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.6000000238418579px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-377 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.6000000238418579px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-378 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.6000000238418579px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-379 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.6000000238418579px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-380 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.6000000238418579px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-381 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.6000000238418579px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-382 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.6000000238418579px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-383 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.6000000238418579px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-384 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.6000000238418579px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-385 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.6000000238418579px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-386 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.6000000238418579px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.property-1-balcon-1 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-390 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-391 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-392 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-393 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-394 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-398 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-399 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-400 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-401 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-402 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-406 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-407 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-408 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-409 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-410 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-411 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-412 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-413 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-414 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-415 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-416 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-417 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-418 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-419 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-420 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-421 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-422 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-423 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-424 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-425 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-426 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-430 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-431 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-432 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-433 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-437 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-438 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-439 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-440 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-441 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-442 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-443 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-444 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-448 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-449 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-450 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-451 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-455 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-459 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-463 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-464 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-465 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-466 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-467 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-468 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-469 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-470 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-471 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-472 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-473 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-474 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-475 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-479 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-480 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-481 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-482 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-483 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-487 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-488 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.frame-26-368 {
@media (max-width: 1440px) {
  .frame-26-368 {
    gap: 24px;
  }
}

@media (max-width: 768px) {
  .frame-26-368 {
    gap: 16px;
  }
}
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  gap: 24px;
  padding: 32px;
  width: 100%;
  background-color: rgba(250, 241, 227, 1);
  border-radius: 16px;
}

.frame-57-367 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-54-359 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  padding: 0px 60px;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 50%;
  width: 50%;
}

.x-2-deluxejacuzzi1-491 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.ellipse-7-494 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(255, 255, 255, 0.2);
  border: none;
  outline: none;
}

.ellipse-7-496 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(255, 255, 255, 0.2);
  border: none;
  outline: none;
}

.ellipse-7-498 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(255, 255, 255, 0.2);
  border: none;
  outline: none;
}

.ellipse-7-500 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(255, 255, 255, 0.2);
  border: none;
  outline: none;
}

.ellipse-7-502 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(255, 255, 255, 0.2);
  border: none;
  outline: none;
}

.ellipse-8-504 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.ellipse-7-506 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(255, 255, 255, 0.2);
  border: none;
  outline: none;
}

.ellipse-7-508 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(255, 255, 255, 0.2);
  border: none;
  outline: none;
}

.frame-59-492 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0px 0px 16px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  position: absolute;
  bottom: 20px;
  left: 50%;
  width: 50%;
  z-index: 10;
}

.frame-12-358 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 0px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  position: relative;
}

.frame-12-358 picture {
  flex-basis: 50%;
  width: 50%;
  display: block;
}

.frame-52-357 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  padding: 88px 0px 88px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.x-2-deluxeking1-511 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  width: 100%;
  height: auto;
  border: none;
  outline: none;
}

.ellipse-7-514 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(255, 255, 255, 0.2);
  border: none;
  outline: none;
}

.ellipse-7-516 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(255, 255, 255, 0.2);
  border: none;
  outline: none;
}

.ellipse-7-518 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(255, 255, 255, 0.2);
  border: none;
  outline: none;
}

.ellipse-7-520 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(255, 255, 255, 0.2);
  border: none;
  outline: none;
}

.ellipse-7-522 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(255, 255, 255, 0.2);
  border: none;
  outline: none;
}

.ellipse-8-524 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.ellipse-7-526 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(255, 255, 255, 0.2);
  border: none;
  outline: none;
}

.ellipse-7-528 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(255, 255, 255, 0.2);
  border: none;
  outline: none;
}

.frame-59-512 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0px 0px 16px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 50%;
  z-index: 10;
}

.frame-8-532 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-535 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.frame-55-531 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.frame-53-530 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-541 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-542 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-546 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-547 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-548 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-549 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-550 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-554 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-555 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-556 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-557 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-561 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-562 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-563 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-564 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-565 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-566 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-567 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-568 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-572 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.property-1-persiana-1 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-576 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-580 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-584 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-585 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-586 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-587 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-588 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-589 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-590 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-591 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-592 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-593 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-594 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-595 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-596 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-600 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-601 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-602 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-603 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-604 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-608 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-609 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.frame-26-538 {
@media (max-width: 1440px) {
  .frame-26-538 {
    gap: 24px;
  }
}

@media (max-width: 768px) {
  .frame-26-538 {
    gap: 16px;
  }
}
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  gap: 24px;
  padding: 32px;
  width: 100%;
  background-color: rgba(250, 241, 227, 1);
  border-radius: 16px;
}

.frame-56-537 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-54-529 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  padding: 0px 60px;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 50%;
  width: 50%;
}

.frame-12-510 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 0px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  position: relative;
}

.frame-12-510 picture {
  flex-basis: 50%;
  width: 50%;
  display: block;
}

.frame-53-509 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  padding: 88px 0px 88px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-39-613 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  padding: 88px 0px 88px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.node-616 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-6-615 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 11.857166290283203px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-622 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.vector-623 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.x-003-whatsapp-1-621 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-85-620 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.vector-627 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.x-016-tiktok-1-626 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-629 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.vector-630 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.vector-631 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.x-011-instagram-1-628 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-633 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.x-001-facebook-1-632 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.redes-625 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-42-618 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-41-635 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-44-639 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-644 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.frame-45-643 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 8px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 72.72727272727273%;
  border-bottom: 1px solid rgba(255, 255, 255, 1);
}

.vector-1-647 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(130, 13, 91, 1);
  border: none;
  outline: none;
}

.frame-46-638 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-47-617 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 93px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.ellipse-4-651 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(197, 150, 56, 1);
  border: none;
  outline: none;
}

.frame-7-649 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-43-648 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 95px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.frame-50-217 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-659 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.vector-1-660 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.text-662 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.nav-bar-657 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  padding: 12px 120px 12px 120px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  background-color: rgba(110, 40, 90, 1);
}

.text-666 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.text-668 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.text-670 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.frame-2-664 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.node-672 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-6-671 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 11.964284896850586px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-675 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.text-677 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.text-679 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.frame-1-673 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.nav-bar-663 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 0px 120px 0px 120px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  background-color: rgba(41, 41, 41, 0.24);
}

.ellipse-9-681 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.vector-682 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(53, 214, 113, 1);
  border: none;
  outline: none;
}

.vector-683 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(53, 214, 113, 1);
  border: none;
  outline: none;
}

.suites-216 {
@media (max-width: 1440px) {
  .suites-216 {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (max-width: 768px) {
  .suites-216 {
    padding-left: 0px;
    padding-right: 0px;
  }
}
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(255, 252, 247, 1);
}

a.prototype-link {
  text-decoration: none;
  color: inherit;
  display: contents;
}

.x-3-experiencia-banner-686 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  height: auto;
}

.frame-12-688 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.x-3-experiencia1-693 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-8-695 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-699 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.frame-9-694 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.x-3-experiencia2-701 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-8-703 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-707 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.frame-9-702 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.x-3-experiencia3-709 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-8-711 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-9-710 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.x-3-experiencia4-715 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-8-717 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-9-716 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.x-3-experiencia5-721 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-8-723 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-9-722 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.x-3-experiencia6-727 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-8-729 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-9-728 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.x-3-experiencia7-733 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-8-735 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-739 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.frame-9-734 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.x-3-experiencia8-741 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-8-743 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-747 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.frame-9-742 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.x-3-experiencia9-749 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-8-751 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-9-750 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.x-3-experiencia10-755 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-8-757 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-761 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.frame-9-756 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-15-691 {
@media (max-width: 1440px) {
  .frame-15-691 {
    gap: 24px;
    padding: 0 60px;
  }
}

@media (max-width: 768px) {
  .frame-15-691 {
    gap: 24px;
    padding: 0 24px;
  }
}
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 24px;
  padding: 0 120px;
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  margin-bottom: 120px;
}

.experience-card {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: calc((100% - 48px) / 3);
}

@media (max-width: 1024px) {
  .experience-card {
    width: calc(50% - 12px);
  }
}

@media (max-width: 768px) {
  .experience-card {
    width: 100%;
  }
}

.experience-card .body-body {
  text-align: left;
}

.experience-card img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}

.frame-60-687 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  padding: 88px 0px 88px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-39-763 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  padding: 88px 0px 88px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.node-766 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-6-765 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 11.857166290283203px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-772 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.vector-773 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.x-003-whatsapp-1-771 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-85-770 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.vector-777 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.x-016-tiktok-1-776 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-779 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.vector-780 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.vector-781 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.x-011-instagram-1-778 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-783 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.x-001-facebook-1-782 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.redes-775 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-42-768 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-41-785 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-44-789 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-794 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.frame-45-793 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 8px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 72.72727272727273%;
  border-bottom: 1px solid rgba(255, 255, 255, 1);
}

.vector-1-797 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(130, 13, 91, 1);
  border: none;
  outline: none;
}

.frame-46-788 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-47-767 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 93px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.ellipse-4-801 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(197, 150, 56, 1);
  border: none;
  outline: none;
}

.frame-7-799 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-43-798 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 95px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.frame-50-685 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.frame-50-685 picture {
  width: 100%;
  display: block;
}

.banner-overlay-text {
  position: absolute;
  top: 38%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 90%;
  z-index: 10;
  pointer-events: none;
}

.banner-overlay-text h1 {
  font-family: var(--font-family-cormorant-infant);
  font-weight: 500;
  font-size: 61px;
  line-height: 1.1;
  color: #F3DFA2;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  text-shadow: 0 2px 10px rgba(0,0,0,0.5);
  margin: 0;
  padding: 0 24px;
}

@media (max-width: 992px) {
  .banner-overlay-text h1 {
    font-size: 3rem;
  }
}

@media (max-width: 768px) {
  .banner-overlay-text h1 {
    font-size: 2rem;
  }
}

@media (max-width: 480px) {
  .banner-overlay-text h1 {
    font-size: 1.5rem;
  }
}

.text-809 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.vector-1-810 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.text-812 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.nav-bar-807 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  padding: 12px 120px 12px 120px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  background-color: rgba(110, 40, 90, 1);
}

.text-816 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.text-818 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.text-820 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.frame-2-814 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.node-822 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-6-821 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 11.964284896850586px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-825 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.text-827 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.text-829 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.frame-1-823 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.nav-bar-813 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 0px 120px 0px 120px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  background-color: rgba(41, 41, 41, 0.24);
}

.ellipse-9-831 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.vector-832 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(53, 214, 113, 1);
  border: none;
  outline: none;
}

.vector-833 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(53, 214, 113, 1);
  border: none;
  outline: none;
}

.experiencias-684 {
@media (max-width: 1440px) {
  .experiencias-684 {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (max-width: 768px) {
  .experiencias-684 {
    padding-left: 0px;
    padding-right: 0px;
  }
}
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(255, 252, 247, 1);
  width: 100%;
  box-sizing: border-box;
}

a.prototype-link {
  text-decoration: none;
  color: inherit;
  display: contents;
}

.x-4-tips-banner-836 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  height: auto;
}

.x-4-tips1-839 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-8-842 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-53-841 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-4-848 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-5-849 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-6-850 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-3-851 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vi-eta-847 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-61 {
@media (max-width: 1440px) {
  .frame-61 {
    width: 47%;
    min-width: 280px;
  }
}

@media (max-width: 768px) {
  .frame-61 {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }
}
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 30%;
  min-width: 280px;
}

.vector-4-855 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-5-856 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-6-857 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-3-858 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vi-eta-854 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-4-862 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-5-863 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-6-864 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-3-865 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vi-eta-861 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-4-869 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-5-870 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-6-871 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-3-872 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vi-eta-868 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-4-876 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-5-877 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-6-878 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-3-879 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vi-eta-875 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-4-883 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-5-884 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-6-885 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-3-886 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vi-eta-882 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-4-890 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-5-891 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-6-892 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-3-893 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vi-eta-889 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-63-845 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

@media (max-width: 1024px) {
  .frame-63-845 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .frame-63-845 {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.frame-63-845 .frame-61 {
  width: 100%;
  min-width: 0;
}

.frame-53-841 .dk-h2-regular {
  text-align: left;
}

.frame-53-841 .body-body {
  text-align: left;
}

.frame-54-840 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  padding: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-12-838 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 40px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 91.21522693997072%;
}

.frame-16-837 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  padding: 88px 120px 88px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-8-899 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-53-898 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-4-906 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-5-907 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-6-908 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-3-909 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vi-eta-905 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-10-912 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.4117647409439087px solid rgba(110, 40, 90, 1);
  border: none;
  outline: none;
}

.subtract-913 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(110, 40, 90, 1);
  border: none;
  outline: none;
}

.openlink {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-77-914 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0px 0px 0px 48px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 80.95539149953358%;
}

.frame-73-903 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  padding: 0px 0px 16px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  border-bottom: 0.75px solid rgba(130, 13, 91, 1);
}

.vector-4-919 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-5-920 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-6-921 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-3-922 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vi-eta-918 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-10-925 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.4117647409439087px solid rgba(110, 40, 90, 1);
  border: none;
  outline: none;
}

.subtract-926 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(110, 40, 90, 1);
  border: none;
  outline: none;
}

.frame-76-927 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0px 0px 0px 40px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 78.90315269356343%;
}

.frame-74-916 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  padding: 0px 0px 16px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  border-bottom: 0.75px solid rgba(130, 13, 91, 1);
}

.vector-4-932 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-5-933 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-6-934 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-3-935 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vi-eta-931 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-10-938 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.4117647409439087px solid rgba(110, 40, 90, 1);
  border: none;
  outline: none;
}

.subtract-939 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(110, 40, 90, 1);
  border: none;
  outline: none;
}

.frame-78-940 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0px 0px 0px 4px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-75-929 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-72-902 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.body-sm-light {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 300;
  font-size: 13px;
  line-height: 150%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-153-153-153);
}

.frame-54-897 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  padding: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

.x-4-tips2-943 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-12-896 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 40px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 91.21522693997072%;
}

.frame-61-895 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  padding: 88px 0px 88px 120px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.x-4-tips3-946 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-8-949 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-53-948 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-4-956 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-5-957 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-6-958 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-3-959 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vi-eta-955 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-10-962 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.4117647409439087px solid rgba(110, 40, 90, 1);
  border: none;
  outline: none;
}

.subtract-963 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(110, 40, 90, 1);
  border: none;
  outline: none;
}

.frame-78-964 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0px 0px 0px 4px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 68.09701492537313%;
}

.frame-75-953 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  padding: 0px 0px 16px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  border-bottom: 0.75px solid rgba(130, 13, 91, 1);
}

.vector-4-969 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-5-970 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-6-971 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-3-972 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vi-eta-968 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-10-975 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.4117647409439087px solid rgba(110, 40, 90, 1);
  border: none;
  outline: none;
}

.subtract-976 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(110, 40, 90, 1);
  border: none;
  outline: none;
}

.frame-77-977 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0px 0px 0px 40px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 76.67910447761194%;
}

.frame-73-966 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  padding: 0px 0px 16px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  border-bottom: 0.75px solid rgba(130, 13, 91, 1);
}

.vector-4-982 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-5-983 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-6-984 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-3-985 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vi-eta-981 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-10-988 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.4117647409439087px solid rgba(110, 40, 90, 1);
  border: none;
  outline: none;
}

.subtract-989 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(110, 40, 90, 1);
  border: none;
  outline: none;
}

.frame-77-990 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0px 0px 0px 40px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 74.6268656716418%;
}

.frame-76-979 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  padding: 0px 0px 16px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.frame-72-952 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-54-947 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  padding: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-12-945 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 40px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 91.21522693997072%;
}

.frame-62-944 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  padding: 88px 120px 88px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-8-996 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-53-995 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-4-1003 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-5-1004 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-6-1005 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-3-1006 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vi-eta-1002 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-10-1009 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.4117647409439087px solid rgba(110, 40, 90, 1);
  border: none;
  outline: none;
}

.subtract-1010 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(110, 40, 90, 1);
  border: none;
  outline: none;
}

.frame-77-1011 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0px 0px 0px 32px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 69.96268656716418%;
}

.frame-73-1000 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  padding: 0px 0px 16px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  border-bottom: 0.75px solid rgba(130, 13, 91, 1);
}

.vector-4-1016 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-5-1017 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-6-1018 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-3-1019 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vi-eta-1015 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-10-1022 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.4117647409439087px solid rgba(110, 40, 90, 1);
  border: none;
  outline: none;
}

.subtract-1023 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(110, 40, 90, 1);
  border: none;
  outline: none;
}

.frame-76-1024 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0px 0px 0px 40px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 72.01492537313433%;
}

.frame-74-1013 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  padding: 0px 0px 16px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  border-bottom: 0.75px solid rgba(130, 13, 91, 1);
}

.vector-4-1029 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-5-1030 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-6-1031 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-3-1032 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vi-eta-1028 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-10-1035 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.4117647409439087px solid rgba(110, 40, 90, 1);
  border: none;
  outline: none;
}

.subtract-1036 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(110, 40, 90, 1);
  border: none;
  outline: none;
}

.frame-78-1037 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 64.55223880597015%;
}

.frame-75-1026 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.frame-72-999 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-54-994 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  padding: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

.x-4-tips4-1039 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-12-993 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 40px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 91.21522693997072%;
}

.frame-63-992 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  padding: 88px 0px 88px 120px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.x-4-tips5-1042 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-8-1045 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-53-1044 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-4-1052 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-5-1053 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-6-1054 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-3-1055 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vi-eta-1051 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-10-1058 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.4117647409439087px solid rgba(110, 40, 90, 1);
  border: none;
  outline: none;
}

.subtract-1059 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(110, 40, 90, 1);
  border: none;
  outline: none;
}

.frame-78-1060 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px 0px 0px 56px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 80.22388059701493%;
}

.frame-75-1049 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  padding: 0px 0px 16px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  border-bottom: 0.75px solid rgba(130, 13, 91, 1);
}

.vector-4-1065 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-5-1066 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-6-1067 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-3-1068 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vi-eta-1064 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-10-1071 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.4117647409439087px solid rgba(110, 40, 90, 1);
  border: none;
  outline: none;
}

.subtract-1072 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(110, 40, 90, 1);
  border: none;
  outline: none;
}

.frame-77-1073 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 69.96268656716418%;
}

.frame-73-1062 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  padding: 0px 0px 16px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  border-bottom: 0.75px solid rgba(130, 13, 91, 1);
}

.vector-4-1078 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-5-1079 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-6-1080 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vector-3-1081 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.75px solid rgba(68, 5, 59, 1);
  border: none;
  outline: none;
}

.vi-eta-1077 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-10-1084 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.4117647409439087px solid rgba(110, 40, 90, 1);
  border: none;
  outline: none;
}

.subtract-1085 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(110, 40, 90, 1);
  border: none;
  outline: none;
}

.frame-77-1086 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0px 0px 0px 16px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 73.13432835820896%;
}

.frame-76-1075 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  padding: 0px 0px 16px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.frame-72-1048 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-54-1043 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  padding: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-12-1041 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 40px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 91.21522693997072%;
}

.frame-64-1040 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  padding: 88px 0px 88px 120px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-39-1089 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  padding: 88px 0px 88px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.node-1092 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-6-1091 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 11.857166290283203px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-1098 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.vector-1099 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.x-003-whatsapp-1-1097 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-85-1096 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.vector-1103 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.x-016-tiktok-1-1102 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-1105 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.vector-1106 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.vector-1107 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.x-011-instagram-1-1104 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-1109 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.x-001-facebook-1-1108 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.redes-1101 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-42-1094 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-41-1111 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-44-1115 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-1120 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.frame-45-1119 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 8px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 72.72727272727273%;
  border-bottom: 1px solid rgba(255, 255, 255, 1);
}

.vector-1-1123 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(130, 13, 91, 1);
  border: none;
  outline: none;
}

.frame-46-1114 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-47-1093 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 93px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.ellipse-4-1127 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(197, 150, 56, 1);
  border: none;
  outline: none;
}

.frame-7-1125 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-43-1124 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 95px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.frame-50-835 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.frame-50-835 picture {
  width: 100%;
  display: block;
}

.frame-50-835 .banner-overlay-text {
  top: 50%;
}

.text-1135 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.vector-1-1136 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.text-1138 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.nav-bar-1133 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  padding: 12px 120px 12px 120px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  background-color: rgba(110, 40, 90, 1);
}

.text-1142 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.text-1144 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.text-1146 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.frame-2-1140 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.node-1148 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-6-1147 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 11.964284896850586px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-1151 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.text-1153 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.text-1155 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.frame-1-1149 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.nav-bar-1139 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 0px 120px 0px 120px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  background-color: rgba(41, 41, 41, 0.24);
}

.ellipse-9-1157 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.vector-1158 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(53, 214, 113, 1);
  border: none;
  outline: none;
}

.vector-1159 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(53, 214, 113, 1);
  border: none;
  outline: none;
}

.senses-tips-834 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(255, 252, 247, 1);
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 1440px) {
  .senses-tips-834 {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (max-width: 768px) {
  .senses-tips-834 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .frame-50-835 {
    position: relative !important;
  }
}

a.prototype-link {
  text-decoration: none;
  color: inherit;
  display: contents;
}

.x-5-bar-banner-1162 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  height: auto;
}

.frame-12-1164 picture {
  flex-shrink: 0;
  width: 45%;
  display: block;
}

.x-5-bar1-1165 {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.frame-8-1168 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-53-1167 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px 120px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
}

.frame-53-1167 .body-body {
  text-align: left;
}

.text-1173 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.frame-54-1166 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  padding: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-12-1164 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 40px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.frame-16-1163 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  padding: 88px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
}

.x-5-bar2-1176 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.x-5-bar3-1177 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.x-5-bar4-1178 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.x-5-bar5-1179 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.x-5-bar6-1180 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-82-1175 picture,
.frame-83-1181 picture {
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
  display: block;
}

.frame-82-1175 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.x-5-bar7-1182 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.x-5-bar8-1183 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.x-5-bar9-1184 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.x-5-bar10-1185 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-83-1181 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.frame-84-1174 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 0px 0px 8px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
}

.frame-39-1187 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  padding: 88px 0px 88px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.node-1190 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-6-1189 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 11.857166290283203px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-1196 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.vector-1197 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.x-003-whatsapp-1-1195 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-85-1194 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.vector-1201 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.x-016-tiktok-1-1200 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-1203 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.vector-1204 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.vector-1205 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.x-011-instagram-1-1202 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-1207 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.x-001-facebook-1-1206 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.redes-1199 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-42-1192 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-41-1209 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-44-1213 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-1218 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.frame-45-1217 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 8px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 72.72727272727273%;
  border-bottom: 1px solid rgba(255, 255, 255, 1);
}

.vector-1-1221 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(130, 13, 91, 1);
  border: none;
  outline: none;
}

.frame-46-1212 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-47-1191 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 93px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.ellipse-4-1225 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(197, 150, 56, 1);
  border: none;
  outline: none;
}

.frame-7-1223 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-43-1222 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 95px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.frame-50-1161 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.rooftop-banner-container {
  position: relative;
  width: 100%;
}

.rooftop-banner-container .banner-overlay-text {
  top: 50%;
}

.text-1233 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.vector-1-1234 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.text-1236 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.nav-bar-1231 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  padding: 12px 120px 12px 120px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  background-color: rgba(110, 40, 90, 1);
}

.text-1240 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.text-1242 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.text-1244 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.frame-2-1238 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.node-1246 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-6-1245 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 11.964284896850586px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-1249 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.text-1251 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.text-1253 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.frame-1-1247 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.nav-bar-1237 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 0px 120px 0px 120px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  background-color: rgba(41, 41, 41, 0.24);
}

.ellipse-9-1255 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.vector-1256 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(53, 214, 113, 1);
  border: none;
  outline: none;
}

.vector-1257 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(53, 214, 113, 1);
  border: none;
  outline: none;
}

.rooftop-bar-1160 {
@media (max-width: 1440px) {
  .rooftop-bar-1160 {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (max-width: 768px) {
  .rooftop-bar-1160 {
    padding-left: 0px;
    padding-right: 0px;
  }
}
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(255, 252, 247, 1);
}

a.prototype-link {
  text-decoration: none;
  color: inherit;
  display: contents;
}

.gallery-banner-container {
  position: relative;
  width: 100%;
}

.gallery-banner-container .banner-overlay-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
  pointer-events: none;
}

.x-6-galeria-banner-1260 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  height: auto;
}

.x-6-galeria1-1263 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.x-6-galeria2-1264 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.x-6-galeria3-1265 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-82-1262 picture,
.frame-83-1266 picture,
.frame-84-1269 picture,
.frame-85-1273 picture {
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
  display: block;
}

.frame-82-1262 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.x-6-galeria4-1267 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.x-6-galeria5-1268 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-83-1266 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.x-6-galeria6-1270 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.x-6-galeria7-1271 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.x-6-galeria8-1272 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-84-1269 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.x-6-galeria9-1274 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.x-6-galeria10-1275 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-85-1273 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.frame-84-1261 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  padding: 88px 120px 88px 120px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  box-sizing: border-box;
}

.frame-39-1277 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  padding: 88px 0px 88px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.node-1280 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-6-1279 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 11.857166290283203px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-1286 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.vector-1287 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.x-003-whatsapp-1-1285 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-85-1284 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.vector-1291 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.x-016-tiktok-1-1290 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-1293 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.vector-1294 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.vector-1295 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.x-011-instagram-1-1292 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-1297 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.x-001-facebook-1-1296 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.redes-1289 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-42-1282 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-41-1299 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-44-1303 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-1308 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.frame-45-1307 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 8px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 72.72727272727273%;
  border-bottom: 1px solid rgba(255, 255, 255, 1);
}

.vector-1-1311 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(130, 13, 91, 1);
  border: none;
  outline: none;
}

.frame-46-1302 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-47-1281 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 93px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.ellipse-4-1315 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(197, 150, 56, 1);
  border: none;
  outline: none;
}

.frame-7-1313 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-43-1312 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 95px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.frame-50-1259 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  box-sizing: border-box;
}

.text-1323 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.vector-1-1324 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.text-1326 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.nav-bar-1321 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  padding: 12px 120px 12px 120px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  background-color: rgba(110, 40, 90, 1);
}

.text-1330 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.text-1332 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.text-1334 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.frame-2-1328 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.node-1336 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-6-1335 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 11.964284896850586px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-1339 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.text-1341 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.text-1343 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.frame-1-1337 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.nav-bar-1327 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 0px 120px 0px 120px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  background-color: rgba(41, 41, 41, 0.24);
}

.ellipse-9-1345 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.vector-1346 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(53, 214, 113, 1);
  border: none;
  outline: none;
}

.vector-1347 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(53, 214, 113, 1);
  border: none;
  outline: none;
}

.galeria-1258 {
@media (max-width: 1440px) {
  .galeria-1258 {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (max-width: 768px) {
  .galeria-1258 {
    padding-left: 0px;
    padding-right: 0px;
  }
}
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(255, 252, 247, 1);
}

.text-rgb-130-13-91 {

  color: rgba(110, 40, 90, 1);
}

a.prototype-link {
  text-decoration: none;
  color: inherit;
  display: contents;
}

.contact-banner-container {
  position: relative;
  width: 100%;
  padding-bottom: 60px;
}

.contact-banner-container .banner-overlay-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
  pointer-events: none;
}

.x-7-contacto-banner-1350 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  height: auto;
}

.frame-8-1355 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-53-1354 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
}

.frame-41-1359 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  padding: 0px 0px 16px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(130, 13, 91, 1);
  width: 100%;
}

.d-wa-morado-1365 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  width: 18px;
  height: 18px;
  object-fit: contain;
}

.frame-86-1364 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.d-tiktok-morado-1370 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  width: 18px;
  height: 18px;
  object-fit: contain;
}

.d-insta-morado-1372 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  width: 18px;
  height: 18px;
  object-fit: contain;
}

.d-face-morado-1376 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  width: 18px;
  height: 18px;
  object-fit: contain;
}

.redes-1369 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;

  flex-shrink: 1;
  flex-basis: auto;
}

.frame-42-1362 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
}

.frame-79-1358 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
}

.frame-54-1353 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  padding: 0px;
  flex: 0 0 calc(50% - 20px);
  width: calc(50% - 20px);
  min-width: 280px;
}

.frame-54-1353 .dk-h2-regular,
.frame-54-1353 .body-body,
.frame-54-1353 .body-sm-caps-regular {
  text-align: left;
}

.text-1383 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-rgb-41-41-41);
}

.selected-false {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  border-bottom: 1px solid rgba(41, 41, 41, 1);
}

.text-1385 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-rgb-41-41-41);
}

.text-1387 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-rgb-41-41-41);
}

.text-1389 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-rgb-41-41-41);
}

.campos-de-texto-1381 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 24px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
}

.frame-81-1380 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
}

.text-1392 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.frame-80-1379 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 32px;
  padding: 24px;
  flex: 0 0 calc(50% - 20px);
  width: calc(50% - 20px);
  min-width: 280px;
  background-color: rgba(250, 241, 227, 1);
  border-radius: 8px;
}

.frame-12-1352 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 40px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.frame-61-1351 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  padding: 88px 120px 88px 120px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  box-sizing: border-box;
}

.frame-39-1394 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  padding: 88px 0px 88px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.node-1397 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-6-1396 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 11.857166290283203px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-1403 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.vector-1404 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.x-003-whatsapp-1-1402 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-85-1401 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.vector-1408 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.x-016-tiktok-1-1407 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-1410 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.vector-1411 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.vector-1412 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.x-011-instagram-1-1409 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-1414 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(192, 154, 94, 1);
  border: none;
  outline: none;
}

.x-001-facebook-1-1413 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.redes-1406 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-42-1399 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-41-1416 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-44-1420 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-1425 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.frame-45-1424 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 8px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 72.72727272727273%;
  border-bottom: 1px solid rgba(255, 255, 255, 1);
}

.vector-1-1428 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(130, 13, 91, 1);
  border: none;
  outline: none;
}

.frame-46-1419 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-47-1398 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 93px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.ellipse-4-1432 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(197, 150, 56, 1);
  border: none;
  outline: none;
}

.frame-7-1430 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-43-1429 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 95px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.frame-50-1349 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-1440 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.vector-1-1441 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.text-1443 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.nav-bar-1438 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  padding: 12px 120px 12px 120px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  background-color: rgba(110, 40, 90, 1);
}

.text-1447 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.text-1449 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.text-1451 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.frame-2-1445 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.node-1453 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-6-1452 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 11.964284896850586px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-1456 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.text-1458 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.text-1460 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-white);
}

.frame-1-1454 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.nav-bar-1444 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 0px 120px 0px 120px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  background-color: rgba(41, 41, 41, 0.24);
}

.ellipse-9-1462 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.vector-1463 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(53, 214, 113, 1);
  border: none;
  outline: none;
}

.vector-1464 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(53, 214, 113, 1);
  border: none;
  outline: none;
}

.contacto-1348 {
@media (max-width: 1440px) {
  .contacto-1348 {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (max-width: 768px) {
  .contacto-1348 {
    padding-left: 0px;
    padding-right: 0px;
  }
}
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(255, 252, 247, 1);
}

.content-card {
  position: relative;
  width: 33.333%;
  height: 450px;
  overflow: hidden;
}

.content-card picture {
  width: 100%;
  height: 100%;
  display: block;
}

.card-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

.content-card:hover .card-bg {
  transform: scale(1.05);
}

.card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.25);
  transition: background 0.3s ease;
}

.content-card:hover .card-overlay {
  background: rgba(0, 0, 0, 0.4);
}

.card-title {
  font-family: var(--font-family-poppins);
  font-size: 32px;
  color: white;
  margin-bottom: 24px;
  font-weight: 400;
  text-shadow: 0 2px 4px rgba(0,0,0,0.3);
  text-transform: capitalize;
}

.card-btn {
  border: 1px solid white;
  color: white;
  background: transparent;
  padding: 12px 28px;
  text-decoration: none;
  font-family: var(--font-family-poppins);
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  transition: all 0.3s ease;
}

.card-btn:hover {
  background: white;
  color: #000;
}

@media (max-width: 992px) {
  .frame-21-60 {
    flex-direction: column;
  }
  .content-card {
    width: 100%;
    height: 350px;
  }
}

.frame-21-60 {
  gap: 0px !important;
}

.suite-banner-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.suite-banner-img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.suite-banner-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 90%;
    max-width: 800px;
    z-index: 10;
}

.suite-banner-text {

    font-family: var(--font-family-cormorant-infant);
    font-size: 61px;
    font-weight: 500;
    color: #F3DFA2;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: -0.01em;
    line-height: 1.1;
    text-shadow: 0 2px 10px rgba(0,0,0,0.5);
    margin: 0;
    padding: 0 24px;
}

.suite-banner-text i {
     font-family: var(--font-family-cormorant-infant);
    font-size: inherit;
    font-weight: 500;
    color: #ffdf81;
}

@media (max-width: 992px) {
    .suite-banner-text {
        font-size: 3rem;
    }
}

@media (max-width: 768px) {
    .suite-banner-text {
        font-size: 2rem;
    }
}

@media (max-width: 480px) {
    .suite-banner-text {
        font-size: 1.5rem;
    }
}

.frame-72-902, .frame-72-952 {
  gap: 0 !important;
}

.frame-73-903, .frame-74-916, .frame-75-929,
.frame-75-953, .frame-73-966, .frame-76-979 {
  display: grid !important;
  grid-template-columns: 280px 1fr !important;
  gap: 24px !important;
  align-items: center !important;
  padding: 24px 0 !important;
  width: 100% !important;
  border-bottom: 1px solid rgba(130, 13, 91, 1) !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
}

.frame-72-902 > div:last-child,
.frame-72-952 > div:last-child {
  border-bottom: none !important;
}

@media (max-width: 768px) {
  .frame-73-903, .frame-74-916, .frame-75-929,
  .frame-75-953, .frame-73-966, .frame-76-979 {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    align-items: flex-start !important;
  }
}

.frame-72-902 .frame-61,
.frame-72-952 .frame-61 {
  width: 100% !important;
  min-width: 0 !important;
  justify-content: flex-start !important;
  gap: 12px !important;
}

.frame-77-914, .frame-76-927, .frame-78-940,
.frame-78-964, .frame-77-977, .frame-77-990 {
  width: 100% !important;
  padding: 0 !important;
  text-align: left !important;
  justify-content: flex-start !important;
}

.frame-16-837,
.frame-61-895,
.frame-62-944,
.frame-63-992,
.frame-64-1040 {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.frame-12-838,
.frame-12-896,
.frame-12-945,
.frame-12-993,
.frame-12-1041 {
  width: 100% !important;
  max-width: 100% !important;
}

.x-4-tips1-839,
.x-4-tips2-943,
.x-4-tips3-946,
.x-4-tips4-1039,
.x-4-tips5-1042 {
  width: 100% !important;
  height: auto !important;
  object-fit: cover;
}

@media (max-width: 768px) {
  .frame-12-838,
  .frame-12-896,
  .frame-12-945,
  .frame-12-993,
  .frame-12-1041 {
    flex-direction: column !important;
  }

  /* Asegurar que la imagen (picture) vaya primero */
  .frame-12-838 picture,
  .frame-12-896 picture,
  .frame-12-945 picture,
  .frame-12-993 picture,
  .frame-12-1041 picture {
    order: -1 !important;
  }

  /* Asegurar que el contenido (texto) vaya después */
  .frame-54-840,
  .frame-54-897,
  .frame-54-947,
  .frame-54-994,
  .frame-54-1043 {
    order: 1 !important;
  }
}

.frame-54-840 {
  padding-right: 120px !important;
}

.frame-54-947 {
  padding-right: 120px !important;
}

.frame-54-1043 {
  padding-left: 120px !important;
}

.frame-54-897 {
  padding-left: 120px !important;
}

.frame-54-994 {
  padding-left: 120px !important;
}

@media (max-width: 1024px) {
  .frame-54-840,
  .frame-54-947 {
    padding-right: 60px !important;
  }
  .frame-54-897,
  .frame-54-994,
  .frame-54-1043 {
    padding-left: 60px !important;
  }
}

@media (max-width: 768px) {
  .frame-54-840,
  .frame-54-947,
  .frame-54-1043,
  .frame-54-897,
  .frame-54-994 {
    padding: 0 24px !important;
  }
}

.frame-12-838,
.frame-12-896,
.frame-12-945,
.frame-12-993,
.frame-12-1041 {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  gap: 0 !important;
  padding: 0 !important;
}

.x-4-tips1-839,
.x-4-tips2-943,
.x-4-tips3-946,
.x-4-tips4-1039,
.x-4-tips5-1042 {
  width: 100% !important;
  flex: none !important;
  max-width: 100% !important;
  object-fit: cover !important;
  height: auto !important;
  margin: 0 !important;
}

.frame-54-840,
.frame-54-897,
.frame-54-947,
.frame-54-994,
.frame-54-1043 {
  width: 50% !important;
  flex: 0 0 50% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

@media (max-width: 1024px) {

  .frame-12-838,
  .frame-12-896,
  .frame-12-945,
  .frame-12-993,
  .frame-12-1041 {
    flex-direction: column !important;
  }

  .x-4-tips1-839,
  .x-4-tips2-943,
  .x-4-tips3-946,
  .x-4-tips4-1039,
  .x-4-tips5-1042 {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .frame-54-840,
  .frame-54-897,
  .frame-54-947,
  .frame-54-994,
  .frame-54-1043 {
    width: 100% !important;
    flex: 0 0 100% !important;
    padding: 40px 24px !important;
  }

  .frame-12-838 picture,
  .frame-12-896 picture,
  .frame-12-945 picture,
  .frame-12-993 picture,
  .frame-12-1041 picture {
    order: -1;
  }
}

.frame-12-838 picture,
.frame-12-896 picture,
.frame-12-945 picture,
.frame-12-993 picture,
.frame-12-1041 picture {
  flex-shrink: 0;
  width: 40%;
  display: block;
}

.x-4-tips1-839,
.x-4-tips2-943,
.x-4-tips3-946,
.x-4-tips4-1039,
.x-4-tips5-1042 {
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  flex-shrink: 0 !important;
}

.frame-54-840,
.frame-54-897,
.frame-54-947,
.frame-54-994,
.frame-54-1043 {
  flex-grow: 1 !important;
  width: auto !important;
  text-align: left !important;
  align-items: flex-start !important;
}

.frame-12-838,
.frame-12-896,
.frame-12-945,
.frame-12-993,
.frame-12-1041 {
  gap: 60px !important;
  justify-content: space-between !important;
}

@media (max-width: 1024px) {
  .frame-12-838 picture,
  .frame-12-896 picture,
  .frame-12-945 picture,
  .frame-12-993 picture,
  .frame-12-1041 picture {
    width: 50% !important;
  }

  .x-4-tips1-839,
  .x-4-tips2-943,
  .x-4-tips3-946,
  .x-4-tips4-1039,
  .x-4-tips5-1042 {
    width: 100% !important;
  }
}

@media (max-width: 768px) {
  .frame-12-838 picture,
  .frame-12-896 picture,
  .frame-12-945 picture,
  .frame-12-993 picture,
  .frame-12-1041 picture {
    width: 100% !important;
  }

  .x-4-tips1-839,
  .x-4-tips2-943,
  .x-4-tips3-946,
  .x-4-tips4-1039,
  .x-4-tips5-1042 {
    width: 100% !important;
  }

  .frame-12-838,
  .frame-12-896,
  .frame-12-945,
  .frame-12-993,
  .frame-12-1041 {
    gap: 32px !important;
  }
}

.frame-73-903, .frame-74-916, .frame-75-929,
.frame-75-953, .frame-73-966, .frame-76-979,
.frame-73-1000, .frame-74-1013, .frame-75-1026,
.frame-75-1049, .frame-73-1062, .frame-76-1075 {
  display: grid !important;
  grid-template-columns: 200px 1fr !important;
  gap: 32px !important;
  width: 100% !important;
  padding: 24px 0 !important;
  border-bottom: 1px solid rgba(110, 40, 90, 0.3) !important;
  align-items: start !important;
}

.frame-73-903 > *, .frame-74-916 > *, .frame-75-929 > *,
.frame-75-953 > *, .frame-73-966 > *, .frame-76-979 > *,
.frame-73-1000 > *, .frame-74-1013 > *, .frame-75-1026 > *,
.frame-75-1049 > *, .frame-73-1062 > *, .frame-76-1075 > * {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
}

.frame-73-903 .frame-61, .frame-74-916 .frame-61, .frame-75-929 .frame-61,
.frame-75-953 .frame-61, .frame-73-966 .frame-61, .frame-76-979 .frame-61,
.frame-73-1000 .frame-61, .frame-74-1013 .frame-61, .frame-75-1026 .frame-61,
.frame-75-1049 .frame-61, .frame-73-1062 .frame-61, .frame-76-1075 .frame-61 {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  justify-content: flex-start !important;
}

.frame-73-903 .frame-61 .body-body, .frame-74-916 .frame-61 .body-body, .frame-75-929 .frame-61 .body-body,
.frame-75-953 .frame-61 .body-body, .frame-73-966 .frame-61 .body-body, .frame-76-979 .frame-61 .body-body,
.frame-73-1000 .frame-61 .body-body, .frame-74-1013 .frame-61 .body-body, .frame-75-1026 .frame-61 .body-body,
.frame-75-1049 .frame-61 .body-body, .frame-73-1062 .frame-61 .body-body, .frame-76-1075 .frame-61 .body-body {
  font-family: 'Cormorant Infant', serif !important;
  font-size: 18px !important;
  color: #444444 !important;
  margin: 0 !important;
}

.frame-77-914, .frame-76-927, .frame-78-940,
.frame-78-964, .frame-77-977, .frame-77-990,
.frame-77-1011, .frame-76-1024, .frame-78-1037,
.frame-78-1060, .frame-77-1073, .frame-77-1086 {
  display: block !important;
  padding: 0 !important;
  text-align: left !important;
}

.frame-77-914 .body-body, .frame-76-927 .body-body, .frame-78-940 .body-body,
.frame-78-964 .body-body, .frame-77-977 .body-body, .frame-77-990 .body-body,
.frame-77-1011 .body-body, .frame-76-1024 .body-body, .frame-78-1037 .body-body,
.frame-78-1060 .body-body, .frame-77-1073 .body-body, .frame-77-1086 .body-body {
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: #333333 !important;
}

.frame-8-899 .dk-h2-regular,
.frame-8-949 .dk-h2-regular,
.frame-8-996 .dk-h2-regular,
.frame-8-1045 .dk-h2-regular {
  font-family: 'Cormorant Infant', serif !important;
  font-size: 48px !important;
  color: rgba(110, 40, 90, 1) !important;
  margin-bottom: 16px !important;
}

@media (max-width: 768px) {
  .frame-73-903, .frame-74-916, .frame-75-929,
  .frame-75-953, .frame-73-966, .frame-76-979,
  .frame-73-1000, .frame-74-1013, .frame-75-1026,
  .frame-75-1049, .frame-73-1062, .frame-76-1075 {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
}

.frame-54-840 .body-body,
.frame-54-897 .body-body,
.frame-54-947 .body-body,
.frame-54-994 .body-body,
.frame-54-1043 .body-body {
  text-align: left !important;
}

.frame-73-903 .body-body, .frame-74-916 .body-body, .frame-75-929 .body-body,
.frame-75-953 .body-body, .frame-73-966 .body-body, .frame-76-979 .body-body,
.frame-73-1000 .body-body, .frame-74-1013 .body-body, .frame-75-1026 .body-body,
.frame-75-1049 .body-body, .frame-73-1062 .body-body, .frame-76-1075 .body-body {
  text-align: left !important;
}

.frame-53-841 .dk-h2-regular,
.frame-53-898 .dk-h2-regular,
.frame-53-948 .dk-h2-regular,
.frame-53-995 .dk-h2-regular,
.frame-53-1044 .dk-h2-regular {
  text-align: left !important;
}

.frame-73-903,
.frame-74-916,
.frame-75-929 {

  grid-template-columns: auto 1fr !important;

  gap: 32px !important;
}

@media (max-width: 768px) {
  .frame-73-903,
  .frame-74-916,
  .frame-75-929 {
    grid-template-columns: 1fr !important;
  }
}

.frame-72-902 {
  display: table !important;
  width: 100% !important;
  border-collapse: collapse !important;

  flex-direction: unset !important;
  gap: unset !important;
}

.frame-73-903,
.frame-74-916,
.frame-75-929 {
  display: table-row !important;

  grid-template-columns: unset !important;
  gap: unset !important;

  border-bottom: 1px solid rgba(110, 40, 90, 0.3) !important;
}

.frame-73-903 .frame-61,
.frame-74-916 .frame-61,
.frame-75-929 .frame-61 {
  display: table-cell !important;
  width: 1% !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  padding: 16px 32px 16px 0px !important;

}

.frame-77-914,
.frame-76-927,
.frame-78-940 {
  display: table-cell !important;
  vertical-align: middle !important;
  padding: 16px 0px !important;
}

.frame-73-903 .frame-61,
.frame-74-916 .frame-61,
.frame-75-929 .frame-61 {
  display: table-cell !important;
  width: 1% !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  padding: 16px 32px 16px 0px !important;
}

.frame-73-903 .frame-61 > *,
.frame-74-916 .frame-61 > *,
.frame-75-929 .frame-61 > * {
  display: inline-block !important;
  vertical-align: middle !important;
}

.frame-73-903 .frame-61 .body-body,
.frame-74-916 .frame-61 .body-body,
.frame-75-929 .frame-61 .body-body {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.frame-73-903 .frame-61,
.frame-74-916 .frame-61,
.frame-75-929 .frame-61 {

  padding: 16px 80px 16px 0px !important;
}

.frame-72-902,
.frame-72-952,
.frame-72-999,
.frame-72-1048  {
  display: table !important;
  width: 100% !important;
  border-collapse: collapse !important;
  flex-direction: unset !important;
  gap: unset !important;
}

.frame-73-903, .frame-74-916, .frame-75-929,
.frame-75-953, .frame-73-966, .frame-76-979,
.frame-73-1000, .frame-74-1013, .frame-75-1026,
.frame-75-1049, .frame-73-1062, .frame-76-1075  {
  display: table-row !important;
  border-bottom: 1px solid rgba(110, 40, 90, 0.3) !important;
  grid-template-columns: unset !important;
  gap: unset !important;
}

.frame-73-903 .frame-61, .frame-74-916 .frame-61, .frame-75-929 .frame-61,
.frame-75-953 .frame-61, .frame-73-966 .frame-61, .frame-76-979 .frame-61,
.frame-73-1000 .frame-61, .frame-74-1013 .frame-61, .frame-75-1026 .frame-61,
.frame-75-1049 .frame-61, .frame-73-1062 .frame-61, .frame-76-1075 .frame-61 {
  display: table-cell !important;
  width: 1% !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  padding: 16px 80px 16px 0px !important;
}

.frame-73-903 .frame-61 > *, .frame-74-916 .frame-61 > *, .frame-75-929 .frame-61 > *,
.frame-75-953 .frame-61 > *, .frame-73-966 .frame-61 > *, .frame-76-979 .frame-61 > *,
.frame-73-1000 .frame-61 > *, .frame-74-1013 .frame-61 > *, .frame-75-1026 .frame-61 > *,
.frame-75-1049 .frame-61 > *, .frame-73-1062 .frame-61 > *, .frame-76-1075 .frame-61 > * {
  display: inline-block !important;
  vertical-align: middle !important;
}

.frame-73-903 .frame-61 .body-body, .frame-74-916 .frame-61 .body-body, .frame-75-929 .frame-61 .body-body,
.frame-75-953 .frame-61 .body-body, .frame-73-966 .frame-61 .body-body, .frame-76-979 .frame-61 .body-body,
.frame-73-1000 .frame-61 .body-body, .frame-74-1013 .frame-61 .body-body, .frame-75-1026 .frame-61 .body-body,
.frame-75-1049 .frame-61 .body-body, .frame-73-1062 .frame-61 .body-body, .frame-76-1075 .frame-61 .body-body {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.frame-77-914, .frame-76-927, .frame-78-940,
.frame-78-964, .frame-77-977, .frame-77-990,
.frame-77-1011, .frame-76-1024, .frame-78-1037,
.frame-78-1060, .frame-77-1073, .frame-77-1086  {
  display: table-cell !important;
  vertical-align: middle !important;
  padding: 16px 0px !important;
}

@media (max-width: 768px) {
  .frame-72-902, .frame-72-952, .frame-72-999, .frame-72-1048 {
    display: flex !important;
    flex-direction: column !important;
  }

  .frame-73-903, .frame-74-916, .frame-75-929,
  .frame-75-953, .frame-73-966, .frame-76-979,
  .frame-73-1000, .frame-74-1013, .frame-75-1026,
  .frame-75-1049, .frame-73-1062, .frame-76-1075 {
    display: flex !important;
    flex-direction: column !important;
    border-bottom: 1px solid rgba(110, 40, 90, 0.3) !important;
    padding-bottom: 16px !important;
    margin-bottom: 16px !important;
  }

  .frame-73-903 .frame-61, .frame-74-916 .frame-61, .frame-75-929 .frame-61,
  .frame-75-953 .frame-61, .frame-73-966 .frame-61, .frame-76-979 .frame-61,
  .frame-73-1000 .frame-61, .frame-74-1013 .frame-61, .frame-75-1026 .frame-61,
  .frame-75-1049 .frame-61, .frame-73-1062 .frame-61, .frame-76-1075 .frame-61 {
    display: flex !important;
    width: 100% !important;
    padding: 0px 0px 8px 0px !important;
  }

  .frame-77-914, .frame-76-927, .frame-78-940,
  .frame-78-964, .frame-77-977, .frame-77-990,
  .frame-77-1011, .frame-76-1024, .frame-78-1037,
  .frame-78-1060, .frame-77-1073, .frame-77-1086 {
    display: block !important;
    padding: 0px !important;
  }
}

.nav-item-custom {
  position: relative !important;
}

.nav-item-custom a {
  display: inline-block;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-item-custom:hover a,
.nav-item-custom.active a {
  transform: translateY(-3px);
}

.nav-item-custom::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 50%;
  width: 6px;
  height: 6px;
  background-color: white;
  border-radius: 50%;
  opacity: 0;
  transform: translateX(-50%) translateY(10px) scale(0.5);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}

.nav-item-custom:hover::after,
.nav-item-custom.active::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0) scale(1);
}

.dropdown-container {
  position: relative;
  z-index: 1000;
}

.dropdown-container::after {
    display: none;
}

.dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: auto;
  background-color: transparent;
  min-width: 260px;
  z-index: 1001;

  margin-top: 0;
  padding-top: 20px;
}

.dropdown-content-wrapper {
  background-color: #6E285A;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  border-radius: 0 0 4px 4px;
  overflow: hidden;
  margin-top: 0;
}

.dropdown-menu::before {
    display: none;
}

.dropdown-container:hover .dropdown-menu {
  display: block;

}

.dropdown-item {
  color: white;
  padding: 15px 20px;
  text-decoration: none;
  display: block;
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: background-color 0.3s;
}

.dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.dropdown-item.active {
    color: rgba(255, 255, 255, 0.6) !important;
}

.dropdown-divider {
    height: 1px;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 0;
  }

.mobile-menu-toggle {
    display: none;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-left: 20px;
    z-index: 1002;
}

.mobile-menu-toggle img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2000;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s;
    display: block;
    transform: none;
}

.mobile-menu-overlay.active {
    visibility: visible;
    opacity: 1;
}

.mobile-menu-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mobile-menu-content {
    position: absolute;
    top: 0;
    right: 0;
    width: 320px;
    max-width: 85%;
    height: auto;
    min-height: 200px;
    max-height: 100vh;
    overflow-y: auto;
    background-color: #6E285A;
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: -5px 5px 25px rgba(0,0,0,0.3);
    border-bottom-left-radius: 20px;
}

.mobile-menu-overlay.active .mobile-menu-content {
    transform: translateX(0);
}

.mobile-menu-header {
    height: 60px;
    background-color: transparent;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 20px;
}

.close-menu-btn {
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s;
}

.close-menu-btn:hover {
    transform: rotate(90deg);
}

.close-menu-btn img, .close-menu-btn svg {
    width: 24px;
    height: 24px;
}

.mobile-nav-links {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 20px;

}

.typo-mobile-h1 {
    font-family: 'Cormorant Infant', serif;
    font-weight: 500;
    font-size: 40px;
    line-height: 100%;
}

.typo-mobile-h1-italic {
    font-family: 'Cormorant Infant', serif;
    font-weight: 500;
    font-style: italic;
    font-size: 40px;
    line-height: 100%;
}

.typo-mobile-h2 {
    font-family: 'Cormorant Infant', serif;
    font-weight: 400;
    font-size: 32px;
    line-height: 110%;
}

.typo-mobile-h3 {
    font-family: 'MonteCarlo', cursive;
    font-weight: 400;
    font-size: 24px;
    line-height: 110%;
}

.typo-mobile-h4 {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 130%;
}

.typo-mobile-body {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
}

.typo-mobile-body-semibold {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
}

.typo-mobile-sm-light {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 13px;
    line-height: 150%;
}

.typo-mobile-sm-smallcaps {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 13px;
    line-height: 150%;
    text-transform: uppercase;
}

.typo-mobile-xsm {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 130%;
}

.typo-mobile-xsm-smallcaps {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 130%;
    text-transform: uppercase;
}

.mobile-nav-item {
    color: white;

    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 400;

    text-transform: capitalize;
    text-decoration: none;
    padding: 20px 30px;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    letter-spacing: 0;
    transition: background-color 0.2s, padding-left 0.2s;
}

.mobile-nav-item:hover {
    background-color: rgba(255, 255, 255, 0.05);
    padding-left: 40px;
}

.mobile-nav-item:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

@media (max-width: 1024px) {

    .nav-bar-195 {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 0 20px !important;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        position: relative;
        z-index: 10;
        width: 100% !important;
    }

    .desktop-nav {

        display: flex !important;
    }

    .frame-2-196, .frame-1-205 {
        display: none !important;
    }

    .logo-5ta-menu-203 {
        margin: 0 !important;
        order: 1;
    }

    .mobile-menu-toggle {
        display: flex;
        order: 2;
        margin-left: auto;
    }

    .nav-bar-189 {
        justify-content: space-between;
        padding: 5px 10px;
        background-color: #6E285A;
        align-items: center;
        flex-wrap: nowrap;
        gap: 5px;
    }

    .menu {
        padding-top: 0px;
    }

    .header-reserva-btn {
        display: block !important;
        margin-left: 5px;
        border: none !important;
        padding: 0 !important;
        flex-shrink: 0;
    }

    .text-194 {
        display: block !important;
        border: 1px solid white !important;
        outline: none;
        box-shadow: none;
        padding: 8px 12px;
        border-radius: 4px;
        transition: background-color 0.3s;
        text-decoration: none !important;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-size: 11px;
        white-space: nowrap;
    }

    .text-194:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .text-194 span {
        font-size: 11px;
        letter-spacing: 1.5px;
        font-weight: 500;
    }

    .text-191 {
        font-size: 11px !important;
    }

    .dropdown-menu {
        right: auto !important;
        left: 0 !important;
    }
}

/* Suites - Layout Fixes (Desktop) */
.frame-53-223 .body-body,
.frame-53-360 .body-body,
.frame-53-530 .body-body {
  text-align: left;
}

.frame-12-220, .frame-12-358, .frame-12-510 {
  box-sizing: border-box;
}
.frame-12-220 *, .frame-12-358 *, .frame-12-510 * {
  box-sizing: border-box;
}
.frame-12-220 picture, .frame-12-358 picture, .frame-12-510 picture {
  flex-shrink: 0;
  width: 50%;
  flex-basis: 50%;
  display: block;
}
.frame-54-222, .frame-54-359, .frame-54-529 {
    box-sizing: border-box;
}

/* Responsive Fixes for Index and Suites */
@media (max-width: 1024px) {
  /* Experience Section - Tablet Spacing */
  .frame-49-54 {
    padding-left: 40px !important;
    padding-right: 40px !important;
    box-sizing: border-box !important;
  }
  
  .frame-21-60 {
    padding: 0 20px !important;
    box-sizing: border-box !important;
  }

  /* Intro Section - Tablet Spacing */
  .frame-14-6 {
    padding-left: 40px !important;
    padding-right: 40px !important;
    box-sizing: border-box !important;
  }

  /* Suites - Tablet Adjustments */
  .frame-12-220,
  .frame-12-358,
  .frame-12-510 {
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
  }
  
  .frame-12-358 {
    flex-direction: column-reverse !important;
  }

  .frame-54-222,
  .frame-54-359,
  .frame-54-529 {
    width: 100% !important;
    flex-basis: auto !important;
    padding: 40px 20px !important;
  }

  .frame-12-220 picture,
  .frame-12-358 picture,
  .frame-12-510 picture {
    width: 100% !important;
    flex-basis: auto !important;
  }
  
  .x-2-junior1-221,
  .x-2-deluxejacuzzi1-491,
  .x-2-deluxeking1-511 {
    width: 100% !important;
    height: auto !important;
  }
  
  .amenidades {
    flex-wrap: wrap !important;
  }
}

@media (max-width: 768px) {
   /* Suites - Mobile Amenities Layout */
   .amenidades {
     flex-direction: column !important;
     justify-content: center !important;
     align-items: center !important;
     text-align: center !important;
     gap: 8px !important;
     width: 100% !important;
   }
   
   .amenidades .body-xsm-regular {
     text-align: center !important;
   }
   
   .frame-26-231, .frame-26-368, .frame-26-538 {
      display: grid !important;
      grid-template-columns: repeat(3, 1fr) !important;
      gap: 20px !important;
      justify-items: center !important;
   }

  /* Index - Rooms Section */
  .hero-background-video {
    width: 100% !important;
    height: 100vh !important;
    object-fit: cover !important;
  }
  
  .frame-16-17, 
  .frame-49-54,
  .frame-28-64,
  .frame-29-70,
  .frame-38-76 {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    padding: 40px 20px !important;
  }
  
  .frame-12-18,
  .frame-17-19,
  .frame-15-24,
  .frame-10-25,
  .frame-11-34,
  .frame-12-45 {
    width: 100% !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  /* Index - Header Content */
  .frame-17-19 {
    align-items: flex-start !important;
    gap: 20px !important;
  }
  
  .rooms-header-left {
    max-width: 100% !important;
    width: 100% !important;
  }

  /* Index - Room Cards */
  .frame-10-25, .frame-11-34, .frame-12-45 {
    gap: 20px !important;
  }

  .inicio_hab1-26, .inicio_hab2-35, .inicio_hab3-46 {
    width: 100% !important;
    height: auto !important;
  }

  /* Index - Experience */
  .frame-22-56 {
    width: 100% !important;
    padding: 0 !important;
  }
  
  .frame-21-60 {
    flex-direction: column !important;
    width: 100% !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
  }
  
  .content-card {
    width: 100% !important;
    margin-bottom: 20px;
  }

  /* Index - Amenities/Location Images */
  .inicio2-65, .inicio3-71 {
    width: 100% !important;
    height: auto !important;
  }
  
  .frame-22-66, .frame-22-72 {
    width: 100% !important;
    padding: 20px 0 !important;
  }

  /* Index - Reviews */
  .frame-35-78 {
    flex-direction: column !important;
    gap: 20px !important;
    overflow-x: hidden !important; 
  }
  
  .review-card {
    width: 100% !important;
  }

  /* Suites - General */
  .frame-12-220,
  .frame-12-358,
  .frame-12-510 {
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
  }

  /* Suites - Reverse column for specific layouts if needed */
  .frame-12-358 {
    flex-direction: column-reverse !important; 
  }

  /* Suites - Content Containers */
  .frame-54-222,
  .frame-54-359,
  .frame-54-529 {
    width: 100% !important;
    flex-basis: auto !important;
    padding: 40px 20px !important;
  }

  /* Suites - Images */
  .frame-12-220 picture,
  .frame-12-358 picture,
  .frame-12-510 picture {
    width: 100% !important;
    flex-basis: auto !important;
  }

  .x-2-junior1-221,
  .x-2-deluxejacuzzi1-491,
  .x-2-deluxeking1-511 {
    width: 100% !important;
    flex-basis: auto !important;
    height: auto !important;
  }

  /* Suites - Amenities List */
  .amenidades {
    width: 100% !important;
    flex-wrap: wrap !important;
  }

  /* Suites - Banner Text */
  .suite-banner-text {
    font-size: 32px !important;
    padding: 0 20px;
  }
  
  .suite-banner-img {
    height: 100vh !important;
    object-fit: cover !important;
    width: 100% !important;
  }
  
  /* Typography Adjustments */
  .dk-h2-regular {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }
  
  .body-body {
    font-size: 16px !important;
  }
}

@media (max-width: 1024px) {
  .frame-5-11 {
    flex-direction: column !important;
    text-align: center !important;
    align-items: center !important;
    gap: 20px !important;
    padding: 24px 20px !important;
  }
  
  .frame-5-11 .body-body {
    text-align: center !important;
  }
  
  .frame-5-11 .color-violet-device-desktop-selected-false {
    align-self: center !important;
    margin: 0 auto !important;
  }
  
  .booking-banner-container {
    padding: 0 10px !important;
    margin-top: -30px !important; 
  }
}

/* Responsive Fixes for Experiences Page */
@media (max-width: 1024px) {
  /* Tablet Banner Fix */
  .frame-50-685 {
    position: relative !important;
    width: 100% !important;
  }
  
  .x-3-experiencia-banner-686 {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }

  .frame-50-685 picture {
    width: 100% !important;
    display: block !important;
  }
}

@media (max-width: 768px) {
  /* Banner */
  .frame-50-685 {
    position: relative !important;
  }
  
  .x-3-experiencia-banner-686 {
    height: 100vh !important;
    object-fit: cover !important;
    width: 100% !important;
  }
  
  .banner-overlay-text {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 90% !important;
    text-align: center !important;
  }
  
  .banner-overlay-text h1 {
    font-size: 40px !important;
    color: #F3DFA2 !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5) !important;
  }
  
  /* Intro Text */
  .frame-60-687 {
    padding: 40px 20px !important;
  }
  
  .frame-12-688 {
    align-items: center !important;
    text-align: center !important;
  }
  
  .frame-12-688 .dk-h2-regular {
    font-size: 28px !important;
  }

  /* Experience Cards Grid */
  .frame-15-691 {
    display: flex !important;
    flex-direction: column !important;
    padding: 0 20px 40px 20px !important;
    gap: 40px !important;
  }
  
  .experience-card {
    width: 100% !important;
    margin-bottom: 20px !important;
  }
  
  .experience-card img {
    height: auto !important;
    max-height: 250px !important;
  }
  
  /* Card Content */
  .frame-9-694, .frame-9-702, .frame-9-710, 
  .frame-9-716, .frame-9-722, .frame-9-728, 
  .frame-9-734, .frame-9-742, .frame-9-750, 
  .frame-9-756 {
    padding-top: 20px !important;
    gap: 20px !important;
  }
  
  .frame-8-695, .frame-8-703, .frame-8-711,
  .frame-8-717, .frame-8-723, .frame-8-729,
  .frame-8-735, .frame-8-743, .frame-8-751,
  .frame-8-757 {
    align-items: flex-start !important;
    text-align: left !important;
  }
  
  .color-violet-device-desktop-selected-false {
    align-self: flex-start !important;
  }
}

/* Responsive Fixes for Senses Tips Page (max-width: 768px) */
@media (max-width: 1024px) {
  /* Tablet Banner Fix */
  .senses-tips-834 {
    padding: 0 !important;
    width: 100% !important;
  }

  .frame-50-835 {
    width: 100% !important;
  }

  .x-4-tips-banner-836 {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }

  .frame-50-835 picture {
    width: 100% !important;
    display: block !important;
  }
}

@media (max-width: 768px) {
  /* Main Container - Full Width for Banner */
  .senses-tips-834 {
    padding: 0 !important;
  }

  /* Banner */
  .frame-50-835 {
    margin-bottom: 60px !important;
  }

  .x-4-tips-banner-836 {
      height: auto !important;
      min-height: unset !important;
      object-fit: contain !important;
      width: 100% !important;
  }
  
  .banner-overlay-text {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 90% !important;
    text-align: center !important;
  }
  
  .banner-overlay-text h1 {
    font-size: 32px !important;
    color: #F3DFA2 !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5) !important;
  }
  
  /* Content Wrappers - Add Padding Back */
  .frame-16-837,
  .frame-61-895,
  .frame-62-944,
  .frame-63-992,
  .frame-64-1040 {
    padding: 0 16px !important;
  }
  
  /* Content Sections */
  .frame-12-838,
  .frame-12-896,
  .frame-12-945,
  .frame-12-993,
  .frame-12-1041 {
    flex-direction: column !important;
    gap: 32px !important;
  }
  
  /* Reverse specific sections (Restaurantes, Bar) to show Image on top */
  .frame-12-896,
  .frame-12-993 {
    flex-direction: column-reverse !important;
  }
  
  .frame-54-840,
  .frame-54-897,
  .frame-54-947,
  .frame-54-994,
  .frame-54-1043 {
    padding: 0 20px !important;
    width: 100% !important;
  }

  /* Lists Grid/Flex */
  .frame-63-845,
  .frame-72-902,
  .frame-72-952,
  .frame-72-999,
  .frame-72-1048 {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
  }
  
  .frame-73-903, .frame-74-916, .frame-75-929,
  .frame-75-953, .frame-73-966, .frame-76-979,
  .frame-73-1000, .frame-74-1013, .frame-75-1026,
  .frame-75-1049, .frame-73-1062, .frame-76-1075
  {
     flex-direction: column !important;
     align-items: flex-start !important;
     gap: 15px !important;
  }

  /* Images */
  .x-4-tips1-839,
  .x-4-tips2-943,
  .x-4-tips3-946,
  .x-4-tips4-1039,
  .x-4-tips5-1042 {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
}

/* Responsive Fixes for Gallery Page (max-width: 768px) */
@media (max-width: 768px) {
  /* Banner */
  .gallery-banner-container {
      position: relative !important;
      margin-bottom: 40px !important;
  }
  
  .x-6-galeria-banner-1260 {
      height: 100vh !important;
      object-fit: cover !important;
      width: 100% !important;
  }
  
  .frame-84-1261 {
      padding: 40px 20px !important;
      width: 100% !important;
  }

  /* Grid Rows */
  .frame-82-1262,
  .frame-83-1266,
  .frame-84-1269,
  .frame-85-1273 {
    flex-wrap: wrap !important;
    gap: 10px !important;
  }
  
  .frame-82-1262 picture,
  .frame-83-1266 picture,
  .frame-84-1269 picture,
  .frame-85-1273 picture {
    width: 100% !important;
    flex-basis: auto !important;
    margin-bottom: 10px;
  }

  /* Images */
  .x-6-galeria1-1263, .x-6-galeria2-1264, .x-6-galeria3-1265,
  .x-6-galeria4-1267, .x-6-galeria5-1268,
  .x-6-galeria6-1270, .x-6-galeria7-1271, .x-6-galeria8-1272,
  .x-6-galeria9-1274, .x-6-galeria10-1275 {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 0 !important;
  }
}

/* Responsive Fixes for Rooftop Bar Page (max-width: 768px) */
@media (max-width: 768px) {
  /* Banner */
  .rooftop-banner-container {
      position: relative !important;
  }
  
  .x-5-bar-banner-1162 {
      height: auto !important;
      min-height: unset !important;
      object-fit: contain !important;
      width: 100% !important;
  }
  
  /* Info Section */
  .frame-12-1164 {
    flex-direction: column !important;
    gap: 30px !important;
  }
  
  .frame-12-1164 picture {
    width: 100% !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
  }

  .x-5-bar1-1165 {
    width: 100% !important;
    height: auto !important;
  }
  
  .frame-54-1166 {
    width: 100% !important;
    padding: 0 20px !important;
    align-items: flex-start !important;
  }
  
  .frame-53-1167 {
    padding: 0 !important;
    align-items: flex-start !important;
    text-align: left !important;
  }
  
  .frame-53-1167 .body-body {
    text-align: left !important;
  }

  .frame-8-1168 {
    align-items: flex-start !important;
    text-align: left !important;
  }
  
  /* Button alignment in Rooftop */
  .frame-54-1166 .color-violet-device-desktop-selected-false {
    align-self: flex-start !important;
  }
  
  /* Gallery */
  .frame-84-1174 {
    padding: 0 20px !important;
  }

  .frame-82-1175,
  .frame-83-1181 {
    flex-wrap: wrap !important;
    gap: 10px !important;
  }
  
  .frame-82-1175 picture,
  .frame-83-1181 picture {
    width: calc(50% - 5px) !important;
    flex-basis: calc(50% - 5px) !important;
    flex-grow: 1 !important;
    min-width: calc(50% - 5px) !important;
    margin-bottom: 0 !important;
  }

  .x-5-bar2-1176, .x-5-bar3-1177, .x-5-bar4-1178, .x-5-bar5-1179, .x-5-bar6-1180,
  .x-5-bar7-1182, .x-5-bar8-1183, .x-5-bar9-1184, .x-5-bar10-1185 {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 0 !important;
    object-fit: contain !important;
  }
}

/* Responsive Fixes for Contact Page (max-width: 768px) */
@media (max-width: 768px) {
  /* Banner */
  .contact-banner-container {
      position: relative !important;
  }
  
  .x-7-contacto-banner-1350 {
      height: 100vh !important;
      object-fit: cover !important;
      width: 100% !important;
  }
  
  /* Main Container */
  .frame-12-1352 {
    display: flex !important;
    flex-direction: column !important;
    gap: 40px !important;
  }
  
  .frame-61-1351 {
    padding: 20px 15px !important;
  }

  /* Orden para móvil: Texto primero, Formulario después */
  .frame-54-1353 {
    order: 1 !important;
    width: 100% !important;
    padding: 0 20px !important;
  }

  .frame-80-1379 {
    order: 2 !important;
    width: 100% !important;
    padding: 40px 15px !important;
  }
  
  .contacto-1348 {
      padding-bottom: 40px;
  }
}

/* =========================================
   Responsive Typography Adjustments
   ========================================= */

/* Tablet (max-width: 1024px) */
@media (max-width: 1024px) {
  /* H1 */
  .hero-text-overlay,
  .text-5,
  .suite-banner-text,
  .banner-overlay-text h1,
  h1 {
    font-family: var(--font-family-cormorant-infant) !important;
    font-weight: 400 !important;
    font-size: 52px !important;
    line-height: 110% !important;
    text-transform: uppercase !important;
  }

  .footer-cta-title {
    font-family: var(--font-family-cormorant-infant) !important;
    font-weight: 400 !important;
    font-size: 52px !important;
    line-height: 110% !important;
    text-transform: none !important;
  }

  .footer-cta-cursive {
    font-family: var(--font-family-montecarlo) !important;
    font-weight: 400 !important;
    font-size: 56px !important;
  }

  /* Banner Text Colors */
   .hero-text-overlay {
     color: #ffdf81 !important;
   }

   .suite-banner-text,
   .banner-overlay-text h1 {
     color: #F3DFA2 !important;
   }

  /* H2 */
  .dk-h2-regular,
  h2 {
    font-family: var(--font-family-cormorant-infant) !important;
    font-size: 38px !important;
    line-height: 110% !important;
  }

  /* H3 */
  .dk-h3,
  h3 {
    font-family: var(--font-family-montecarlo) !important;
    font-size: 30px !important;
    line-height: 110% !important;
  }
  
  /* Card Titles */
  .card-title {
    font-family: var(--font-family-poppins) !important;
  }

  /* H4 */
  .dk-h4-regular,
  h4 {
    font-family: var(--font-family-poppins) !important;
    font-size: 22px !important;
    line-height: 130% !important;
  }

  /* Body */
  .body-body,
  .footer-cta-subtitle,
  .footer-contact-item,
  .footer-address,
  .footer-subscribe-text,
  p {
    font-family: var(--font-family-poppins) !important;
    font-size: 16px !important;
    line-height: 150% !important;
  }

  /* Small Text (13px) */
  .text-14, .text-22,
  .text-1440, .text-1443, .text-1447, .text-1449, .text-1451,
  .text-1456, .text-1458, .text-1460,
  .footer-col-title,
  .footer-cta-button,
  small {
    font-family: var(--font-family-poppins) !important;
    font-size: 13px !important;
    line-height: 150% !important;
  }

  /* Extra Small Text (11px) */
  .body-xsm-caps-regular,
  .body-xsm-regular,
  .footer-bottom,
  .footer-bottom div {
    font-size: 11px !important;
    line-height: 130% !important;
  }
}

/* Mobile (max-width: 768px) */
@media (max-width: 768px) {
  /* H1 */
  .hero-text-overlay,
  .text-5,
  .suite-banner-text,
  .banner-overlay-text h1,
  .footer-cta-title,
  h1 {
    font-size: 40px !important;
    line-height: 100% !important;
  }

  .footer-cta-cursive {
    font-size: 32px !important;
  }

  /* H2 */
  .dk-h2-regular,
  h2 {
    font-size: 32px !important;
    line-height: 110% !important;
  }

  /* H3 */
  .dk-h3,
  h3 {
    font-size: 24px !important;
    line-height: 110% !important;
  }

  /* H4 */
  .dk-h4-regular,
  h4 {
    font-size: 20px !important;
    line-height: 130% !important;
  }

  /* Body */
  .body-body,
  .footer-cta-subtitle,
  .footer-contact-item,
  .footer-address,
  .footer-subscribe-text,
  p {
    font-size: 16px !important;
    line-height: 150% !important;
  }

  /* Small Text */
  .text-14, .text-22,
  .text-1440, .text-1443, .text-1447, .text-1449, .text-1451,
  .text-1456, .text-1458, .text-1460,
  .footer-col-title,
  .footer-cta-button,
  small {
    font-size: 13px !important;
    line-height: 150% !important;
    border-radius: 4px !important;
  }

    /* Extra Small Text */
  .body-xsm-caps-regular,
  .body-xsm-regular,
  .footer-bottom,
  .footer-bottom div {
    font-size: 11px !important;
    line-height: 130% !important;
  }
}

/* Fixed Language Switcher */
.lang-switcher-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: flex;
    flex-direction: column-reverse; /* Stack upwards */
    align-items: center;
    background-color: var(--text-rgb-250-241-227);
    padding: 10px 20px 0 20px;
    border-top-right-radius: 8px;
}

.current-lang {
    cursor: pointer;
    padding-bottom: 10px;
    line-height: 0;
}

.lang-options {
    display: none;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 10px;
}

.lang-options.show {
    display: flex;
    animation: fadeIn 0.3s;
}

.lang-switcher-fixed img {
    width: 28px;
    height: 28px;
    object-fit: cover;
    border-radius: 20%;
    transition: transform 0.3s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.current-lang:hover img,
.lang-options a:hover img {
    transform: translateY(-3px);
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* =========================================
   Reviews Carousel Styles
   ========================================= */
.reviews-carousel-window {
    width: 100%;
    overflow: hidden;
    position: relative;
    /* Optional: fade mask for smooth edges */
    -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
    mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
    padding: 20px 0; /* Add vertical space for shadows */
}

.reviews-carousel-track {
    display: flex;
    width: max-content;
    animation: scrollReviews 40s linear infinite;
}

.reviews-carousel-track:hover {
    animation-play-state: paused;
}

/* Override existing frame styles within carousel */
.reviews-carousel-track .frame-35-78 {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: stretch;
    gap: 24px !important;
    padding: 0 24px 0 0 !important; /* Right padding for gap between sets */
    width: auto !important;
    flex-shrink: 0;
    margin: 0 !important;
    background-color: transparent !important;
    overflow: visible !important;
}

/* Ensure review cards have fixed width in carousel */
.reviews-carousel-track .review-card {
    width: 350px !important; /* Fixed width for consistent carousel items */
    flex-shrink: 0;
    height: auto;
    background: #fff;
    border-radius: 8px;
    box-sizing: border-box;
    /* Ensure padding matches design or provides breathing room */
    padding: 24px !important; 
    box-shadow: 0 4px 10px rgba(0,0,0,0.05); /* Subtle shadow */
}

/* Animation */
@keyframes scrollReviews {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* Mobile Responsive Adjustments */
@media (max-width: 768px) {
    .reviews-carousel-track .review-card {
        width: 280px !important;
        padding: 16px !important;
    }
    
    /* Ensure track stays horizontal on mobile */
    .reviews-carousel-track {
        width: max-content !important;
    }
    
    /* Force row direction on mobile */
    .reviews-carousel-track .frame-35-78 {
        flex-direction: row !important;
        overflow: visible !important;
        gap: 16px !important;
        padding-right: 16px !important;
    }
    
    .reviews-carousel-window {
        padding: 10px 0;
    }
}

/* Senses Tips Responsive Fix - Force Image First */
@media (max-width: 768px) {
    /* Contenedores principales en columna */
    .frame-12-838,
    .frame-12-896,
    .frame-12-945,
    .frame-12-993,
    .frame-12-1041 {
        display: flex !important;
        flex-direction: column !important;
    }

    /* Forzar imagen primero */
    .frame-12-838 picture,
    .frame-12-896 picture,
    .frame-12-945 picture,
    .frame-12-993 picture,
    .frame-12-1041 picture {
        order: -1 !important;
        width: 100% !important;
    }

    /* Forzar texto después */
    .frame-54-840,
    .frame-54-897,
    .frame-54-947,
    .frame-54-994,
    .frame-54-1043 {
        order: 1 !important;
        width: 100% !important;
        padding: 20px 0 !important;
    }

    /* Shopping List Grid Layout */
    .frame-63-845 {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
        width: 100% !important;
    }

    /* Shopping List Items Alignment Fix */
    .frame-63-845 .frame-61 {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        width: 100% !important;
    }

    .frame-63-845 .frame-61 > div:first-child {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
    }

    .frame-63-845 .frame-61 .body-body {
        text-align: left !important;
        margin: 0 !important;
    }
}

/* UNIFICATION FIX FOR TIPS LISTS - RESTAURANTS, NIGHTCLUBS, BARS, CAFETERIAS */
/* Override all previous table/grid conflicts and enforce consistent Grid layout */
.frame-72-902, .frame-72-952, .frame-72-999, .frame-72-1048 {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  border-collapse: unset !important;
}

.frame-73-903, .frame-74-916, .frame-75-929,
.frame-75-953, .frame-73-966, .frame-76-979,
.frame-73-1000, .frame-74-1013, .frame-75-1026,
.frame-75-1049, .frame-73-1062, .frame-76-1075 {
  display: grid !important;
  grid-template-columns: min-content 1fr !important;
  gap: 32px !important;
  width: 100% !important;
  padding: 24px 0 !important;
  border-bottom: 1px solid rgba(110, 40, 90, 0.3) !important;
  align-items: start !important;
  margin-bottom: 0 !important;
}

/* Left Column (Icon + Title + Link) */
.frame-73-903 .frame-61, .frame-74-916 .frame-61, .frame-75-929 .frame-61,
.frame-75-953 .frame-61, .frame-73-966 .frame-61, .frame-76-979 .frame-61,
.frame-73-1000 .frame-61, .frame-74-1013 .frame-61, .frame-75-1026 .frame-61,
.frame-75-1049 .frame-61, .frame-73-1062 .frame-61, .frame-76-1075 .frame-61 {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: auto !important;
  min-width: 150px !important;
  padding: 0 !important;
  white-space: normal !important;
  gap: 8px !important;
}

/* Ensure link is not forced to right */
.frame-61 .openlink {
  margin-left: 0 !important;
  align-self: center !important;
}

/* Prevent icons from being squashed/cut */
.frame-61 > div:first-child,
.frame-61 .vi-eta-icon,
.frame-61 .openlink,
.frame-61 .open-link-icon {
    flex-shrink: 0 !important;
}

/* Ensure text takes available space properly */
.frame-61 .body-body {
    flex-grow: 0 !important;
    flex-shrink: 1 !important;
    min-width: 0 !important;
    margin-right: 10px !important;
}

/* Text Container (Description) */
.frame-77-914, .frame-76-927, .frame-78-940,
.frame-78-964, .frame-77-977, .frame-77-990,
.frame-77-1011, .frame-76-1024, .frame-78-1037,
.frame-78-1060, .frame-77-1073, .frame-77-1086 {
  display: block !important;
  padding: 0 !important;
  width: 100% !important;
  text-align: left !important;
}

/* Ensure inner text is left aligned */
.frame-77-914 .body-body, .frame-76-927 .body-body, .frame-78-940 .body-body,
.frame-78-964 .body-body, .frame-77-977 .body-body, .frame-77-990 .body-body,
.frame-77-1011 .body-body, .frame-76-1024 .body-body, .frame-78-1037 .body-body,
.frame-78-1060 .body-body, .frame-77-1073 .body-body, .frame-77-1086 .body-body {
  text-align: left !important;
  display: block !important;
  width: 100% !important;
}

/* Force left alignment on span elements inside body-body */
.frame-77-914 .body-body span, .frame-76-927 .body-body span, .frame-78-940 .body-body span,
.frame-78-964 .body-body span, .frame-77-977 .body-body span, .frame-77-990 .body-body span,
.frame-77-1011 .body-body span, .frame-76-1024 .body-body span, .frame-78-1037 .body-body span,
.frame-78-1060 .body-body span, .frame-77-1073 .body-body span, .frame-77-1086 .body-body span {
  text-align: left !important;
  display: block !important;
}

/* Override potential flex centering on the description containers */
.frame-77-914, .frame-76-927, .frame-78-940,
.frame-78-964, .frame-77-977, .frame-77-990,
.frame-77-1011, .frame-76-1024, .frame-78-1037,
.frame-78-1060, .frame-77-1073, .frame-77-1086 {
  display: block !important;
  padding: 0 !important;
  width: 100% !important;
  text-align: left !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
}

/* Unified Title Font & Size (Global - Desktop/Tablet/Mobile) */
.frame-73-903 .frame-61 .body-body, .frame-74-916 .frame-61 .body-body, .frame-75-929 .frame-61 .body-body,
.frame-75-953 .frame-61 .body-body, .frame-73-966 .frame-61 .body-body, .frame-76-979 .frame-61 .body-body,
.frame-73-1000 .frame-61 .body-body, .frame-74-1013 .frame-61 .body-body, .frame-75-1026 .frame-61 .body-body,
.frame-75-1049 .frame-61 .body-body, .frame-73-1062 .frame-61 .body-body, .frame-76-1075 .frame-61 .body-body {
  font-family: var(--font-family-poppins) !important;
  font-size: 16px !important;
  font-weight: normal !important;
  color: var(--text-rgb-41-41-41) !important;
  text-transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

/* Mobile Layout */
@media (max-width: 768px) {
  /* Stack columns on mobile */
  .frame-73-903, .frame-74-916, .frame-75-929,
  .frame-75-953, .frame-73-966, .frame-76-979,
  .frame-73-1000, .frame-74-1013, .frame-75-1026,
  .frame-75-1049, .frame-73-1062, .frame-76-1075 {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 16px 0 !important;
  }
  
  /* Left column takes full width on mobile */
  .frame-73-903 .frame-61, .frame-74-916 .frame-61, .frame-75-929 .frame-61,
  .frame-75-953 .frame-61, .frame-73-966 .frame-61, .frame-76-979 .frame-61,
  .frame-73-1000 .frame-61, .frame-74-1013 .frame-61, .frame-75-1026 .frame-61,
  .frame-75-1049 .frame-61, .frame-73-1062 .frame-61, .frame-76-1075 .frame-61 {
    width: 100% !important;
    justify-content: flex-start !important;
    gap: 12px !important;
  }
  
  /* Unified Title Size for Mobile Headers */
  .frame-8-899 .dk-h2-regular,
  .frame-8-949 .dk-h2-regular,
  .frame-8-996 .dk-h2-regular,
  .frame-8-1045 .dk-h2-regular {
    font-size: 32px !important;
    line-height: 1.2 !important;
    text-align: left !important;
  }
}

/* Gallery Mobile Layout Fix */
@media (max-width: 768px) {
  .frame-84-1261 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
    padding: 0 20px 40px 20px !important;
  }

  /* Flatten structure */
  .frame-82-1262,
  .frame-83-1266,
  .frame-84-1269,
  .frame-85-1273 {
    display: contents !important;
  }

  /* Reset picture styles */
  .frame-84-1261 picture {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
  }

  .frame-84-1261 picture img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 0 !important;
  }

  /* Full Width Items: 1, 2, 3, 6, 7, 8 */
  /* Image 1 */
  .frame-82-1262 picture:nth-child(1) {
    grid-column: 1 / -1 !important;
    aspect-ratio: auto !important;
  }

  /* Image 2 */
  .frame-82-1262 picture:nth-child(2) {
    grid-column: 1 / -1 !important;
    aspect-ratio: auto !important;
  }

  /* Image 3 */
  .frame-82-1262 picture:nth-child(3) {
    grid-column: 1 / -1 !important;
    aspect-ratio: auto !important;
  }
  
  /* Image 6 */
  .frame-84-1269 picture:nth-child(1) {
    grid-column: 1 / -1 !important;
    aspect-ratio: auto !important;
  }
  
  /* Image 7 */
  .frame-84-1269 picture:nth-child(2) {
    grid-column: 1 / -1 !important;
    aspect-ratio: auto !important;
  }
  
  /* Image 8 */
  .frame-84-1269 picture:nth-child(3) {
    grid-column: 1 / -1 !important;
    aspect-ratio: auto !important;
  }

  /* Split Items: 4, 5, 9, 10 */
  .frame-83-1266 picture:nth-child(1),
  .frame-83-1266 picture:nth-child(2),
  .frame-85-1273 picture:nth-child(1),
  .frame-85-1273 picture:nth-child(2) {
    grid-column: span 1 !important;
    aspect-ratio: auto !important;
  }
}