.solid-button-wrapper {
  display: contents;
}
 
.solid-button-container {
  display: flex;
  position: relative;
}
 
.solid-button-button {
  color: rgb(11, 18, 32);
  border: none;
  padding-top: var(--dl-layout-space-halfunit);
  padding-left: var(--dl-layout-space-doubleunit);
  border-radius: 50px;
  cursor: pointer; 
  padding-right: var(--dl-layout-space-doubleunit);
  padding-bottom: var(--dl-layout-space-halfunit);
  background-color: var(--dl-color-primary-100);
}
 
@media(max-width: 1600px) {
  .solid-button-button {
    color: rgb(11, 18, 32);
    background-color: var(--dl-color-primary-100);
  }
}

.solid-button-wrapper-tjtc {
  display: contents;
}
 
.solid-button-container1 {
  display: flex;
  position: relative;
}
 
.solid-button-button1 {
  color: rgb(11, 18, 32);
  border: none;
  padding-top: var(--dl-layout-space-halfunit);
  padding-left: var(--dl-layout-space-doubleunit);
  border-radius: 50px;
  cursor: pointer; 
  padding-right: var(--dl-layout-space-doubleunit);
  padding-bottom: var(--dl-layout-space-halfunit);
  background-color: var(--dl-color-primary-100);
}
 
@media(max-width: 1600px) {
  .solid-button-button1 {
    color: rgb(11, 18, 32);
    background-color: var(--dl-color-primary-100);
  }
}

.solid-button-wrapper-ciu0 {
  display: contents;
}
 
.solid-button-container2 {
  display: flex;
  position: relative;
}
 
.solid-button-button2 {
  color: rgb(11, 18, 32);
  border: none;
  padding-top: var(--dl-layout-space-halfunit);
  padding-left: var(--dl-layout-space-doubleunit);
  border-radius: 50px;
  cursor: pointer; 
  padding-right: var(--dl-layout-space-doubleunit);
  padding-bottom: var(--dl-layout-space-halfunit);
  background-color: var(--dl-color-primary-100);
}
 
@media(max-width: 1600px) {
  .solid-button-button2 {
    color: rgb(11, 18, 32);
    background-color: var(--dl-color-primary-100);
  }
}

.outline-button-wrapper {
  display: contents;
}
 
.outline-button-container {
  display: flex;
  position: relative;
}
 
.outline-button-button {
  color: var(--dl-color-gray-black);
  padding-top: var(--dl-layout-space-unit);
  border-color: var(--dl-color-primary-100);
  border-width: 1px;
  padding-left: var(--dl-layout-space-doubleunit);
  border-radius: 50px;
  cursor: pointer; 
  padding-right: var(--dl-layout-space-doubleunit);
  padding-bottom: var(--dl-layout-space-unit);
  background-color: var(--dl-color-gray-white);
}

.place-card-wrapper {
  display: contents;
}
 
