/* screen - desktop-1 */

.desktop-1 {
  background-color: var(--white);
  height: 4096px;
  position: relative;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  overflow-x: hidden;
}

.desktop-1 .frame-23 {
  align-items: center;
  display: inline-flex;
  gap: 10px;
  left: calc(50.00% - 730px);
  padding: 10px;
  position: absolute;
  top: calc(50.00% - 10px);
}

.desktop-1 .rectangle-8 {
  background-color: var(--green-blue);
  height: 1936px;
  position: relative;
  width: 1440px;
}

.desktop-1 .group-7 {
  height: 953px;
  left: calc(50.00% - 720px);
  position: absolute;
  top: calc(50.00% - 1943px);
  width: 1440px;
}

.desktop-1 .frame-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  left: calc(50.00% - 730px);
  padding: 10px;
  position: absolute;
  top: calc(50.00% - 1065px);
  width: 1460px;
}

.desktop-1 .rectangle-2 {
  align-self: stretch;
  background-color: var(--jaffa);
  box-shadow: 0px 18px 16.2px #ffb77040;
  height: 31px;
  position: relative;
  width: 100%;
}

.desktop-1 .necesitas {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: 92.8px;
  font-style: italic;
  font-weight: 500;
  left: calc(50.00% - 599px);
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: calc(50.00% - 1536px);
  white-space: nowrap;
}

.desktop-1 .title {
  aspect-ratio: 3.92;
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: 149.2px;
  font-style: italic;
  font-weight: 800;
  left: calc(50.00% - 599px);
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: calc(50.00% - 1456px);
  white-space: nowrap;
  width: 686px;
}

.desktop-1 .frame-1-1 {
  align-items: center;
  background-color: var(--green-blue);
  border-radius: 78px;
  cursor: pointer;
  display: inline-flex;
  gap: 28px;
  justify-content: center;
  left: calc(50.00% - 614px);
  padding: 12px 29px;
  position: absolute;
  top: calc(50.00% - 1293px);
  transition: all 0.2s ease-in;
}

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

.desktop-1 .en-lineas-europeas {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: 67.3px;
  font-style: italic;
  font-weight: 800;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.desktop-1 .frame-16 {
  align-items: center;
  background-color: var(--jaffa);
  border-radius: 82.5px;
  display: flex;
  gap: 10px;
  height: 165px;
  justify-content: center;
  left: calc(50.00% - 542px);
  padding: 28px 14px;
  position: absolute;
  top: calc(50.00% + 63px);
  width: 1084px;
}

.desktop-1 .caractersticas-superiores {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: 85px;
  font-style: italic;
  font-weight: 800;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  transform: rotate(-0.42deg);
  white-space: nowrap;
  width: fit-content;
}

.desktop-1 .frame-14 {
  align-items: center;
  display: inline-flex;
  gap: 96px;
  left: calc(50.00% - 608px);
  position: absolute;
  top: calc(50.00% - 1024px);
}

.desktop-1 .frame-11 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 71px;
  position: relative;
  width: 699.49px;
}

.desktop-1 .frame {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 10px;
  position: relative;
}

.desktop-1 .conoce-nuestros-productos {
  color: var(--jaffa);
  font-family: var(--font-family-roboto);
  font-size: 70.7px;
  font-style: italic;
  font-weight: 800;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  text-shadow: 0px 2.21px 2.21px #00000040;
  transform: rotate(-0.42deg);
  width: 649.03px;
}

.desktop-1 .frame-8 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 81px;
  position: relative;
  width: 100%;
}

.desktop-1 .frame-4 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 23px;
  position: relative;
  width: 161.08px;
}

.desktop-1 .icono-1 {
  aspect-ratio: 1.05;
  height: 139.74px;
  width: 147.39px;
}

.desktop-1 .ms-ganancias {
  align-self: stretch;
  aspect-ratio: 9.17;
  height: 17.56px;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.desktop-1 .frame-5 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 22px;
  position: relative;
  width: 161.08px;
}

.desktop-1 .icono-2 {
  aspect-ratio: 0.95;
  height: 133.38px;
  width: 126.39px;
}

.desktop-1 .calidad-superior {
  align-self: stretch;
  aspect-ratio: 9.17;
  height: 17.56px;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.desktop-1 .frame-7 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: 215.32px;
}

.desktop-1 .icono-3 {
  align-self: stretch;
  aspect-ratio: 1.65;
  width: 100%;
}

