/* screen - index */

.index {
  background-color: #ffffff;
  cursor: pointer;
  margin: 0px;
  min-height: 970px;
  min-width: 1280px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.index .rectangle-148476-IO3Fu5 {
  background-color: transparent;
  border: 1px solid;
  border-color: #707070;
  height: 371px;
  overflow: hidden;
  position: absolute;
  right: calc(49.75% - 343px);
  top: 248px;
  width: 689px;
}

.index .title-IO3Fu5 {
  background-color: transparent;
  color: var(--black);
  font-family: var(--font-family-futurapt_cond-extrabold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
  height: 576px;
  letter-spacing: -5.70px;
  line-height: 165px;
  position: absolute;
  right: calc(49.70% - 468px);
  text-align: center;
  top: 178px;
  white-space: nowrap;
  width: 942px;
}

.index .logo-IO3Fu5 {
  background-color: transparent;
  height: 82px;
  object-fit: cover;
  position: absolute;
  right: calc(49.00% - 61px);
  top: 56px;
  width: 125px;
}

.index .signup-buton-IO3Fu5 {
  background-color: transparent;
  cursor: pointer;
  height: 41px;
  position: absolute;
  right: calc(49.84% - 163px);
  top: 703px;
  width: 327px;
}

.index .rectangle-148475-qcZG3z {
  background-color: var(--starship);
  border-radius: 4px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .hover-qcZG3z {
  background-color: var(--starship);
  border-radius: 25px;
  cursor: pointer;
  height: 100%;
  left: 0px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease;
  width: 100%;
}

.index .hover-qcZG3z:hover {
  opacity: 1;
}

.index .mientras-mir-nuestro-reel-qcZG3z {
  background-color: transparent;
  bottom: calc(28.95% - 6px);
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  height: 22px;
  letter-spacing: 0.11px;
  line-height: 15px;
  position: absolute;
  right: calc(48.97% - 89px);
  text-align: center;
  white-space: nowrap;
  width: 182px;
}
/* screen - mobile */

.mobile {
  background-color: #ffffff;
  margin: 0px;
  min-height: 634px;
  min-width: 320px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.mobile .path-1-LP8vkM {
  background-color: transparent;
  height: 145px;
  overflow: hidden;
  position: absolute;
  right: calc(50.00% - 132px);
  top: 186px;
  width: 265px;
}

.mobile .path-1-LP8vkM video {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.mobile .path-1-LP8vkM img {
  object-fit: cover;
}

.mobile .title-LP8vkM {
  background-color: transparent;
  color: var(--black);
  font-family: var(--font-family-futurapt_cond-extrabold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
  height: 279px;
  letter-spacing: -1.89px;
  line-height: 49px;
  position: absolute;
  right: calc(47.06% - 135px);
  text-align: center;
  top: 153px;
  white-space: nowrap;
  width: 286px;
}

.mobile .logo-LP8vkM {
  background-color: transparent;
  height: 64px;
  object-fit: cover;
  position: absolute;
  right: calc(49.18% - 48px);
  top: 45px;
  width: 97px;
}

.mobile .signup-buton-LP8vkM {
  background-color: transparent;
  cursor: pointer;
  height: 30px;
  left: calc(50.00% - 113px);
  position: absolute;
  top: 414px;
  width: 226px;
}

.mobile .rectangle-148475-hNREY4 {
  background-color: var(--starship);
  border-radius: 4px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobile .hover-hNREY4 {
  background-color: var(--starship);
  border-radius: 25px;
  cursor: pointer;
  height: 100%;
  left: 0px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease;
  width: 100%;
}

.mobile .hover-hNREY4:hover {
  opacity: 1;
}

.mobile .mientras-mir-nuestro-reel-hNREY4 {
  background-color: transparent;
  bottom: calc(23.08% - 4px);
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
  height: 18px;
  letter-spacing: 0.09px;
  line-height: 12px;
  position: absolute;
  right: calc(48.75% - 71px);
  text-align: center;
  white-space: nowrap;
  width: 146px;
}
@media screen and (max-width: 1279px) {
  .screen.index { 
    display: none;
   }
}
@media screen and (min-width: 1280px) {
  .screen.mobile { 
    display: none;
   }
}