.place-card-container1 {
  width: 300px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
 
.place-card-image {
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-top-left-radius: var(--dl-layout-radius-radius8);
  border-top-right-radius: var(--dl-layout-radius-radius8);
}
 
.place-card-container2 {
  width: 100%;
  display: flex;
  padding: var(--dl-layout-space-unit);
  align-items: center;
  flex-direction: column;
}
 
.place-card-text1 {
  color: var(--dl-color-theme-secondary2);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  padding-bottom: var(--dl-layout-space-halfunit);
}
 
.place-card-text2 {
  color: var(--dl-color-theme-accent1);
  font-size: 12px;
  max-width: 250px;
  margin-bottom: var(--dl-layout-space-doubleunit);
}
 
@media(max-width: 1600px) {
  .place-card-text1 {
    color: var(--dl-color-theme-secondary2);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
  }
}
 
@media(max-width: 767px) {
  .place-card-container1 {
    width: 200px;
  }
}
 
@media(max-width: 479px) {
  .place-card-container1 {
    width: 300px;
  }
}

.outline-button-wrapper-2316 {
  display: contents;
}
 
.outline-button-container1 {
  display: flex;
  position: relative;
}
 
.outline-button-button1 {
  color: var(--dl-color-gray-black);
  padding-top: var(--dl-layout-space-unit);
  border-color: var(--dl-color-primary-100);
  border-width: 1px;
  padding-left: var(--dl-layout-space-doubleunit);
  border-radius: 50px;
  cursor: pointer; 
  padding-right: var(--dl-layout-space-doubleunit);
  padding-bottom: var(--dl-layout-space-unit);
  background-color: var(--dl-color-gray-white);
}

.place-card-wrapper-id99 {
  display: contents;
}
 
.place-card-container3 {
  width: 300px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
 
.place-card-image1 {
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-top-left-radius: var(--dl-layout-radius-radius8);
  border-top-right-radius: var(--dl-layout-radius-radius8);
}
 
.place-card-container4 {
  width: 100%;
  display: flex;
  padding: var(--dl-layout-space-unit);
  align-items: center;
  flex-direction: column;
}
 
.place-card-text3 {
  color: var(--dl-color-theme-secondary2);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  padding-bottom: var(--dl-layout-space-halfunit);
}
 
.place-card-text4 {
  color: var(--dl-color-theme-accent1);
  font-size: 12px;
  max-width: 250px;
  margin-bottom: var(--dl-layout-space-doubleunit);
}
 
@media(max-width: 1600px) {
  .place-card-text3 {
    color: var(--dl-color-theme-secondary2);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
  }
}
 
@media(max-width: 767px) {
  .place-card-container3 {
    width: 200px;
  }
}
 
@media(max-width: 479px) {
  .place-card-container3 {
    width: 300px;
  }
}

.outline-button-wrapper-movn {
  display: contents;
}
 
.outline-button-container2 {
  display: flex;
  position: relative;
}
 
.outline-button-button2 {
  color: var(--dl-color-gray-black);
  padding-top: var(--dl-layout-space-unit);
  border-color: var(--dl-color-primary-100);
  border-width: 1px;
  padding-left: var(--dl-layout-space-doubleunit);
  border-radius: 50px;
  cursor: pointer; 
  padding-right: var(--dl-layout-space-doubleunit);
  padding-bottom: var(--dl-layout-space-unit);
  background-color: var(--dl-color-gray-white);
}

.place-card-wrapper-eab3 {
  display: contents;
}
 
.place-card-container5 {
  width: 300px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
 
.place-card-image2 {
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-top-left-radius: var(--dl-layout-radius-radius8);
  border-top-right-radius: var(--dl-layout-radius-radius8);
}
 
.place-card-container6 {
  width: 100%;
  display: flex;
  padding: var(--dl-layout-space-unit);
  align-items: center;
  flex-direction: column;
}
 
.place-card-text5 {
  color: var(--dl-color-theme-secondary2);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  padding-bottom: var(--dl-layout-space-halfunit);
}
 
.place-card-text6 {
  color: var(--dl-color-theme-accent1);
  font-size: 12px;
  max-width: 250px;
  margin-bottom: var(--dl-layout-space-doubleunit);
}
 
@media(max-width: 1600px) {
  .place-card-text5 {
    color: var(--dl-color-theme-secondary2);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
  }
}
 
@media(max-width: 767px) {
  .place-card-container5 {
    width: 200px;
  }
}
 
@media(max-width: 479px) {
  .place-card-container5 {
    width: 300px;
  }
}

.outline-button-wrapper-edga {
  display: contents;
}
 
.outline-button-container3 {
  display: flex;
  position: relative;
}
 
.outline-button-button3 {
  color: var(--dl-color-gray-black);
  padding-top: var(--dl-layout-space-unit);
  border-color: var(--dl-color-primary-100);
  border-width: 1px;
  padding-left: var(--dl-layout-space-doubleunit);
  border-radius: 50px;
  cursor: pointer; 
  padding-right: var(--dl-layout-space-doubleunit);
  padding-bottom: var(--dl-layout-space-unit);
  background-color: var(--dl-color-gray-white);
}

.place-card-wrapper-1wz5 {
  display: contents;
}
 
.place-card-container7 {
  width: 300px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
 
.place-card-image3 {
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-top-left-radius: var(--dl-layout-radius-radius8);
  border-top-right-radius: var(--dl-layout-radius-radius8);
}
 
.place-card-container8 {
  width: 100%;
  display: flex;
  padding: var(--dl-layout-space-unit);
  align-items: center;
  flex-direction: column;
}
 
.place-card-text7 {
  color: var(--dl-color-theme-secondary2);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  padding-bottom: var(--dl-layout-space-halfunit);
}
 
.place-card-text8 {
  color: var(--dl-color-theme-accent1);
  font-size: 12px;
  max-width: 250px;
  margin-bottom: var(--dl-layout-space-doubleunit);
}
 
@media(max-width: 1600px) {
  .place-card-text7 {
    color: var(--dl-color-theme-secondary2);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
  }
}
 
@media(max-width: 767px) {
  .place-card-container7 {
    width: 200px;
  }
}
 
@media(max-width: 479px) {
  .place-card-container7 {
    width: 300px;
  }
}

.pricing81-wrapper {
  display: contents;
}
 
.pricing81-pricing23 {
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
}
 
.pricing81-max-width {
  gap: 48px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: #0b0b0f;
}
 
.pricing81-section-title {
  gap: var(--dl-layout-space-unit);
  width: 100%;
  display: flex;
  max-width: 800px;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
}
 
.pricing81-text10 {
  text-align: center;
}
 
.pricing81-content {
  gap: 24px;
  width: 100%;
  display: flex;
  max-width: 800px;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
 
.pricing81-text11 {
  text-align: center;
}
 
.pricing81-text12 {
  text-align: center;
}
 
.pricing81-tabs {
  display: flex;
  align-items: flex-start;
}
 
.pricing81-button1 {
  gap: var(--dl-layout-space-halfunit);
  width: 120px;
  height: 60px;
  cursor: pointer; 
  display: flex;
  align-items: center;
  border-color: var(--dl-color-theme-primary1);
  border-style: solid;
  border-width: 1px;
  justify-content: center;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
 
.pricing81-button2 {
  gap: var(--dl-layout-space-halfunit);
  color: var(--dl-color-theme-neutral-light);
  width: 120px;
  height: 60px;
  cursor: pointer; 
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--dl-color-theme-primary1);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
 
.pricing81-container1 {
  gap: 32px;
  width: 100%;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
  animation-name: fadeIn;
  animation-delay: 0s;
  animation-duration: 300ms;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}
 
.pricing81-column1 {
  gap: 32px;
  flex: 1;
  width: 100%;
  display: flex;
  flex-grow: 1;
  align-self: stretch;
  align-items: center;
  border-color: #666363;
  border-style: solid;
  border-width: 1px;
  flex-direction: column;
  background-color: #D9D9D9;
}
 
.pricing81-price10 {
  gap: 32px;
  height: 402px;
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
 
.pricing81-price11 {
  gap: var(--dl-layout-space-halfunit);
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
 
.pricing81-text15 {
  font-style: normal;
  font-weight: 600;
}
 
.pricing81-text16 {
  font-size: 48px;
}
 
.pricing81-list1 {
  gap: var(--dl-layout-space-unit);
  height: 161px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.pricing81-list-item10 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.pricing81-list-item11 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.pricing81-list-item12 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.pricing81-button3 {
  color: rgb(11, 18, 32);
  border: none;
  padding-top: var(--dl-layout-space-halfunit);
  padding-left: var(--dl-layout-space-doubleunit);
  border-radius: 50px;
  cursor: pointer; 
  padding-right: var(--dl-layout-space-doubleunit);
  padding-bottom: var(--dl-layout-space-halfunit);
  background-color: var(--dl-color-primary-100);
}
 
.pricing81-column2 {
  gap: 32px;
  flex: 1;
  width: 100%;
  display: flex;
  flex-grow: 1;
  align-self: stretch;
  align-items: center;
  border-color: #666363;
  border-style: solid;
  border-width: 1px;
  flex-direction: column;
  background-color: var(--dl-color-theme-accent1);
}
 
.pricing81-price12 {
  gap: 32px;
  display: flex;
  flex-grow: 1;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
 
.pricing81-price13 {
  gap: var(--dl-layout-space-halfunit);
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
 
.pricing81-text20 {
  font-style: normal;
  font-weight: 600;
}
 
.pricing81-text21 {
  font-size: 48px;
}
 
.pricing81-list2 {
  gap: var(--dl-layout-space-unit);
  height: 161px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.pricing81-list-item13 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.pricing81-list-item14 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.pricing81-list-item15 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.pricing81-list-item16 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.pricing81-button4 {
  color: rgb(11, 18, 32);
  border: none;
  padding-top: var(--dl-layout-space-halfunit);
  padding-left: var(--dl-layout-space-doubleunit);
  border-radius: 50px;
  cursor: pointer; 
  padding-right: var(--dl-layout-space-doubleunit);
  padding-bottom: var(--dl-layout-space-halfunit);
  background-color: var(--dl-color-primary-100);
}
 
.pricing81-column3 {
  gap: 32px;
  flex: 1;
  width: 100%;
  display: flex;
  flex-grow: 1;
  align-items: center;
  flex-shrink: 0;
  border-color: var(--dl-color-theme-neutral-dark);
  border-style: solid;
  border-width: 1px;
  flex-direction: column;
  background-color: #666363;
}
 
.pricing81-price14 {
  gap: 32px;
  height: 405px;
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
  background-color: #7a7fa1;
}
 
.pricing81-price15 {
  gap: var(--dl-layout-space-halfunit);
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
 
.pricing81-text26 {
  font-style: normal;
  font-weight: 600;
}
 
.pricing81-text27 {
  font-size: 48px;
}
 
.pricing81-list3 {
  gap: var(--dl-layout-space-unit);
  height: 164px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.pricing81-list-item17 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.pricing81-list-item18 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.pricing81-list-item19 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.pricing81-list-item20 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.pricing81-button5 {
  color: rgb(11, 18, 32);
  border: none;
  padding-top: var(--dl-layout-space-halfunit);
  padding-left: var(--dl-layout-space-doubleunit);
  border-radius: 50px;
  cursor: pointer; 
  padding-right: var(--dl-layout-space-doubleunit);
  padding-bottom: var(--dl-layout-space-halfunit);
  background-color: var(--dl-color-primary-100);
}
 
.pricing81-container2 {
  gap: 32px;
  width: 100%;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
  animation-name: fadeIn;
  animation-delay: 0s;
  animation-duration: 300ms;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}
 
.pricing81-column4 {
  gap: 32px;
  flex: 1;
  width: 100%;
  display: flex;
  flex-grow: 1;
  align-self: stretch;
  align-items: center;
  border-color: var(--dl-color-theme-neutral-dark);
  border-style: solid;
  border-width: 1px;
  flex-direction: column;
}
 
.pricing81-icon32 {
  width: 48px;
  height: 48px;
  align-self: flex-end;
}
 
.pricing81-price16 {
  gap: 32px;
  display: flex;
  flex-grow: 1;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
 
.pricing81-price17 {
  gap: var(--dl-layout-space-halfunit);
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
 
.pricing81-text32 {
  font-style: normal;
  font-weight: 600;
}
 
.pricing81-text33 {
  font-size: 48px;
}
 
.pricing81-list4 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.pricing81-list-item21 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.pricing81-list-item22 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.pricing81-list-item23 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.pricing81-button6 {
  width: 100%;
}
 
.pricing81-column5 {
  gap: 32px;
  flex: 1;
  width: 100%;
  display: flex;
  flex-grow: 1;
  align-self: stretch;
  align-items: center;
  border-color: var(--dl-color-theme-neutral-dark);
  border-style: solid;
  border-width: 1px;
  flex-direction: column;
  background-color: var(--dl-color-theme-accent1);
}
 
.pricing81-icon44 {
  width: 48px;
  height: 48px;
  align-self: flex-end;
}
 
.pricing81-price18 {
  gap: 32px;
  display: flex;
  flex-grow: 1;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
 
.pricing81-price19 {
  gap: var(--dl-layout-space-halfunit);
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
 
.pricing81-text39 {
  font-style: normal;
  font-weight: 600;
}
 
.pricing81-text40 {
  font-size: 48px;
}
 
.pricing81-list5 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.pricing81-list-item24 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.pricing81-list-item25 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.pricing81-list-item26 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.pricing81-list-item27 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.pricing81-button7 {
  width: 100%;
}
 
.pricing81-column6 {
  gap: 32px;
  flex: 1;
  width: 100%;
  display: flex;
  flex-grow: 1;
  align-items: center;
  flex-shrink: 0;
  border-color: var(--dl-color-theme-neutral-dark);
  border-style: solid;
  border-width: 1px;
  flex-direction: column;
  background-color: var(--dl-color-theme-accent2);
}
 
.pricing81-icon54 {
  width: 48px;
  height: 48px;
  align-self: flex-end;
}
 
.pricing81-price20 {
  gap: 32px;
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
 
.pricing81-price21 {
  gap: var(--dl-layout-space-halfunit);
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
 
.pricing81-text47 {
  font-style: normal;
  font-weight: 600;
}
 
.pricing81-text48 {
  font-size: 48px;
}
 
.pricing81-list6 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.pricing81-list-item28 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.pricing81-list-item29 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.pricing81-list-item30 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.pricing81-list-item31 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.pricing81-list-item32 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.pricing81-button8 {
  width: 100%;
}
 
.landing-page-fragment20 {
  display: contents;
}
 
.landing-page-text30 {
  display: inline-block;
}
 
.landing-page-fragment18 {
  display: contents;
}
 
.landing-page-text28 {
  color: rgb(191, 185, 185);
  display: inline-block;
}
 
.landing-page-fragment43 {
  display: contents;
}
 
.landing-page-text53 {
  display: inline-block;
}
 
.landing-page-fragment46 {
  display: contents;
}
 
.landing-page-text56 {
  display: inline-block;
}
 
.landing-page-fragment26 {
  display: contents;
}
 
.landing-page-text36 {
  display: inline-block;
}
 
.landing-page-fragment52 {
  display: contents;
}
 
.landing-page-text62 {
  display: inline-block;
}
 
.landing-page-fragment22 {
  display: contents;
}
 
.landing-page-text32 {
  display: inline-block;
}
 
.landing-page-fragment28 {
  display: contents;
}
 
.landing-page-text38 {
  display: inline-block;
}
 
.landing-page-fragment16 {
  display: contents;
}
 
.landing-page-text26 {
  color: var(--dl-color-gray-700);
  display: inline-block;
}
 
.landing-page-fragment27 {
  display: contents;
}
 
.landing-page-text37 {
  display: inline-block;
}
 
.landing-page-fragment23 {
  display: contents;
}
 
.landing-page-text33 {
  display: inline-block;
}
 
.landing-page-fragment53 {
  display: contents;
}
 
.landing-page-text63 {
  display: inline-block;
}
 
.landing-page-fragment13 {
  display: contents;
}
 
.landing-page-text23 {
  display: inline-block;
}
 
.landing-page-fragment24 {
  display: contents;
}
 
.landing-page-text34 {
  display: inline-block;
}
 
.landing-page-fragment12 {
  display: contents;
}
 
.landing-page-text22 {
  display: inline-block;
}
 
.landing-page-fragment14 {
  display: contents;
}
 
.landing-page-text24 {
  display: inline-block;
}
 
.landing-page-fragment38 {
  display: contents;
}
 
.landing-page-text48 {
  display: inline-block;
}
 
.landing-page-fragment41 {
  display: contents;
}
 
.landing-page-text51 {
  display: inline-block;
}
 
.landing-page-fragment39 {
  display: contents;
}
 
.landing-page-text49 {
  display: inline-block;
}
 
.landing-page-fragment30 {
  display: contents;
}
 
.landing-page-text40 {
  display: inline-block;
}
 
.landing-page-fragment37 {
  display: contents;
}
 
.landing-page-text47 {
  display: inline-block;
}
 
.landing-page-fragment29 {
  display: contents;
}
 
.landing-page-text39 {
  display: inline-block;
}
 
.landing-page-fragment10 {
  display: contents;
}
 
.landing-page-text20 {
  display: inline-block;
}
 
.landing-page-fragment31 {
  display: contents;
}
 
.landing-page-text41 {
  display: inline-block;
}
 
.landing-page-fragment47 {
  display: contents;
}
 
.landing-page-text57 {
  display: inline-block;
}
 
.landing-page-fragment35 {
  display: contents;
}
 
.landing-page-text45 {
  display: inline-block;
}
 
.landing-page-fragment45 {
  display: contents;
}
 
.landing-page-text55 {
  display: inline-block;
}
 
.landing-page-fragment17 {
  display: contents;
}
 
.landing-page-text27 {
  color: var(--dl-color-theme-secondary2);
  display: inline-block;
}
 
.landing-page-fragment33 {
  display: contents;
}
 
.landing-page-text43 {
  display: inline-block;
}
 
.landing-page-fragment11 {
  display: contents;
}
 
.landing-page-text21 {
  display: inline-block;
}
 
.landing-page-fragment49 {
  display: contents;
}
 
.landing-page-text59 {
  display: inline-block;
}
 
.landing-page-fragment40 {
  display: contents;
}
 
.landing-page-text50 {
  display: inline-block;
}
 
.landing-page-fragment15 {
  display: contents;
}
 
.landing-page-text25 {
  display: inline-block;
}
 
.landing-page-fragment25 {
  display: contents;
}
 
.landing-page-text35 {
  display: inline-block;
}
 
.landing-page-fragment48 {
  display: contents;
}
 
.landing-page-text58 {
  display: inline-block;
}
 
.landing-page-fragment34 {
  display: contents;
}
 
.landing-page-text44 {
  display: inline-block;
}
 
.landing-page-fragment42 {
  display: contents;
}
 
.landing-page-text52 {
  display: inline-block;
}
 
.landing-page-fragment50 {
  display: contents;
}
 
.landing-page-text60 {
  display: inline-block;
}
 
.landing-page-fragment19 {
  display: contents;
}
 
.landing-page-text29 {
  display: inline-block;
}
 
.landing-page-fragment36 {
  display: contents;
}
 
.landing-page-text46 {
  display: inline-block;
}
 
.landing-page-fragment32 {
  display: contents;
}
 
.landing-page-text42 {
  display: inline-block;
}
 
.landing-page-fragment51 {
  display: contents;
}
 
.landing-page-text61 {
  display: inline-block;
}
 
.landing-page-fragment44 {
  display: contents;
}
 
.landing-page-text54 {
  display: inline-block;
}
 
.landing-page-fragment21 {
  display: contents;
}
 
.landing-page-text31 {
  display: inline-block;
}
 
.pricing81root-class-name {
  padding-top: var(--dl-layout-space-quadruple);
  padding-bottom: var(--dl-layout-space-quadruple);
  background-color: #0b0b0f;
}
 
@media(max-width: 1600px) {
  .pricing81-button3 {
    color: rgb(11, 18, 32);
    background-color: var(--dl-color-primary-100);
  }
  .pricing81-price14 {
    background-color: #918297;
  }
  .pricing81root-class-name {
    background-color: #0b0b0f;
  }
}
 
@media(max-width: 991px) {
  .pricing81-container1 {
    flex-direction: column;
  }
  .pricing81-column3 {
    width: 100%;
  }
  .pricing81-container2 {
    flex-direction: column;
  }
  .pricing81-column6 {
    width: 100%;
  }
}
 
@media(max-width: 479px) {
  .pricing81-max-width {
    gap: 24px;
  }
  .pricing81-button6 {
    width: 100%;
  }
  .pricing81-button7 {
    width: 100%;
  }
  .pricing81-button8 {
    width: 100%;
  }
}

.landing-page-container10 {
  width: 100%;
  height: auto;
  display: flex;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
  background-image: linear-gradient(135deg, #0B1220 0%, #16253C 100%);
}
 
.landing-page-top-container {
  width: 100%;
  height: 850px;
  display: flex;
  align-items: center;
  flex-direction: column;
  background-size: cover;
  background-image: url("public/navy-nearblack-background-900h.jpeg");
  background-position: bottom right;
}
 
.landing-page-navbar {
  width: auto;
  display: flex;
  padding: var(--dl-layout-space-doubleunit);
  max-width: auto;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
 
.landing-page-logo1 {
  color: #c6a35a;
  font-style: normal;
  font-weight: 600;
}
 
.landing-page-menu1 {
  gap: 16;
  width: 100%;
  display: flex;
  max-width: 1000px;
  align-items: center;
  justify-content: center;
}
 
.landing-page-logo2 {
  color: #c6a35a;
  font-style: normal;
  font-weight: 600;
}
 
.landing-page-links-container1 {
  border: 2px dashed rgba(120, 120, 120, 0.4);
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
 
.landing-page-logo3 {
  color: #c6a35a;
  font-style: normal;
  font-weight: 600;
}
 
.landing-page-follow-container1 {
  display: flex;
  align-items: center;
  margin-left: 50px;
  flex-direction: column;
  justify-content: space-between;
}
 
.landing-page-icons-container1 {
  width: 100px;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: space-between;
}
 
.landing-page-link10 {
  display: contents;
}
 
.landing-page-icon10 {
  fill: var(--dl-color-primary-100);
  width: 24px;
  height: 24px;
}
 
.landing-page-link11 {
  display: contents;
}
 
.landing-page-icon12 {
  fill: var(--dl-color-primary-100);
  width: 24px;
  height: 24px;
}
 
.landing-page-link12 {
  display: contents;
}
 
.landing-page-icon14 {
  fill: var(--dl-color-primary-100);
  width: 24px;
  height: 24px;
}
 
.landing-page-right-side1 {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
 
.landing-page-links-container2 {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
 
.landing-page-text10 {
  color: var(--dl-color-primary-100);
  margin-right: var(--dl-layout-space-doubleunit);
  text-decoration: none;
}
 
.landing-page-link13 {
  display: contents;
}
 
.landing-page-burger-menu1 {
  display: none;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
 
.landing-page-burger-menu2 {
  width: 24px;
  height: 24px;
}
 
.landing-page-mobile-menu {
  top: 0px;
  flex: 0 0 auto;
  left: 0px;
  width: 100%;
  height: 100%;
  display: none;
  padding: var(--dl-layout-space-doubleunit);
  z-index: 100;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  background-color: #fff;
}
 
.landing-page-nav {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.landing-page-top {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: var(--dl-layout-space-doubleunit);
  flex-direction: row;
  justify-content: space-between;
}
 
.landing-page-close-menu {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.landing-page-icon19 {
  width: 24px;
  height: 24px;
}
 
.landing-page-right-side2 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
}
 
.landing-page-links-container3 {
  display: flex;
  align-items: flex-start;
  margin-bottom: 16px;
  flex-direction: column;
  justify-content: space-between;
}
 
.landing-page-text11 {
  margin-bottom: 8px;
}
 
.landing-page-text12 {
  margin-bottom: 8px;
}
 
.landing-page-text13 {
  margin-bottom: 8px;
}
 
.landing-page-link14 {
  display: contents;
}
 
.landing-page-follow-container2 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
}
 
.landing-page-text15 {
  padding-bottom: var(--dl-layout-space-halfunit);
}
 
.landing-page-icons-container2 {
  width: 100px;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: space-between;
}
 
.landing-page-link15 {
  display: contents;
}
 
.landing-page-icon21 {
  width: 24px;
  height: 24px;
}
 
.landing-page-link16 {
  display: contents;
}
 
.landing-page-icon23 {
  width: 24px;
  height: 24px;
}
 
.landing-page-link17 {
  display: contents;
}
 
.landing-page-icon25 {
  width: 24px;
  height: 24px;
}
 
.landing-page-hero {
  flex: 1;
  width: 100%;
  display: flex;
  max-width: 1000px;
  align-items: center;
  padding-top: var(--dl-layout-space-tripleunit);
  padding-left: var(--dl-layout-space-doubleunit);
  padding-right: var(--dl-layout-space-doubleunit);
  flex-direction: row;
  padding-bottom: var(--dl-layout-space-tripleunit);
  justify-content: space-between;
}
 
.landing-page-content-container {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.landing-page-text16 {
  color: #e6eef5;
  font-style: normal;
  font-weight: 800;
  line-height: 1.5;
}
 
.landing-page-subheading {
  color: rgb(224, 230, 238);
  height: 90px;
  line-height: 1.1;
}
 
.landing-page-text17 {
  color: rgb(167, 176, 191);
  padding-top: var(--dl-layout-space-doubleunit);
  padding-bottom: var(--dl-layout-space-doubleunit);
}
 
.landing-page-link18 {
  display: contents;
}
 
.landing-page-component3 {
  text-decoration: none;
}
 
.landing-page-main {
  width: 100%;
  display: flex;
  box-shadow: 5px 5px 10px 0px #d4d4d4;
  align-items: center;
  padding-top: var(--dl-layout-space-quadruple);
  border-color: var(--dl-color-gray-black);
  border-width: 1px;
  padding-left: var(--dl-layout-space-doubleunit);
  border-radius: var(--dl-layout-radius-radius4);
  padding-right: var(--dl-layout-space-doubleunit);
  flex-direction: column;
  padding-bottom: var(--dl-layout-space-quadruple);
  justify-content: flex-start;
  background-image: linear-gradient(to right, #0b0d10 100%, #1a1f28 100%);
}
 
.landing-page-text18 {
  fill: var(--dl-color-theme-accent1);
  color: var(--dl-color-theme-accent1);
}
 
.landing-page-text19 {
  fill: var(--dl-color-theme-accent1);
  color: var(--dl-color-theme-accent1);
}
 
.landing-page-cards-container {
  gap: 24;
  width: 100%;
  display: grid;
  grid-gap: var(--dl-layout-space-doubleunit);
  max-width: 1000px;
  margin-top: var(--dl-layout-space-doubleunit);
  place-items: center;
  margin-bottom: var(--dl-layout-space-doubleunit);
  grid-template-columns: 1fr 1fr;
}
 
.landing-page-component4 {
  text-decoration: none;
}
 
.landing-page-component5 {
  text-decoration: none;
}
 
.landing-page-component6 {
  text-decoration: none;
}
 
.landing-page-component7 {
  text-decoration: none;
}
 
.landing-page-fragment10 {
  display: contents;
}
 
.landing-page-text20 {
  display: inline-block;
}
 
.landing-page-fragment11 {
  display: contents;
}
 
.landing-page-text21 {
  display: inline-block;
}
 
.landing-page-fragment12 {
  display: contents;
}
 
.landing-page-text22 {
  display: inline-block;
}
 
.landing-page-fragment13 {
  display: contents;
}
 
.landing-page-text23 {
  display: inline-block;
}
 
.landing-page-fragment14 {
  display: contents;
}
 
.landing-page-text24 {
  display: inline-block;
}
 
.landing-page-fragment15 {
  display: contents;
}
 
.landing-page-text25 {
  display: inline-block;
}
 
.landing-page-fragment16 {
  display: contents;
}
 
.landing-page-text26 {
  color: var(--dl-color-gray-700);
  display: inline-block;
}
 
.landing-page-fragment17 {
  display: contents;
}
 
.landing-page-text27 {
  color: var(--dl-color-theme-secondary2);
  display: inline-block;
}
 
.landing-page-fragment18 {
  display: contents;
}
 
.landing-page-text28 {
  color: rgb(191, 185, 185);
  display: inline-block;
}
 
.landing-page-fragment19 {
  display: contents;
}
 
.landing-page-text29 {
  display: inline-block;
}
 
.landing-page-fragment20 {
  display: contents;
}
 
.landing-page-text30 {
  display: inline-block;
}
 
.landing-page-fragment21 {
  display: contents;
}
 
.landing-page-text31 {
  display: inline-block;
}
 
.landing-page-fragment22 {
  display: contents;
}
 
.landing-page-text32 {
  display: inline-block;
}
 
.landing-page-fragment23 {
  display: contents;
}
 
.landing-page-text33 {
  display: inline-block;
}
 
.landing-page-fragment24 {
  display: contents;
}
 
.landing-page-text34 {
  display: inline-block;
}
 
.landing-page-fragment25 {
  display: contents;
}
 
.landing-page-text35 {
  display: inline-block;
}
 
.landing-page-fragment26 {
  display: contents;
}
 
.landing-page-text36 {
  display: inline-block;
}
 
.landing-page-fragment27 {
  display: contents;
}
 
.landing-page-text37 {
  display: inline-block;
}
 
.landing-page-fragment28 {
  display: contents;
}
 
.landing-page-text38 {
  display: inline-block;
}
 
.landing-page-fragment29 {
  display: contents;
}
 
.landing-page-text39 {
  display: inline-block;
}
 
.landing-page-fragment30 {
  display: contents;
}
 
.landing-page-text40 {
  display: inline-block;
}
 
.landing-page-fragment31 {
  display: contents;
}
 
.landing-page-text41 {
  display: inline-block;
}
 
.landing-page-fragment32 {
  display: contents;
}
 
.landing-page-text42 {
  display: inline-block;
}
 
.landing-page-fragment33 {
  display: contents;
}
 
.landing-page-text43 {
  display: inline-block;
}
 
.landing-page-fragment34 {
  display: contents;
}
 
.landing-page-text44 {
  display: inline-block;
}
 
.landing-page-fragment35 {
  display: contents;
}
 
.landing-page-text45 {
  display: inline-block;
}
 
.landing-page-fragment36 {
  display: contents;
}
 
.landing-page-text46 {
  display: inline-block;
}
 
.landing-page-fragment37 {
  display: contents;
}
 
.landing-page-text47 {
  display: inline-block;
}
 
.landing-page-fragment38 {
  display: contents;
}
 
.landing-page-text48 {
  display: inline-block;
}
 
.landing-page-fragment39 {
  display: contents;
}
 
.landing-page-text49 {
  display: inline-block;
}
 
.landing-page-fragment40 {
  display: contents;
}
 
.landing-page-text50 {
  display: inline-block;
}
 
.landing-page-fragment41 {
  display: contents;
}
 
.landing-page-text51 {
  display: inline-block;
}
 
.landing-page-fragment42 {
  display: contents;
}
 
.landing-page-text52 {
  display: inline-block;
}
 
.landing-page-fragment43 {
  display: contents;
}
 
.landing-page-text53 {
  display: inline-block;
}
 
.landing-page-fragment44 {
  display: contents;
}
 
.landing-page-text54 {
  display: inline-block;
}
 
.landing-page-fragment45 {
  display: contents;
}
 
.landing-page-text55 {
  display: inline-block;
}
 
.landing-page-fragment46 {
  display: contents;
}
 
.landing-page-text56 {
  display: inline-block;
}
 
.landing-page-fragment47 {
  display: contents;
}
 
.landing-page-text57 {
  display: inline-block;
}
 
.landing-page-fragment48 {
  display: contents;
}
 
.landing-page-text58 {
  display: inline-block;
}
 
.landing-page-fragment49 {
  display: contents;
}
 
.landing-page-text59 {
  display: inline-block;
}
 
.landing-page-fragment50 {
  display: contents;
}
 
.landing-page-text60 {
  display: inline-block;
}
 
.landing-page-fragment51 {
  display: contents;
}
 
.landing-page-text61 {
  display: inline-block;
}
 
.landing-page-fragment52 {
  display: contents;
}
 
.landing-page-text62 {
  display: inline-block;
}
 
.landing-page-fragment53 {
  display: contents;
}
 
.landing-page-text63 {
  display: inline-block;
}
 
.landing-page-gallery31 {
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
}
 
.landing-page-max-width1 {
  gap: 48px;
  width: 100%;
  display: flex;
  align-items: center;
  padding-top: var(--dl-layout-space-doubleunit);
  flex-direction: column;
  padding-bottom: var(--dl-layout-space-doubleunit);
}
 
.landing-page-section-title1 {
  gap: 24px;
  width: auto;
  display: flex;
  max-width: 800px;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
}
 
.landing-page-text64 {
  fill: var(--dl-color-theme-secondary1);
  color: var(--dl-color-theme-secondary1);
  text-align: center;
}
 
.landing-page-text65 {
  text-align: center;
}
 
.landing-page-content2 {
  gap: 32px;
  width: 100%;
  display: flex;
  max-width: 900px;
  align-self: center;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
}
 
.landing-page-container11 {
  gap: var(--dl-layout-space-unit);
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
 
.landing-page-image11 {
  width: 100%;
  height: 340px;
  align-self: center;
  border-radius: 4px;
}
 
.landing-page-text66 {
  margin-bottom: var(--dl-layout-space-halfunit);
}
 
.landing-page-image21 {
  width: 100%;
  height: 340px;
  align-self: center;
  border-radius: 4px;
}
 
.landing-page-text67 {
  margin-bottom: var(--dl-layout-space-halfunit);
}
 
.landing-page-container12 {
  gap: var(--dl-layout-space-unit);
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
 
.landing-page-image31 {
  width: 100%;
  height: 340px;
  border-radius: 4px;
}
 
.landing-page-text68 {
  margin-bottom: var(--dl-layout-space-halfunit);
}
 
.landing-page-image41 {
  width: 100%;
  height: 340px;
  border-radius: 4px;
}
 
.landing-page-text69 {
  margin-bottom: var(--dl-layout-space-halfunit);
}
 
.landing-page-gallery32 {
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
}
 
.landing-page-max-width2 {
  gap: 48px;
  width: 100%;
  display: flex;
  align-items: center;
  padding-top: var(--dl-layout-space-doubleunit);
  flex-direction: column;
  padding-bottom: var(--dl-layout-space-doubleunit);
}
 
.landing-page-section-title2 {
  gap: 24px;
  width: auto;
  display: flex;
  max-width: 800px;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
}
 
.landing-page-text70 {
  color: var(--dl-color-theme-secondary1);
  text-align: center;
}
 
.landing-page-text71 {
  text-align: center;
}
 
.landing-page-content3 {
  gap: 32px;
  width: 100%;
  display: flex;
  max-width: 900px;
  align-self: center;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
}
 
.landing-page-container13 {
  gap: var(--dl-layout-space-unit);
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
 
.landing-page-image12 {
  width: 100%;
  height: 340px;
  align-self: center;
  border-radius: 4px;
}
 
.landing-page-text72 {
  margin-bottom: var(--dl-layout-space-halfunit);
}
 
.landing-page-image22 {
  width: 100%;
  height: 340px;
  align-self: center;
  border-radius: 4px;
}
 
.landing-page-text73 {
  margin-bottom: var(--dl-layout-space-halfunit);
}
 
.landing-page-container14 {
  gap: var(--dl-layout-space-unit);
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
 
.landing-page-image32 {
  width: 100%;
  height: 340px;
  border-radius: 4px;
}
 
.landing-page-text74 {
  margin-bottom: var(--dl-layout-space-halfunit);
}
 
.landing-page-image42 {
  width: 100%;
  height: 340px;
  border-radius: 4px;
}
 
.landing-page-text75 {
  margin-bottom: var(--dl-layout-space-halfunit);
}
 
.landing-page-gallery33 {
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
}
 
.landing-page-max-width3 {
  gap: 48px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
 
.landing-page-section-title3 {
  gap: 24px;
  width: auto;
  display: flex;
  max-width: 800px;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
}
 
.landing-page-text76 {
  fill: var(--dl-color-theme-secondary1);
  color: var(--dl-color-theme-secondary1);
  text-align: center;
  padding-top: var(--dl-layout-space-doubleunit);
  padding-bottom: var(--dl-layout-space-doubleunit);
}
 
.landing-page-text77 {
  text-align: center;
}
 
.landing-page-content4 {
  gap: 32px;
  width: 100%;
  display: flex;
  max-width: 900px;
  align-self: center;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
}
 
.landing-page-container15 {
  gap: var(--dl-layout-space-unit);
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
 
.landing-page-image13 {
  width: 100%;
  height: 340px;
  align-self: center;
  border-radius: 4px;
}
 
.landing-page-text78 {
  margin-bottom: var(--dl-layout-space-halfunit);
}
 
.landing-page-image23 {
  width: 100%;
  height: 340px;
  align-self: center;
  border-radius: 4px;
}
 
.landing-page-text79 {
  margin-bottom: var(--dl-layout-space-halfunit);
}
 
.landing-page-container16 {
  gap: var(--dl-layout-space-unit);
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
 
.landing-page-image33 {
  width: 100%;
  height: 340px;
  border-radius: 4px;
}
 
.landing-page-text80 {
  margin-bottom: var(--dl-layout-space-halfunit);
}
 
.landing-page-image43 {
  width: 100%;
  height: 340px;
  border-radius: 4px;
}
 
.landing-page-text81 {
  margin-bottom: var(--dl-layout-space-halfunit);
}
 
.landing-page-gallery34 {
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
}
 
.landing-page-max-width4 {
  gap: 48px;
  width: 100%;
  display: flex;
  align-items: center;
  padding-top: var(--dl-layout-space-doubleunit);
  flex-direction: column;
  padding-bottom: var(--dl-layout-space-doubleunit);
}
 
.landing-page-section-title4 {
  gap: 24px;
  width: auto;
  display: flex;
  max-width: 800px;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
}
 
.landing-page-text82 {
  color: var(--dl-color-theme-secondary1);
  text-align: center;
}
 
.landing-page-text83 {
  text-align: center;
}
 
.landing-page-content5 {
  gap: 32px;
  width: 100%;
  display: flex;
  max-width: 900px;
  align-self: center;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
}
 
.landing-page-container17 {
  gap: var(--dl-layout-space-unit);
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
 
.landing-page-image14 {
  width: 100%;
  height: 340px;
  align-self: center;
  border-radius: 4px;
}
 
.landing-page-text84 {
  margin-bottom: var(--dl-layout-space-halfunit);
}
 
.landing-page-image24 {
  width: 100%;
  height: 340px;
  align-self: center;
  border-radius: 4px;
}
 
.landing-page-text85 {
  margin-bottom: var(--dl-layout-space-halfunit);
}
 
.landing-page-container18 {
  gap: var(--dl-layout-space-unit);
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
 
.landing-page-image34 {
  width: 100%;
  height: 340px;
  border-radius: 4px;
}
 
.landing-page-text86 {
  margin-bottom: var(--dl-layout-space-halfunit);
}
 
.landing-page-image44 {
  width: 100%;
  height: 340px;
  border-radius: 4px;
}
 
.landing-page-text87 {
  margin-bottom: var(--dl-layout-space-halfunit);
}
 
.landing-page-footer {
  color: var(--dl-color-gray-white);
  width: 100%;
  display: flex;
  padding: var(--dl-layout-space-tripleunit);
  align-items: center;
  flex-direction: row;
  justify-content: center;
  background-color: var(--dl-color-gray-black);
}
 
.landing-page-menu2 {
  gap: 16;
  width: 100%;
  display: flex;
  max-width: 1000px;
  align-items: center;
  justify-content: center;
}
 
.landing-page-links-container4 {
  border: 2px dashed rgba(120, 120, 120, 0.4);
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
 
.landing-page-follow-container3 {
  display: flex;
  align-items: center;
  margin-left: 50px;
  flex-direction: column;
  justify-content: space-between;
}
 
.landing-page-icons-container3 {
  width: 100px;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: space-between;
}
 
.landing-page-link23 {
  display: contents;
}
 
.landing-page-icon27 {
  fill: var(--dl-color-gray-white);
  width: 24px;
  height: 24px;
}
 
.landing-page-link24 {
  display: contents;
}
 
.landing-page-icon29 {
  fill: var(--dl-color-gray-white);
  width: 24px;
  height: 24px;
}
 
.landing-page-link25 {
  display: contents;
}
 
.landing-page-icon31 {
  fill: var(--dl-color-gray-white);
  width: 24px;
  height: 24px;
}
 
.landing-page-container19 {
  gap: 48px;
  display: flex;
  overflow: hidden;
  position: relative;
  flex-direction: column;
}
 
.landing-page-max-width5 {
  width: 100%;
  display: flex;
  max-width: 1400px;
  align-items: center;
  flex-direction: column;
}
 
.landing-page-content6 {
  gap: 24px;
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
 
.landing-page-heading1 {
  text-align: center;
}
 
.landing-page-content1 {
  text-align: center;
}
 
.landing-page-actions {
  gap: 24px;
  display: flex;
  align-items: flex-start;
}
 
.landing-page-link26 {
  display: contents;
}
 
.landing-page-container20 {
  right: 50px;
  border: 1px solid #ffffff5c;
  bottom: 30px;
  display: flex;
  z-index: 22;
  position: fixed;
  box-shadow: 5px 5px 10px 0px rgba(31, 31, 31, 0.4);
  min-height: auto;
  align-items: center;
  padding-top: 8px;
  padding-left: 12px;
  border-radius: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  backdrop-filter: blur(6px);
  background-color: rgba(41, 41, 41, 0.41);
}
 
.landing-page-icon33 {
  width: 24px;
  margin-right: 4px;
}
 
.landing-page-text88 {
  color: white;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
 
@media(max-width: 1600px) {
  .landing-page-top-container {
    width: 100%;
  }
  .landing-page-navbar {
    width: auto;
  }
  .landing-page-logo2 {
    color: rgb(198, 163, 90);
    font-style: normal;
    font-weight: 600;
  }
  .landing-page-logo3 {
    color: rgb(198, 163, 90);
    font-style: normal;
    font-weight: 600;
  }
  .landing-page-icon10 {
    fill: var(--dl-color-primary-100);
  }
  .landing-page-icon12 {
    fill: var(--dl-color-primary-100);
  }
  .landing-page-icon14 {
    fill: var(--dl-color-primary-100);
  }
  .landing-page-max-width1 {
    padding-top: var(--dl-layout-space-doubleunit);
    padding-bottom: var(--dl-layout-space-doubleunit);
    background-color: #010114;
  }
  .landing-page-text64 {
    color: var(--dl-color-theme-secondary1);
  }
  .landing-page-max-width2 {
    padding-top: var(--dl-layout-space-doubleunit);
    padding-bottom: var(--dl-layout-space-doubleunit);
    background-color: rgba(24, 24, 54, 0.86);
  }
  .landing-page-text70 {
    color: var(--dl-color-theme-secondary1);
  }
  .landing-page-max-width3 {
    background-color: #020212;
  }
  .landing-page-text76 {
    color: var(--dl-color-theme-secondary1);
  }
  .landing-page-max-width4 {
    padding-top: var(--dl-layout-space-doubleunit);
    padding-bottom: var(--dl-layout-space-doubleunit);
  }
  .landing-page-text82 {
    fill: var(--dl-color-theme-secondary1);
    color: var(--dl-color-theme-secondary1);
  }
  .landing-page-footer {
    padding: var(--dl-layout-space-tripleunit);
  }
  .landing-page-icon27 {
    fill: var(--dl-color-theme-neutral-light);
  }
  .landing-page-icon29 {
    fill: var(--dl-color-theme-neutral-light);
  }
  .landing-page-icon31 {
    fill: var(--dl-color-theme-neutral-light);
  }
}
 
@media(max-width: 1200px) {
  .landing-page-top-container {
    background-size: auto;
    background-image: url("public/navy-nearblack-background-900h.jpeg");
    background-repeat: no-repeat;
    background-position: top;
  }
  .landing-page-subheading {
    color: var(--dl-color-theme-accent1);
    line-height: 1.1;
  }
  .landing-page-cards-container {
    place-items: center;
    grid-template-columns: 1fr 1fr;
  }
}
 
@media(max-width: 991px) {
  .landing-page-hero {
    padding-left: var(--dl-layout-space-tripleunit);
    padding-right: var(--dl-layout-space-tripleunit);
  }
  .landing-page-cards-container {
    place-items: center;
    justify-content: center;
    grid-template-columns: 1fr 1fr;
  }
  .landing-page-content2 {
    max-width: 600px;
    align-items: center;
    flex-direction: column;
  }
  .landing-page-image11 {
    flex: 0 0 auto;
    width: 100%;
    height: 400px;
  }
  .landing-page-image21 {
    flex: 0 0 auto;
    width: 100%;
    height: 400px;
  }
  .landing-page-image31 {
    flex: 0 0 auto;
    width: 100%;
    height: 400px;
  }
  .landing-page-image41 {
    flex: 0 0 auto;
    width: 100%;
    height: 400px;
  }
  .landing-page-content3 {
    max-width: 600px;
    align-items: center;
    flex-direction: column;
  }
  .landing-page-image12 {
    flex: 0 0 auto;
    width: 100%;
    height: 400px;
  }
  .landing-page-image22 {
    flex: 0 0 auto;
    width: 100%;
    height: 400px;
  }
  .landing-page-image32 {
    flex: 0 0 auto;
    width: 100%;
    height: 400px;
  }
  .landing-page-image42 {
    flex: 0 0 auto;
    width: 100%;
    height: 400px;
  }
  .landing-page-content4 {
    max-width: 600px;
    align-items: center;
    flex-direction: column;
  }
  .landing-page-image13 {
    flex: 0 0 auto;
    width: 100%;
    height: 400px;
  }
  .landing-page-image23 {
    flex: 0 0 auto;
    width: 100%;
    height: 400px;
  }
  .landing-page-image33 {
    flex: 0 0 auto;
    width: 100%;
    height: 400px;
  }
  .landing-page-image43 {
    flex: 0 0 auto;
    width: 100%;
    height: 400px;
  }
  .landing-page-content5 {
    max-width: 600px;
    align-items: center;
    flex-direction: column;
  }
  .landing-page-image14 {
    flex: 0 0 auto;
    width: 100%;
    height: 400px;
  }
  .landing-page-image24 {
    flex: 0 0 auto;
    width: 100%;
    height: 400px;
  }
  .landing-page-image34 {
    flex: 0 0 auto;
    width: 100%;
    height: 400px;
  }
  .landing-page-image44 {
    flex: 0 0 auto;
    width: 100%;
    height: 400px;
  }
}
 
@media(max-width: 767px) {
  .landing-page-top-container {
    background-size: auto;
    background-position: top right;
  }
  .landing-page-navbar {
    width: auto;
    height: auto;
    margin-right: 111px;
  }
  .landing-page-menu1 {
    width: 50%;
    height: 43px;
    flex-direction: column;
  }
  .landing-page-links-container1 {
    margin-top: var(--dl-layout-space-tripleunit);
    margin-bottom: var(--dl-layout-space-tripleunit);
    justify-content: space-between;
  }
  .landing-page-right-side1 {
    display: none;
  }
  .landing-page-burger-menu1 {
    display: flex;
  }
  .landing-page-hero {
    justify-content: center;
  }
  .landing-page-content-container {
    align-items: center;
  }
  .landing-page-text16 {
    font-size: 2.5rem;
  }
  .landing-page-text17 {
    text-align: center;
  }
  .landing-page-main {
    padding-left: var(--dl-layout-space-unit);
    padding-right: var(--dl-layout-space-unit);
  }
  .landing-page-cards-container {
    place-items: center;
    grid-template-columns: 1fr 1fr;
  }
  .landing-page-menu2 {
    flex-direction: column;
  }
  .landing-page-links-container4 {
    margin-top: var(--dl-layout-space-tripleunit);
    margin-bottom: var(--dl-layout-space-tripleunit);
    justify-content: space-between;
  }
}
 
@media(max-width: 479px) {
  .landing-page-top-container {
    background-position: bottom;
  }
  .landing-page-menu1 {
    flex: 1;
    width: auto;
    height: 49px;
  }
  .landing-page-links-container1 {
    margin-top: var(--dl-layout-space-doubleunit);
    align-items: flex-start;
    justify-content: flex-start;
  }
  .landing-page-follow-container1 {
    margin-left: 0px;
  }
  .landing-page-text16 {
    font-size: 2rem;
    text-align: center;
  }
  .landing-page-subheading {
    font-size: 1.3rem;
    text-align: center;
  }
  .landing-page-cards-container {
    place-items: center;
    grid-template-columns: 1fr;
  }
  .landing-page-links-container4 {
    margin-top: var(--dl-layout-space-doubleunit);
    align-items: flex-start;
    justify-content: flex-start;
  }
  .landing-page-follow-container3 {
    margin-left: 0px;
  }
  .landing-page-actions {
    width: 100%;
    flex-direction: column;
  }
}
/* ——— NAVBAR LAYOUT & COLOR FIX ——— */
.landing-page-navbar{
  max-width:1200px; margin:0 auto;
  padding:16px 24px; gap:24px;
  display:flex; align-items:center; justify-content:space-between;
}

.landing-page-menu1{
  flex:1;                    /* centra el bloque del medio */
  display:flex; align-items:center; justify-content:center;
  max-width:none; width:auto; gap:20px;
}

.landing-page-follow-container1{ /* bloque de iconos sociales */
  margin-left:24px; flex-direction:row; align-items:center; gap:18px;
}

.landing-page-icons-container1{
  width:auto; display:flex; gap:18px; align-items:center; justify-content:center;
}

/* Los SVG heredan el dorado del header */
.header-social, .landing-page-icons-container1, .landing-page-text10 {
  color: var(--dl-color-primary-100);
}
.landing-page-icons-container1 svg{width:24px;height:24px;display:block}
.landing-page-icons-container1 svg path{fill:currentColor}

/* Quita utilería/artefactos que dejan 'píxeles' */
.landing-page-links-container1{ border:0 !important }
.landing-page-logo2, .landing-page-logo3{ display:none !important }

/* Móvil: elimina desplazamiento extraño y ordena bloques */
@media (max-width: 991px){
  .landing-page-navbar{gap:16px}
  .landing-page-menu1{order:2; flex-basis:100%; justify-content:center}
  .landing-page-follow-container1{order:1}
  .landing-page-right-side1{order:3}
}
@media (max-width: 767px){
  .landing-page-navbar{ margin-right:0 !important }
}
/* === FRAGRANCES – 2 columnas: izquierda verticales, derecha horizontales === */
:root{
  /* Puedes ajustar estos tres números si quieres más/menos altura */
  --gallery-gap: 32px;
  --tile-width: min(38vw, 520px); /* ancho de cada columna */
  --v-height: 360px;              /* altura de cada vertical (izquierda) */
  --h-height: 360px;              /* altura de cada horizontal (derecha) */
}

/* Contenedor de la sección Fragrances (dos columnas) */
#Fragrances-work .landing-page-content2{
  display:grid;
  grid-template-columns: var(--tile-width) var(--tile-width);
  justify-content:center;
  align-items:start;
  column-gap: var(--gallery-gap);
  row-gap: var(--gallery-gap);
}

/* Cada columna apila dos tarjetas */
#Fragrances-work .landing-page-container11,
#Fragrances-work .landing-page-container12{
  display:grid;
  grid-auto-rows:auto;
  row-gap: var(--gallery-gap);
}

/* Normalización de imágenes */
#Fragrances-work .landing-page-container11 img,
#Fragrances-work .landing-page-container12 img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:12px;
  box-shadow:0 10px 30px rgba(0,0,0,.35);
}

/* IZQUIERDA: verticales (Image1, Image2) */
#Fragrances-work .landing-page-container11 img{
  aspect-ratio:auto;    /* anulamos ratios previos */
  height:var(--v-height);
}

/* DERECHA: horizontales (Image3, Image4) */
#Fragrances-work .landing-page-container12 img{
  aspect-ratio:auto;
  height:var(--h-height);
}

/* Etiquetas de texto bajo las imágenes (opcional) */
#Fragrances-work .thq-body-small{
  display:block;
  text-align:center;
  margin-top:10px;
  opacity:.85;
}

/* === Responsive === */
/* Tablet: columna única pero con orden lógico (1V, 3H, 2V, 4H) para que no se vea raro */
@media (max-width: 980px){
  #Fragrances-work .landing-page-content2{
    grid-template-columns: 1fr;
    row-gap: calc(var(--gallery-gap) * 1.2);
  }
  #Fragrances-work .landing-page-container11,
  #Fragrances-work .landing-page-container12{
    grid-template-columns: 1fr;
  }
  #Fragrances-work .landing-page-container11 img{ height: 60vh; max-height: 520px; }
  #Fragrances-work .landing-page-container12 img{ height: 36vh; max-height: 360px; }
}
/* === Discover the Key Features (3-up) === */
.features-3up{
  padding: 56px 0;
  background: transparent;            /* tu fondo de página domina */
}

.features-3up__container{
  max-width: 1200px;                   /* igual a tus otras secciones “max-width” */
  margin: 0 auto;
  padding: 0 24px;
}

.features-3up__header{
  text-align: center;
  margin-bottom: 28px;
}

.features-3up__title{
  font-weight: 800;
  font-size: clamp(22px, 3vw, 32px);
  line-height: 1.2;
  color: #eef3ff;
  margin: 0 0 10px;
}

.features-3up__lead{
  color: rgba(238,243,255,.72);
  max-width: 720px;
  margin: 0 auto;
}

/* Grid principal: retrato – apaisado – retrato */
.features-3up__grid{
  display: grid;
  grid-template-columns: 220px 1fr 220px;  /* 200–240px para los retratos */
  gap: 40px;
  align-items: start;
}

/* Tarjetas */
.features-3up__card{
  background: rgba(255,255,255,0.02);
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  padding: 12px 12px 16px;
}

.features-3up__card--portrait .features-3up__img{
  width: 100%;
  height: 360px;                         /* retrato */
  object-fit: cover;
  border-radius: 10px;
}

.features-3up__card--landscape .features-3up__img{
  width: 100%;
  height: 300px;                         /* apaisado */
  object-fit: cover;
  border-radius: 10px;
}

.features-3up__caption{
  text-align: center;
  color: rgba(238,243,255,.9);
  margin-top: 10px;
  font-weight: 600;
}

.features-3up__text{
  color: rgba(238,243,255,.65);
  font-size: 14px;
  text-align: center;
  margin: 4px 0 0;
}

/* --- Responsivo --- */
@media (max-width: 1024px){
  .features-3up__grid{
    grid-template-columns: 180px 1fr 180px;  /* retratos algo más estrechos */
    gap: 28px;
  }
  .features-3up__card--portrait .features-3up__img{ height: 320px; }
  .features-3up__card--landscape .features-3up__img{ height: 260px; }
}

@media (max-width: 820px){
  .features-3up__grid{
    grid-template-columns: 1fr;         /* pila vertical en móviles/tablets estrechas */
  }
  .features-3up__card{ padding: 10px 10px 14px; }
  .features-3up__card--portrait .features-3up__img,
  .features-3up__card--landscape .features-3up__img{
    height: auto;                        /* usa proporción de la imagen para evitar cortes */
    aspect-ratio: auto;                  /* y no forzar recorte en móviles */
  }
}
@media (max-width: 768px){
  .header-social{ position: relative; z-index: 9999; }
}
/* === GLightbox: vídeo 100% en móviles y tablet === */
@media (max-width: 1024px) {
  /* Quitamos paddings internos del skin "clean" */
  .glightbox-clean .gslide .gslide-inner-content { 
    padding: 0 !important; 
  }

  /* Contenedor principal del slide a toda pantalla */
  .glightbox-container .ginner-container,
  .glightbox-container .gslide,
  .glightbox-container .gslide-media,
  .glightbox-container .gvideo-container,
  .glightbox-container .gvideo-wrapper,
  .glightbox-container iframe {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
  }

  /* Evita márgenes que encogen el vídeo */
  .glightbox-container .ginner-container,
  .glightbox-container .gslide-media {
    margin: 0 !important;
  }
}
/* ====== GLightbox: forzar fullscreen real en móvil y tablet ====== */
@media (max-width: 1024px){

  /* Contenedor raíz del slide */
  .glightbox-container .gcontainer,
  .glightbox-container .gcontent {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
  }

  /* Estructura interna + centrado del player */
  .glightbox-container .gslide {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100vw !important;
    height: 100vh !important;
    margin: 0 !important;
  }

  .glightbox-container .ginner-container,
  .glightbox-container .gslide-media,
  .glightbox-container .gvideo-container,
  .glightbox-container .gvideo-wrapper,
  .glightbox-container .gslide .gslide-inner-content {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* El iframe del vídeo */
  .glightbox-container iframe {
    width: 100vw !important;
    height: 100vh !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    display: block !important;
    border: 0 !important;
  }
}
/* Portrait video 9:16 GRANDE dentro de la tercera tarjeta */
.features-3up__card--portrait{
  display: flex;
  flex-direction: column;
  align-items: center;          /* centra el bloque vertical */
}

.features-3up__card--portrait .video{
  position: relative;
  width: clamp(320px, 30vw, 520px) !important; /* ancho grande en desktop; 100% en móvil por el clamp */
  aspect-ratio: 9 / 16;                         /* fuerza formato vertical */
  border-radius: 12px;
  overflow: hidden;
  margin: 0 auto;
}

.features-3up__card--portrait .video iframe{
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
  display: block;
}

/* en pantallas estrechas el clamp ya cae a 320px ≈ 100% de columna; si tu columna es más estrecha: */
@media (max-width: 640px){
  .features-3up__card--portrait .video{ width: 100% !important; }
}
/* iPad (y tablets) en VERTICAL: encajar el 9:16 dentro del viewport sin recortar */
@media (orientation: portrait) and (min-width: 768px) and (max-width: 1024px){
  .features-3up__card--portrait{
    overflow: visible !important;        /* que el contenedor no recorte */
  }
  .features-3up__card--portrait .video{
    /* Ancho = el menor entre 92vw y el que impone el alto máximo (92dvh * 9/16) */
    width: min(92vw, calc(92dvh * 9 / 16)) !important;
    /* Altura queda determinada por el aspect-ratio (9/16) */
    height: auto !important;
    aspect-ratio: 9 / 16 !important;
    /* Altura máxima limitada al alto de la pantalla (con fallback para Safari) */
    max-height: 92dvh !important;
    max-height: 92svh !important;  /* fallback iOS */
    max-height: 92vh !important;   /* fallback genérico */
    margin: 0 auto !important;
  }
  .features-3up__card--portrait .video iframe{
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
    display: block !important;
  }
}
/* ==== Responsive video (robusto iPad vertical) ==== */
.video{
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: visible;
}
.video::before{
  content: "";
  display: block;
  /* 9:16 => 16/9 = 177.78% de padding-top */
  padding-top: 177.78%;
}
/* 9:16 (Shorts, vertical) */
.video--916{ /* si algún día quieres 16:9 usa la clase video--169 y cambia el padding */
}
.video--169::before{ padding-top: 56.25%; } /* 16:9 */

.video iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

/* La tarjeta vertical mantiene el vídeo grande y centrado */
.features-3up__card--portrait{ overflow: visible; }
.features-3up__card--portrait .video{
  width: clamp(320px, 30vw, 520px);
  margin: 0 auto;
}

/* iPad en vertical: encaja dentro del viewport sin recortes laterales */
@media (orientation: portrait) and (min-width: 768px) and (max-width: 1024px){
  .features-3up__card--portrait .video{
    width: min(92vw, 520px);
  }
}
.video{ position:relative; width:100%; max-width:100%; overflow:visible; }
.video::before{ content:""; display:block; padding-top:177.78%; } /* 9:16 por defecto */
.video--169::before{ padding-top:56.25%; }                        /* 16:9 */
.video iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; display:block; }

/* Landscape (16:9) — que el vídeo sea grande y centrado */
.features-3up__card--landscape{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.features-3up__card--landscape .video{
  /* ancho grande en desktop, sin romper el layout */
  width: clamp(480px, 60vw, 960px) !important;
  margin: 0 auto;
}

/* el ratio 16:9 ya lo controla video--169 (padding-top:56.25%) */
.features-3up__card--landscape .video::before{ padding-top:56.25% !important; }

/* en móvil/tablet estrecho: ocupa todo el ancho de su columna */
@media (max-width: 768px){
  .features-3up__card--landscape .video{ width: 100% !important; }
}
/* === Base: componente vídeo robusto (vertical y horizontal) === */
.video{
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: visible;
}
.video::before{
  content: "";
  display: block;
  padding-top: 177.78%;            /* 9:16 por defecto */
}
.video--169::before{ padding-top: 56.25%; }  /* 16:9 */
.video iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}
/* Base segura (por si alguna tarjeta queda fuera del grid) */
.video{ position: relative; width: 100%; max-width: 100%; }
.video::before{ content:""; display:block; padding-top:177.78%; } /* 9:16 */
.video--169::before{ padding-top:56.25%; }                      /* 16:9 */
.video iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; display:block; }

/* === TU FILA 3-UP REAL: igualdad de ALTURA + proporciones respetadas === */
.features-3up__grid{
  /* Ajusta estos 3 valores si quieres otra escala */
  --rowH: clamp(300px, 34vw, 420px);          /* altura común de los 3 players */
  --maxPortrait: clamp(220px, 26vw, 360px);   /* tope de ancho 9:16 (laterales) */
  --maxLandscape: clamp(520px, 56vw, 900px);  /* tope de ancho 16:9 (central) */
}

/* Dentro del grid medimos por ALTURA (no por padding-hack) */
.features-3up__grid .video{ margin:0 auto; }
.features-3up__grid .video::before{ padding-top:0 !important; }
.features-3up__grid .video iframe{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
}

/* 9:16 — misma ALTURA; ancho = alto*(9/16); limitado por maxPortrait */
.features-3up__grid .features-3up__card--portrait .video{
  height: var(--rowH) !important;
  width: min(100%, calc(var(--rowH) * 9 / 16), var(--maxPortrait)) !important;
}

/* 16:9 — misma ALTURA; ancho = alto*(16/9); limitado por maxLandscape */
.features-3up__grid .features-3up__card--landscape .video{
  height: var(--rowH) !important;
  width: min(100%, calc(var(--rowH) * 16 / 9), var(--maxLandscape)) !important;
}

/* Responsive: en pantallas estrechas, 100% de la columna y bajamos la altura */
@media (max-width: 768px){
  .features-3up__grid{
    --rowH: clamp(220px, 46vw, 340px);
    --maxPortrait: 100%;
    --maxLandscape: 100%;
  }
  .features-3up__grid .features-3up__card--portrait .video,
  .features-3up__grid .features-3up__card--landscape .video{
    width: 100% !important;
  }
}
/* === FIX de ratios por tipo de tarjeta (manda sobre reglas anteriores) === */
.features-3up__card--portrait .video {
  aspect-ratio: 9 / 16 !important;
  width: 100% !important;
  height: auto !important;
}

.features-3up__card--landscape .video {
  aspect-ratio: 16 / 9 !important;
  width: 100% !important;
  height: auto !important;
}

/* El iframe debe llenar el contenedor .video */
.video iframe {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}

/* Si aún existiera un hack de padding-top, lo anulamos aquí */
.video::before { 
  content: none !important;
  padding-top: 0 !important;
}
/* Lang switch fijo (EN/ES) */
.lang-switch{
  position: fixed;
  top: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: 6px 10px;
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  backdrop-filter: blur(6px);
  z-index: 9999;
  font-size: 14px;
}
.lang-switch a{
  color: #E6EDF3;
  text-decoration: none;
  opacity: .7;
}
.lang-switch a[aria-current="page"],
.lang-switch a:hover{ opacity: 1; }
.lang-switch span{ color:#9FB1C6; opacity:.6; }
/* === Language switcher: siempre visible en móvil === */
.lang-switch {
  position: fixed;          /* lo sacamos del flujo para que no lo recorte nada */
  top: 12px;
  right: 12px;
  z-index: 9999;            /* por encima de todo */
  transform: none;          /* por si algún estilo previo lo desplazaba */
}

@media (max-width: 480px) {
  .lang-switch {
    top: 8px;
    right: 8px;
    /* si lo ves grande en pantallas pequeñas, descomenta la línea siguiente */
    /* transform: scale(0.9); */
  }

  /* deja espacio arriba para que el switcher no tape el hero/nav */
  header, .hero, .landing-page-navbar {
    padding-top: 48px;      /* ajusta a 40–56px si tu header es más alto/bajo */
  }
}
/* === Featured categories: tarjetas con CTA alineado === */
.featured-grid .card,
.featured-categories .card,
.fc-card {
  display: flex;
  flex-direction: column;      /* título + texto arriba, CTA abajo */
  height: 100%;
}

.featured-grid .card .card-body,
.featured-categories .card .card-body,
.fc-card .fc-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;              /* que la zona de texto crezca */
  gap: 0.5rem;                 /* espacio entre título y texto */
}

/* el botón baja al fondo de la tarjeta */
.featured-grid .card a.btn,
.featured-categories .card a.btn,
.fc-card .fc-cta {
  margin-top: auto;
}

/* por si el grid en móvil deja columnas con alturas dispares */
.featured-grid,
.featured-categories {
  align-items: stretch;        /* las tarjetas ocupan la misma altura de fila */
}
/* ===== Language switch (si usas .lang-switch como contenedor) ===== */
.lang-switch {
  position: fixed;
  top: calc(env(safe-area-inset-top, 0px) + 12px);
  right: calc(env(safe-area-inset-right, 0px) + 12px);
  z-index: 9999;
  transform: none;          /* por si quedó algún translate */
}

.lang-switch button {
  line-height: 1;
  padding: 6px 10px;
}

/* teléfonos muy estrechos (Galaxy S10 en modo “vista reducida”, iPhone SE, etc.) */
@media (max-width: 390px) {
  .lang-switch { top: 8px; right: 8px; }
  .lang-switch button { padding: 4px 8px; font-size: 12px; }
}

/* ===== Featured categories: grid robusto y botones alineados ===== */
/* Ajusta el contenedor de la sección si tiene otra clase; aquí asumo .featured */
.featured .grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: clamp(16px, 3vw, 32px);
}

/* Cada tarjeta ocupa toda la altura disponible */
.featured .card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Imagen/video con relación consistente */
.featured .card .thumb,
.featured .card .thumb img,
.featured .card .thumb video {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
  border-radius: 12px;
}

/* Títulos y descripciones con márgenes controlados */
.featured .card .title { margin-top: 14px; }

/* Reserva de altura para la descripción para que las tarjetas queden parejas */
.featured .card .desc {
  margin-top: 8px;
  min-height: 3.2em; /* ~2 líneas; sube a 4.8em si quieres 3 líneas */
  line-height: 1.4;
}

/* Empuja el área del botón al fondo de la tarjeta */
.featured .card .actions {
  margin-top: auto;
}

/* Botón consistente (no se estira a 100% si no quieres) */
.featured .card .actions .btn {
  width: max-content;
  /* si prefieres que todos tengan el mismo ancho visual:
     min-width: 148px; text-align: center; */
}

/* En anchos intermedios (ej. Surface Duo/Nest), refuerza 2 columnas limpias */
@media (min-width: 900px) and (max-width: 1300px) {
  .featured .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ====== FIX DEFINITIVO DEL SWITCHER ====== */

/* Estado base: fijo y visible por encima de todo */
.lang-switch{
  position: fixed !important;
  z-index: 9999 !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.35);
  backdrop-filter: blur(6px);
  color: #fff;
  transform: none !important;
  white-space: nowrap;
  top: max(10px, env(safe-area-inset-top));
  right: max(10px, env(safe-area-inset-right));
}

/* Enlaces/botones dentro */
.lang-switch a,
.lang-switch button{
  color:#fff;
  font: 500 13px/1 Inter, system-ui, sans-serif;
  text-decoration: none;
  padding: 4px 8px;
}

/* ——— MÓVIL: pásalo a la IZQUIERDA y reduce un poco ——— */
@media (max-width: 430px){
  .lang-switch{
    right: auto !important;                             /* cancela el anclaje derecho */
    left:  max(10px, env(safe-area-inset-left)) !important;  /* anclaje a la izquierda */
    top:   max(8px,  env(safe-area-inset-top)) !important;
    padding: 4px 8px;
  }
  .lang-switch a,
  .lang-switch button{ font-size:12px; padding:3px 7px; }
}

/* gemini solution
/* ================================================= */
/* === SOLUCIÓN COMPLETA PARA DISEÑO RESPONSIVE === */
/* ================================================= */

/* 
  Primero, aplicamos una regla global para evitar el desbordamiento horizontal
  que causa el espacio en blanco a la derecha. Esto fuerza a que ningún
  elemento pueda ser más ancho que la pantalla.
*/
body, .landing-page-container10 {
  overflow-x: hidden;
  width: 100%;
}

/* Aplicamos los siguientes estilos solo en pantallas de hasta 767px de ancho */
@media (max-width: 767px) {

  /* --- 1. Arreglo del Header (Navbar) --- */
  
  /* Hacemos la barra de navegación flexible y permitimos que los elementos se envuelvan */
  .landing-page-navbar {
    display: flex;
    flex-wrap: wrap; /* Permite que los elementos pasen a la línea de abajo si no caben */
    justify-content: center; /* Centra los elementos horizontalmente */
    padding: 16px; /* Añade un poco de espacio interno */
    gap: 15px; /* Espacio entre los elementos (logo, iconos, etc.) */
  }

  /* Ocultamos los botones de "Pricing" y "Request a quote" de la versión de escritorio */
  .landing-page-right-side1 {
    display: none;
  }
  
  /* Nos aseguramos de que los iconos de redes sociales SÍ se vean */
  .landing-page-follow-container1 {
    display: flex;
    order: 3; /* Cambia el orden para que aparezcan al final si es necesario */
    width: 100%; /* Ocupa todo el ancho para centrarse correctamente */
    justify-content: center; /* Centra los iconos */
  }

  /* Centramos el logo */
  .landing-page-logo1 {
    text-align: center;
    width: 100%; /* Ocupa todo el ancho para que el centrado funcione */
    order: 1; /* Asegura que el logo vaya primero */
  }

  /* Posicionamos el selector de idioma */
  .lang-switch {
    order: 2; /* Lo colocamos después del logo */
  }


  /* --- 2. Arreglo del Hero (Contenido principal) --- */
  
  /* 
    Usamos Flexbox para centrar el contenido vertical y horizontalmente.
    Añadimos un alto mínimo para asegurar que ocupe gran parte de la pantalla.
  */
  .landing-page-hero {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 80vh; /* Ajusta la altura del "hero" en móviles */
    padding: 20px; /* Añade padding para que el contenido no toque los bordes */
  }

  /* 
    Alineamos el texto y el botón al centro.
  */
  .landing-page-content-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  
  /* Reducimos el tamaño de la fuente en móviles para una mejor lectura */
  .landing-page-text16 {
    font-size: 2.5rem; /* Tamaño del título principal */
  }

  .landing-page-subheading {
    font-size: 1.1rem; /* Tamaño del subtítulo */
  }


  /* --- 3. Arreglo de las Tarjetas (Featured Categories) --- */
  
  /* Hacemos que las tarjetas se apilen una encima de la otra */
  .landing-page-cards-container {
    flex-direction: column;
    align-items: center;
    gap: 20px; /* Espacio entre las tarjetas */
  }
}

/* ================================================================== */
/* === AJUSTE ADICIONAL PARA DISPOSITIVOS ANCHOS Y MODO HORIZONTAL === */
/* ================================================================== */

/*
  Esta regla se aplica a pantallas que son más anchas que altas (landscape)
  Y que tienen un ancho máximo de 920px (la mayoría de los teléfonos y tablets pequeñas en horizontal).
  Esto asegura que las tarjetas se vean bien y no intenten ponerse una al lado de la otra.
*/
@media (max-width: 920px) and (orientation: landscape) {

  /* Apilamos las tarjetas de "Featured Categories" verticalmente */
  .landing-page-cards-container {
    flex-direction: column;
    align-items: center; /* Centra las tarjetas en el contenedor */
    gap: 30px; /* Aumenta el espacio entre tarjetas */
  }

  /* 
    Nos aseguramos de que cada tarjeta ocupe un ancho razonable
    para que no se estire demasiado en pantallas anchas.
  */
  .landing-page-cards-container > a {
    width: 100%; /* Ocupa el 100% del contenedor padre */
    max-width: 450px; /* Pero no más de 450px para mantener la estética */
  }
}

/*
  Regla específica para el Surface Duo, que tiene una pantalla de 540px
  pero se comporta como una pantalla ancha.
*/
@media (device-width: 540px) {
  
  .landing-page-cards-container {
    flex-direction: column;
    align-items: center;
  }
  
  .landing-page-cards-container > a {
    width: 100%;
    max-width: 450px;
  }
}
/* ======================================================= */
/* === SOLUCIÓN FINAL Y SIMPLE: HEADER MÓVIL CENTRADO === */
/* ======================================================= */

@media (max-width: 767px) {

  /* --- 1. Ocultar lo innecesario --- */
  .landing-page-right-side1,
  .landing-page-burger-menu1 {
    display: none;
  }

  /* --- 2. Forzar al NAV a ser un simple bloque centrado --- */
  .landing-page-navbar {
    /* Reseteamos Flexbox para evitar conflictos */
    display: block; 
    padding: 20px 16px;
  }

  /* --- 3. Centrar cada elemento INDIVIDUALMENTE --- */
  
  .lang-switch {
    /* Lo convertimos en bloque y centramos el texto */
    display: block;
    text-align: center;
    margin-bottom: 20px; /* Espacio debajo */
  }

  .landing-page-follow-container1 {
    /* Lo convertimos en bloque y usamos Flexbox SOLO para centrar los iconos */
    display: flex;
    justify-content: center;
    margin-bottom: 20px; /* Espacio debajo */
  }

  .landing-page-logo1 {
    /* Lo convertimos en bloque y centramos el texto */
    display: block;
    text-align: center;
    font-size: 2rem;
  }

  /* --- 4. Asegurar que los iconos tengan espacio --- */
  .landing-page-icons-container1 {
    display: flex;
    gap: 25px;
  }

  /* --- 5. Centrar el contenido del HERO por si acaso --- */
  .landing-page-content-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
/* ======================================================= */
/* === ARREGLOS RESPONSIVE PARA TABLETS Y SURFACE DUO === */
/* ======================================================= */

/* --- 1. Arreglo para "Featured Categories" en Surface Duo y móviles anchos --- */
/* 
  Esta regla asegura que en pantallas de hasta 767px (lo que incluye al Surface Duo), 
  las tarjetas de categorías SIEMPRE se apilen una encima de la otra.
*/
@media (max-width: 767px) {
  .landing-page-cards-container {
    flex-direction: column;
    align-items: center; /* Centra las tarjetas en el contenedor */
    gap: 30px; /* Añade un buen espacio entre las tarjetas */
  }

  /* Hacemos que cada tarjeta ocupe un ancho máximo para que no se vea demasiado estirada */
  .landing-page-cards-container > a {
    width: 100%;
    max-width: 450px;
  }
}


/* --- 2. Arreglo para la sección de "Pricing" en iPad y Tablets --- */
/* 
  Esta regla se aplica a la mayoría de las tablets en modo horizontal y vertical
  (para anchos de pantalla entre 768px y 1100px).
*/
@media (min-width: 768px) and (max-width: 1100px) {

  /* Hacemos que el contenedor principal pueda "envolver" las tarjetas si no caben en una línea */
  .pricing81-container1 {
    flex-wrap: wrap;
    justify-content: center; /* Centra las tarjetas cuando se envuelven */
  }

  /* 
    Aseguramos que todas las tarjetas de precios tengan la misma altura y estructura.
    Esto es el primer paso para alinear los botones.
  */
  .pricing81-column1,
  .pricing81-column2,
  .pricing81-column3 {
    display: flex; /* Permite que el contenido interno se estire verticalmente */
    flex: 1 1 300px; /* Permite que crezcan y se encojan, con un ancho base de 300px */
    min-width: 300px; /* Evita que se encojan demasiado */
  }

  /* 
    Convertimos el contenedor interno de CADA tarjeta en un flex container vertical.
    Esto es crucial para poder empujar el botón hacia abajo.
  */
  .pricing81-price10,
  .pricing81-price12,
  .pricing81-price14 {
    display: flex;
    flex-direction: column; /* Apila el título, la lista y el botón verticalmente */
    width: 100%; /* Asegura que ocupe todo el ancho de la tarjeta */
    height: 100%; /* Asegura que ocupe toda la altura de la tarjeta */
  }

  /* 
    ¡LA SOLUCIÓN MÁGICA! 
    Le decimos a la lista de características (<ul>) que "crezca" y ocupe
    todo el espacio vertical que sobre. Esto empuja al botón que viene después
    directamente al fondo de la tarjeta.
  */
  .pricing81-list1,
  .pricing81-list2,
  .pricing81-list3 {
    flex-grow: 1;
  }

  /* Estilo de seguridad para que los botones tengan un margen superior y se vean bien alineados */
  [class*="pricing81-button"] {
    margin-top: auto; /* Empuja el botón al fondo si flex-grow no funciona como se espera */
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
/* ================================================================= */
/* === CORRECCIÓN DE ALINEACIÓN PARA TARJETAS DE CATEGORÍAS (IMAGEN + TEXTO) === */
/* ================================================================= */

/* 
  1. Contenedor principal de la tarjeta.
  Lo convertimos en una columna flexible para apilar la imagen y el texto verticalmente.
  Esto asegura que el texto SIEMPRE vaya debajo de la imagen y nunca se desborde.
*/
.place-card-container1, .place-card-container3, .place-card-container5, .place-card-container7 {
  display: flex;
  flex-direction: column;
  height: 100%; /* Muy importante: hace que la tarjeta ocupe todo el alto disponible */
  background-color: #0c0c0c; /* Opcional: un color de fondo por si las imágenes no cargan */
}

/* 
  2. La imagen.
  Le damos una altura fija para que TODAS las tarjetas sean simétricas y uniformes.
  'object-fit: cover' previene que la imagen se estire o se deforme.
*/
.place-card-image, .place-card-image1, .place-card-image2, .place-card-image3 {
  width: 100%;
  height: 260px; /* <-- ALTURA FIJA: El secreto para la simetría */
  object-fit: cover;
  flex-shrink: 0; /* Evita que la imagen se encoja */
}

/*
  3. Contenedor del texto (título, descripción, botón).
  Lo convertimos en una columna flexible para poder alinear el botón al fondo.
*/
.place-card-container2, .place-card-container4, .place-card-container6, .place-card-container8 {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex-grow: 1; /* ¡CLAVE! Hace que este contenedor de texto crezca y ocupe el espacio sobrante */
}

/*
  4. El botón "View Work".
  'margin-top: auto' es la magia que empuja el botón siempre al fondo de la tarjeta.
  Esto alinea los botones perfectamente, sin importar la cantidad de texto que haya encima.
*/
.outline-button-wrapper, .outline-button-wrapper-2316, .outline-button-wrapper-movn, .outline-button-wrapper-edga {
  margin-top: auto;
  padding-top: 16px; /* Espacio para que el botón no quede pegado al texto */
}

/* 
  5. Asegurar que el layout de las tarjetas sea una columna en móviles.
  Esto previene que se intenten poner una al lado de la otra en pantallas estrechas.
*/
@media (max-width: 599px) {
  .landing-page-cards-container {
    flex-direction: column;
  }
}

/* 
  6. Crear una rejilla de 2 columnas en tablets (como la Nexus 7)
  para un layout limpio y ordenado.
*/
@media (min-width: 600px) and (max-width: 991px) {
  .landing-page-cards-container {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Rejilla de 2 columnas iguales */
    gap: 20px; /* Espacio entre las tarjetas */
  }
}

/* ======================================================= */
/* === SOLUCIÓN DEFINITIVA PARA GALERÍA DE VIDEOS SIMÉTRICA === */
/* === (RESPETANDO EL TAMAÑO ORIGINAL DE CADA VIDEO) === */
/* ======================================================= */

/* --- 1. La Rejilla Principal --- */
.features-3up__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 columnas iguales */
  gap: 24px; /* Espacio entre tarjetas */
  align-items: stretch; /* ¡CLAVE! Fuerza a que todas las tarjetas de una fila tengan la misma altura. */
}

/* --- 2. Cada Tarjeta Individual --- */
.features-3up__card {
  display: flex;
  flex-direction: column; /* Apila el video y el texto verticalmente */
  background: rgba(30, 30, 40, 0.5);
  border-radius: 12px;
  padding: 12px;
}

/* --- 3. El Contenedor del Video (El Player) --- */
.features-3up__grid .video {
  width: 100%;
  /* ¡CLAVE! Le damos una ALTURA FIJA a la zona del reproductor. */
  height: 450px; /* <--- PUEDES AJUSTAR ESTE VALOR (ej: 400px, 500px) */
  
  /* Centramos el video dentro de este espacio fijo */
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000; /* Fondo negro para las barras laterales */
  border-radius: 8px;
  overflow: hidden;
}

/* --- 4. El Video (iframe) --- */
.features-3up__grid .video iframe {
  /* El video ocupa el máximo espacio posible DENTRO del contenedor, SIN DEFORMARSE */
  max-width: 100%;
  max-height: 100%;
  border: 0;
  
  /* Anulamos cualquier regla anterior que cause problemas */
  position: static !important;
  width: auto !important;
  height: auto !important;
}

/* --- 5. El Texto Debajo del Video --- */
/* El texto se alinea normalmente debajo del reproductor */
.features-3up__caption, .features-3up__text {
  padding: 12px 4px 4px 4px;
  text-align: center;
}
/* El contenedor de texto se estira para mantener la altura de la tarjeta consistente */
.features-3up__text {
  flex-grow: 1; 
}


/* --- 6. Anulaciones y Responsive --- */

/* Anulamos completamente el código conflictivo anterior */
.features-3up__grid .video::before,
.features-3up__card--portrait .video,
.features-3up__card--landscape .video {
  padding-top: 0 !important;
  aspect-ratio: auto !important; /* Desactivamos el forzado de aspect-ratio */
}

/* Adaptación para Tablets */
@media (max-width: 991px) {
  .features-3up__grid {
    grid-template-columns: 1fr 1fr; /* 2 columnas */
  }
  .features-3up__grid .video {
    height: 380px; /* Ajustamos la altura del reproductor para tablets */
  }
}

/* Adaptación para Móviles */
@media (max-width: 767px) {
  .features-3up__grid {
    grid-template-columns: 1fr; /* 1 columna */
  }
  .features-3up__grid .video {
    height: 420px; /* Ajustamos la altura del reproductor para móviles */
  }
}
/* =================================================================== */
/* === CORRECCIÓN DEFINITIVA V2: CENTRADO INTERNO Y FLUIDEZ === */
/* =================================================================== */

/* 
  Esta regla se aplica a todas las pantallas de hasta 767px de ancho (móviles).
*/
@media (max-width: 767px) {

  /* --- 1. Contenedor Principal (Esto ya estaba bien, pero lo mantenemos) --- */
  .landing-page-cards-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    grid-template-columns: none; /* Anulamos la rejilla */
  }

  /* --- 2. Cada Tarjeta Individual --- */
  /* Hacemos que la tarjeta ocupe todo el ancho disponible hasta un máximo, para que se vea bien en todos los móviles. */
  .place-card-container1, 
  .place-card-container3, 
  .place-card-container5, 
  .place-card-container7 {
    width: 100%;
    max-width: 340px; /* Un máximo para que no se vea demasiado ancha en móviles grandes */
  }

  /* --- 3. Contenedor del Texto (Título, Descripción, Botón) --- */
  /* ¡LA CORRECCIÓN MÁS IMPORTANTE! */
  .place-card-container2, 
  .place-card-container4, 
  .place-card-container6, 
  .place-card-container8 {
    /* Centra TODO el texto (título y descripción) dentro de la tarjeta. */
    text-align: center;
  }

  /* --- 4. El Texto de la Descripción --- */
  /* Anulamos el ancho máximo fijo que causaba el desbordamiento. */
  .place-card-text2, 
  .place-card-text4, 
  .place-card-text6, 
  .place-card-text8 {
    max-width: 100%; /* El texto ahora se adaptará al ancho de la tarjeta, sin importar lo estrecha que sea. */
  }
}

/* --- 5. (OPCIONAL PERO RECOMENDADO) Ajuste para pantallas extra estrechas --- */
/* Para dispositivos como el JioPhone 2, reducimos el padding para dar más espacio al contenido. */
@media (max-width: 360px) {
  .place-card-container2, 
  .place-card-container4, 
  .place-card-container6, 
  .place-card-container8 {
    padding: 16px; /* Menos espacio en los lados */
  }
}