.desktop-1 .envios-a-domicilio {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.desktop-1 .entregas-a-domicilio {
  color: var(--granite-gray);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  transform: rotate(-0.42deg);
  width: 490.95px;
}

.desktop-1 .frame-13 {
  align-items: center;
  display: flex;
  gap: 10px;
  height: 1024px;
  padding: 21px 0px;
  position: relative;
  width: 533px;
}

.desktop-1 .mask-group {
  height: 1024px;
  left: 0;
  position: absolute;
  top: 0;
  width: 533px;
}

.desktop-1 .rectangle-5 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  box-shadow: 0px 18px 16.2px #ffb77040;
  height: 887px;
  mix-blend-mode: multiply;
  position: relative;
  width: 533px;
}

.desktop-1 .frame-12 {
  align-items: center;
  display: inline-flex;
  gap: 10px;
  justify-content: center;
  left: 45px;
  padding: 10px;
  position: absolute;
  top: 740px;
}

.desktop-1 .en-corredizas-o-a {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: italic;
  font-weight: 800;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 442px;
}

.desktop-1 .frame-15 {
  align-items: center;
  display: flex;
  gap: 10px;
  height: 157px;
  left: calc(50.00% - 730px);
  padding: 31px 89px;
  position: absolute;
  top: calc(50.00% - 147px);
  width: 1460px;
}

.desktop-1 .frame-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  left: 0;
  padding: 10px;
  position: absolute;
  top: 0;
  width: 1460px;
}

.desktop-1 .rectangle-6 {
  align-self: stretch;
  background-color: var(--green-blue);
  height: 137px;
  position: relative;
  width: 100%;
}

.desktop-1 .aluminio-en-alto-desempeo {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: 73.3px;
  font-style: italic;
  font-weight: 800;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  transform: rotate(-0.42deg);
  width: 1281.03px;
}

.desktop-1 .frame-22 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 414px;
  left: calc(50.00% - 730px);
  padding: 57px 409px;
  position: absolute;
  top: calc(50.00% + 903px);
  width: 1460px;
}

.desktop-1 .rectangle-21 {
  align-self: stretch;
  background-color: var(--white);
  height: 394px;
  position: relative;
  width: 100%;
}

.desktop-1 .frame-20 {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 13px;
  position: relative;
  transition: all 0.2s ease;
  width: 619.42px;
}

.desktop-1 .frame-20:hover {
  transform: scale(1.1);
}

.desktop-1 .x16-aos-1 {
  aspect-ratio: 1.58;
  height: 161.4px;
  object-fit: cover;
  position: relative;
  width: 254.68px;
}

.desktop-1 .aos-de-experiencia-nos-respaldan {
  align-self: stretch;
  color: #a9abac;
  font-family: var(--font-family-roboto);
  font-size: 59.8px;
  font-style: italic;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 60.4px;
  position: relative;
  text-align: center;
  transform: rotate(-0.42deg);
}

.desktop-1 .rectangle-19 {
  height: 320px;
  left: calc(50.00% - 720px);
  position: absolute;
  top: calc(50.00% + 1650px);
  width: 1440px;
}

.desktop-1 .frame-19 {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  left: calc(50.00% - 608px);
  position: absolute;
  top: 2339px;
}

.desktop-1 .frame-17 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 27px;
  position: relative;
  width: 51px;
}

.desktop-1 .image {
  align-self: stretch;
  aspect-ratio: 1.08;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.desktop-1 .frame-18 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 5px;
  position: relative;
  width: 905.2px;
}

.desktop-1 .frame-18-item {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  transform: rotate(-0.42deg);
}

.desktop-1 .frame-26 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 174px;
  left: calc(50.00% - 405px);
  position: absolute;
  top: calc(50.00% + 1360px);
  width: 788px;
}

.desktop-1 .frame-24 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: 100%;
}

.desktop-1 .necesitas-ms-informacin {
  align-self: stretch;
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: 98.5px;
  font-style: italic;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 99.5px;
  position: relative;
  text-align: center;
  transform: rotate(-0.42deg);
}

.desktop-1 .mndanos-un-whatsapp {
  align-self: stretch;
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: 67.7px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 68.4px;
  position: relative;
  text-align: center;
  transform: rotate(-0.42deg);
}

.desktop-1 .frame-25 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 1px;
  position: relative;
  width: 478.19px;
}

.desktop-1 .group-6 {
  aspect-ratio: 0.88;
  background-color: var(--boston-blue);
  border-radius: 11.73px;
  height: 50.05px;
  position: relative;
  width: 43.98px;
}

.desktop-1 .facebook-1 {
  aspect-ratio: 0.47;
  height: 48px;
  left: 11px;
  object-fit: cover;
  position: absolute;
  top: 2px;
  width: 22px;
}

.desktop-1 .siguenos-en-nacebook {
  align-self: stretch;
  color: var(--green-blue);
  font-family: var(--font-family-roboto);
  font-size: 43.3px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 43.8px;
  position: relative;
  text-align: center;
  transform: rotate(-0.42deg);
}

.desktop-1 .ortalum {
  align-self: stretch;
  color: var(--green-blue);
  font-family: var(--font-family-roboto);
  font-size: 67.7px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 68.4px;
  position: relative;
  text-align: center;
  transform: rotate(-0.42deg);
}

.desktop-1 .navegacion {
  background-color: var(--white);
  box-shadow: 0px 18px 16.2px #00000040;
  display: flex;
  height: 105px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.desktop-1 .logo-1 {
  aspect-ratio: 7.09;
  height: 42px;
  margin-left: 106px;
  margin-top: 38px;
  object-fit: cover;
  width: 298px;
}

.desktop-1 .group-2 {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 6.9px;
  height: 67.97px;
  margin-left: 828px;
  margin-top: 20.5px;
  transition: all 0.2s ease-in;
  width: 49px;
}

.desktop-1 .group-2:hover {
  transform: scale(1.1);
}

.desktop-1 .llama-1 {
  aspect-ratio: 1;
  height: 44.03px;
  margin-left: 1.9px;
  object-fit: cover;
  width: 44.07px;
}

.desktop-1 .llama {
  color: var(--granite-gray);
  font-family: var(--font-family-roboto);
  font-size: 14.2px;
  font-weight: 500;
  height: 17px;
  letter-spacing: 0;
  line-height: normal;
  width: 47px;
}

.desktop-1 .group-1 {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 7px;
  height: 70.49px;
  margin-left: 30.3px;
  margin-top: 18px;
  transition: all 0.2s ease;
  width: 52px;
}

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

.desktop-1 .cotiza-1 {
  aspect-ratio: 0.95;
  height: 46.51px;
  margin-left: 3.1px;
  object-fit: cover;
  width: 44.1px;
}

.desktop-1 .cotiza {
  color: var(--granite-gray);
  font-family: var(--font-family-roboto);
  font-size: 14.2px;
  font-weight: 500;
  height: 17px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 0;
  width: 50px;
}

.desktop-1 .icono {
  object-fit: cover;
  position: relative;
}
/* screen - index */

.index {
  background-color: var(--white);
  height: 2362px;
  overflow: hidden;
  position: relative;
  width: 390px;
}

.index .mask-group-1 {
  height: 666px;
  top: calc(50.00% - 1181px);
}

.index .rectangle-6-1 {
  background-color: var(--boston-blue);
  border-radius: 89px;
  height: 114px;
  left: calc(50.00% - 195px);
  position: absolute;
  top: calc(50.00% - 488px);
  width: 390px;
}

.index .necesitas-1 {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: 31.8px;
  font-style: italic;
  font-weight: 500;
  left: calc(50.00% - 1px);
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: calc(50.00% - 670px);
  white-space: nowrap;
}

.index .title-1 {
  aspect-ratio: 3.92;
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: 51.1px;
  font-style: italic;
  font-weight: 800;
  left: calc(50.00% - 72px);
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: calc(50.00% - 644px);
  white-space: nowrap;
  width: 235px;
}

.index .conoce-nuestros-productos-1 {
  aspect-ratio: 3.92;
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: 34.2px;
  font-style: italic;
  font-weight: 800;
  left: calc(50.00% - 149px);
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: calc(50.00% - 473px);
  width: 298px;
}

.index .aluminio-en-alto-desempeo-1 {
  aspect-ratio: 3.92;
  color: var(--green-blue);
  font-family: var(--font-family-roboto);
  font-size: 32px;
  font-style: italic;
  font-weight: 800;
  left: calc(50.00% - 149px);
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: calc(50.00% - 150px);
  width: 298px;
}

.index .frame-8-1 {
  align-items: center;
  background-color: var(--jaffa);
  border-radius: 21.83px;
  cursor: pointer;
  display: flex;
  gap: 10px;
  height: 44px;
  justify-content: center;
  left: 112px;
  padding: 9px 5px;
  position: absolute;
  top: 591px;
  transition: all 0.2s ease;
  width: 258px;
}

.index .frame-8-1:hover {
  transform: scale(1.1);
}

.index .en-lineas-europeas-1 {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: 22.5px;
  font-style: italic;
  font-weight: 800;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.83px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .rectangle-7 {
  background-color: #d9d9d9;
  height: 1024px;
  left: -3470px;
  position: absolute;
  top: 3124px;
  width: 1440px;
}

.index .ms-ganancias-1 {
  aspect-ratio: 9.17;
  left: calc(50.00% - 139px);
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: calc(50.00% - 278px);
  white-space: nowrap;
  width: 68px;
}

.index .calidad-superior-1 {
  aspect-ratio: 9.17;
  left: calc(50.00% - 36px);
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: calc(50.00% - 278px);
  white-space: nowrap;
  width: 68px;
}

.index .envios-a-domicilio-1 {
  aspect-ratio: 9.17;
  left: calc(50.00% + 76px);
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: calc(50.00% - 278px);
  white-space: nowrap;
  width: 68px;
}

.index .icono-3-1 {
  aspect-ratio: 1.65;
  cursor: pointer;
  height: 55px;
  left: calc(50.00% + 65px);
  object-fit: cover;
  position: absolute;
  top: calc(50.00% - 343px);
  transition: all 0.2s ease;
  width: 91px;
}

.index .icono-3-1:hover {
  transform: scale(1.1);
}

.index .icono-1-1 {
  aspect-ratio: 1.05;
  cursor: pointer;
  height: 59px;
  left: calc(50.00% - 135px);
  object-fit: cover;
  position: absolute;
  top: calc(50.00% - 347px);
  transition: all 0.2s ease;
  width: 62px;
}

.index .icono-1-1:hover {
  transform: scale(1.1);
}

.index .icono-2-1 {
  aspect-ratio: 0.95;
  cursor: pointer;
  height: 56px;
  left: calc(50.00% - 28px);
  object-fit: cover;
  position: absolute;
  top: calc(50.00% - 344px);
  transition: all 0.2s ease;
  width: 53px;
}

.index .icono-2-1:hover {
  transform: scale(1.1);
}

.index .entregas-a-domicilio-1 {
  color: var(--granite-gray);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxxxxs);
  font-weight: 500;
  left: calc(50.00% - 139px);
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: calc(50.00% - 218px);
  transform: rotate(-0.42deg);
  width: 299px;
}

.index .mask-group-2 {
  height: 334px;
  top: calc(50.00% - 47px);
}

.index .rectangle-9 {
  height: 212px;
  left: calc(50.00% - 195px);
  position: absolute;
  top: calc(50.00% + 75px);
  width: 390px;
}

.index .en-corredizas-o-a-1 {
  aspect-ratio: 4.65;
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxxs);
  font-style: italic;
  font-weight: 800;
  left: calc(50.00% - 142px);
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: calc(50.00% + 224px);
  width: 284px;
}

.index .rectangle-10 {
  background-color: var(--green-blue);
  height: 823px;
  left: calc(50.00% - 194px);
  position: absolute;
  top: calc(50.00% + 285px);
  width: 390px;
}

.index .rectangle-11 {
  background-color: var(--jaffa);
  height: 107px;
  left: calc(50.00% - 194px);
  position: absolute;
  top: calc(50.00% + 330px);
  width: 389px;
}

.index .rectangle-15 {
  background-color: var(--white);
  height: 172px;
  left: calc(50.00% - 194px);
  position: absolute;
  top: calc(50.00% + 685px);
  width: 389px;
}

.index .rectangle-12 {
  background-color: #ffa35f;
  height: 15px;
  left: calc(50.00% - 194px);
  position: absolute;
  top: calc(50.00% + 315px);
  width: 389px;
}

.index .rectangle-13 {
  background-color: #ffc79d;
  height: 15px;
  left: calc(50.00% - 194px);
  position: absolute;
  top: calc(50.00% + 300px);
  width: 389px;
}

.index .rectangle-14 {
  background-color: var(--white);
  height: 15px;
  left: calc(50.00% - 194px);
  position: absolute;
  top: calc(50.00% + 285px);
  width: 389px;
}

.index .rectangle-16 {
  background-color: #50ace7;
  height: 15px;
  left: calc(50.00% - 194px);
  position: absolute;
  top: calc(50.00% + 886px);
  width: 389px;
}

.index .rectangle-17 {
  background-color: #90d1fa;
  height: 15px;
  left: calc(50.00% - 194px);
  position: absolute;
  top: calc(50.00% + 871px);
  width: 389px;
}

.index .rectangle-18 {
  background-color: var(--white);
  height: 15px;
  left: calc(50.00% - 194px);
  position: absolute;
  top: calc(50.00% + 856px);
  width: 389px;
}

.index .caractersticas-superiores-1 {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: 33.6px;
  font-style: italic;
  font-weight: 800;
  left: calc(50.00% - 134px);
  letter-spacing: 0;
  line-height: 33.9px;
  position: absolute;
  text-align: center;
  top: calc(50.00% + 346px);
  transform: rotate(-0.42deg);
  width: 268px;
}

.index .necesitas-ms-informacin-1 {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: 33.6px;
  font-style: italic;
  font-weight: 800;
  left: calc(50.00% - 134px);
  letter-spacing: 0;
  line-height: 33.9px;
  position: absolute;
  text-align: center;
  top: calc(50.00% + 924px);
  transform: rotate(-0.42deg);
  width: 268px;
}

.index .mndanos-un-whatsapp-1 {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: 23.1px;
  font-weight: 600;
  left: calc(50.00% - 134px);
  letter-spacing: 0;
  line-height: 23.3px;
  position: absolute;
  text-align: center;
  top: calc(50.00% + 999px);
  transform: rotate(-0.42deg);
  width: 267px;
}

.index .name {
  left: calc(50.00% - 112px);
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: calc(50.00% + 469px);
  transform: rotate(-0.42deg);
  width: 278px;
}

.index .mayor-esttica-y-funcionalidad {
  left: calc(50.00% - 112px);
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: calc(50.00% + 526px);
  transform: rotate(-0.42deg);
  width: 278px;
}

.index .ensamble-prctico {
  left: calc(50.00% - 112px);
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: calc(50.00% + 497px);
  transform: rotate(-0.42deg);
  width: 159px;
}

.index .hermeticidad-al-aire-agua-y-polvo {
  left: calc(50.00% - 112px);
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: calc(50.00% + 555px);
  transform: rotate(-0.42deg);
  width: 288px;
}

.index .aislamiento-acstico {
  left: calc(50.00% - 112px);
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: calc(50.00% + 584px);
  transform: rotate(-0.42deg);
  width: 288px;
}

.index .pelcula-protectora {
  left: calc(50.00% - 112px);
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: calc(50.00% + 613px);
  transform: rotate(-0.42deg);
  width: 288px;
}

.index .image-1 {
  top: calc(50.00% + 470px);
}

.index .image-2 {
  top: calc(50.00% + 498px);
}

.index .image-3 {
  top: calc(50.00% + 526px);
}

.index .image-4 {
  top: calc(50.00% + 554px);
}

.index .image-5 {
  top: calc(50.00% + 582px);
}

.index .image-6 {
  top: calc(50.00% + 610px);
}

.index .frame-9 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 10px;
  left: 51px;
  position: absolute;
  top: 1890px;
  transition: all 0.2s ease;
  width: 287px;
}

.index .frame-9:hover {
  transform: scale(1.1);
}

.index .group-8 {
  height: 147.09px;
  margin-right: -2.00px;
  position: relative;
  width: 289.42px;
}

.index .aos-de-experiencia-nos-respaldan-1 {
  color: #a9abac;
  font-family: var(--font-family-roboto);
  font-size: 27.7px;
  font-style: italic;
  font-weight: 500;
  left: calc(50.00% - 145px);
  letter-spacing: 0;
  line-height: 28.0px;
  position: absolute;
  text-align: center;
  top: calc(50.00% + 17px);
  transform: rotate(-0.42deg);
  width: 287px;
}

.index .x16-aos-1-1 {
  aspect-ratio: 1.58;
  height: 75px;
  left: calc(50.00% - 60px);
  object-fit: cover;
  position: absolute;
  top: calc(50.00% - 74px);
  width: 118px;
}

.index .rectangle-19-1 {
  height: 121px;
  left: calc(50.00% - 195px);
  position: absolute;
  top: calc(50.00% + 1037px);
  width: 390px;
}

.index .ortalum-1 {
  color: var(--green-blue);
  font-family: var(--font-family-roboto);
  font-size: 23.1px;
  font-weight: 600;
  left: calc(50.00% - 45px);
  letter-spacing: 0;
  line-height: 23.3px;
  position: absolute;
  text-align: center;
  top: calc(50.00% + 1134px);
  transform: rotate(-0.42deg);
  width: 90px;
}

.index .siguenos-en-nacebook-1 {
  color: var(--green-blue);
  font-family: var(--font-family-roboto);
  font-size: 14.8px;
  font-weight: 300;
  left: calc(50.00% - 82px);
  letter-spacing: 0;
  line-height: 14.9px;
  position: absolute;
  text-align: center;
  top: calc(50.00% + 1118px);
  transform: rotate(-0.42deg);
  width: 163px;
}

.index .group-6-1 {
  align-items: center;
  aspect-ratio: 0.88;
  background-color: var(--boston-blue);
  border-radius: 4px;
  display: flex;
  height: 17px;
  justify-content: center;
  left: calc(50.00% - 7px);
  position: absolute;
  top: calc(50.00% + 1100px);
  width: 15px;
}

.index .facebook-1-1 {
  aspect-ratio: 0.47;
  height: 16.36px;
  margin-left: -0.2px;
  margin-top: 0.7px;
  object-fit: cover;
  width: 7.61px;
}

.index .group-5 {
  background-color: var(--white);
  box-shadow: 0px 9px 11.2px 1px #00000026;
  display: flex;
  height: 71px;
  left: 0;
  position: fixed;
  top: 0;
  width: 390px;
}

.index .logo-1-1 {
  aspect-ratio: 7.09;
  height: 25px;
  margin-left: 32px;
  margin-top: 21px;
  object-fit: cover;
  width: 180px;
}

.index .group-4 {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 7px;
  height: 48.26px;
  margin-left: 75.9px;
  margin-top: 14.4px;
  transition: all 0.2s ease;
  width: 33.32px;
}

.index .group-4:hover {
  transform: scale(1.1);
}

.index .llama-1-1 {
  aspect-ratio: 1;
  height: 31.3px;
  object-fit: cover;
  width: 31.32px;
}

.index .llama-2 {
  color: var(--granite-gray);
  font-family: var(--font-family-roboto);
  font-size: 8.3px;
  font-weight: 500;
  height: 10px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 2.1px;
  white-space: nowrap;
  width: 28px;
}

.index .group-3 {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 6.8px;
  height: 49.66px;
  margin-left: 17.5px;
  margin-top: 13px;
  transition: all 0.2s ease;
  width: 33.31px;
}

.index .group-3:hover {
  transform: scale(1.1);
}

.index .cotiza-1-1 {
  aspect-ratio: 0.95;
  cursor: pointer;
  height: 32.86px;
  margin-left: 0.2px;
  object-fit: cover;
  width: 31.16px;
}

.index .cotiza-2 {
  color: var(--granite-gray);
  font-family: var(--font-family-roboto);
  font-size: 8.3px;
  font-weight: 500;
  height: 10px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  width: 30px;
}

.index .image {
  aspect-ratio: 1.08;
  height: 23px;
  left: calc(50.00% - 142px);
  object-fit: cover;
  position: absolute;
  width: 25px;
}

.index .mask-group {
  left: calc(50.00% - 195px);
  position: absolute;
  width: 390px;
}
@media screen and (max-width: 1439px) {
  .screen.desktop-1 { 
    display: none;
   }
}
@media screen and (min-width: 1440px) {
  .screen.index { 
    display: none;
   }
}
/* FIX: fixed navigation and scroll */
.desktop-1 {
  overflow: auto;
  padding-top: 105px;
}

.index {
  overflow: auto;
  padding-top: 71px;
}

.desktop-1 .navegacion {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}


/* FIX full width */
html, body {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

header {
  width: 100%;
  max-width: 100%;
}

/* =============================
   RESPONSIVE INTERMEDIO (AUTO)
   ============================= */

/* Large tablets / small desktops */
@media (max-width: 1200px) {
  body {
    overflow-x: hidden;
  }

  .container,
  .section,
  .frame {
    max-width: 100%;
    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
  }

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

/* Tablets */
@media (max-width: 992px) {
  body {
    overflow-x: hidden;
  }

  .navbar,
  header {
    padding-left: 20px;
    padding-right: 20px;
  }

  h1 {
    font-size: clamp(32px, 4vw, 48px);
  }

  h2 {
    font-size: clamp(24px, 3.2vw, 36px);
  }

  p {
    font-size: clamp(14px, 2vw, 18px);
  }

  .hero,
  .hero * {
    max-width: 100%;
  }

  .row,
  .columns {
    flex-wrap: wrap;
  }
}