/* screen - landing-page */

.landing-page {
  align-items: flex-start;
  background-color: var(--ebb);
  display: flex;
  flex-direction: column;
  height: 3709px;
  overflow: hidden;
  width: 1280px;
}

.landing-page .navbar {
  align-items: center;
  align-self: center;
  display: flex;
  height: 75px;
  margin-left: 29.24px;
  margin-top: 48px;
  min-width: 1183px;
}

.landing-page .la-odri-logo {
  align-items: flex-start;
  background-image: url(../img/group-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  margin-bottom: 1.1px;
  min-width: 147px;
}

.landing-page .overlap-group {
  height: 59px;
  position: relative;
  width: 147px;
}

.landing-page .path-1 {
  height: 27px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 12px;
  width: 52px;
}

.landing-page .path-2 {
  height: 27px;
  left: 17px;
  object-fit: cover;
  position: absolute;
  top: 2px;
  width: 35px;
}

.landing-page .group-4 {
  background-image: url(../img/group-3@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 59px;
  left: 0;
  position: absolute;
  top: 0;
  width: 147px;
}

.landing-page .destello-negro {
  background-image: url(../img/group-5-4@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 30px;
  margin-bottom: 1.1px;
  margin-left: 31px;
  width: 31px;
}

.landing-page .navbar-link-place {
  letter-spacing: 0;
  line-height: 12px;
  margin-left: 17px;
  margin-top: 4.0px;
  min-height: 16px;
  min-width: 78px;
  white-space: nowrap;
}

.landing-page .navbar-link-about-us {
  letter-spacing: 0;
  line-height: 12px;
  margin-left: 17px;
  margin-top: 4.0px;
  min-height: 16px;
  min-width: 133px;
  white-space: nowrap;
}

.landing-page .navbar-link-ser-vi-ces {
  letter-spacing: 0;
  line-height: 12px;
  margin-left: 20px;
  margin-top: 4.0px;
  min-height: 16px;
  min-width: 132px;
  white-space: nowrap;
}

.landing-page .navbar-link-p-ri-ci-ng {
  letter-spacing: 0;
  line-height: 12px;
  margin-left: 20px;
  margin-top: 4.0px;
  min-height: 16px;
  min-width: 103px;
  white-space: nowrap;
}

.landing-page .overlap-group12 {
  align-items: flex-end;
  background-color: var(--shark);
  display: flex;
  height: 23px;
  margin-bottom: 1.0px;
  margin-left: 23px;
  min-width: 197px;
  padding: 3.5px 11px;
}

.landing-page .buscar {
  color: #e8e3de76;
  font-family: var(--font-family-joyride-regular);
  font-size: 9px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 9px;
  min-height: 12px;
  min-width: 84px;
  white-space: nowrap;
}

.landing-page .overlap-group2 {
  align-self: flex-start;
  height: 76px;
  margin-left: 5px;
  margin-top: -0.5px;
  position: relative;
  width: 228px;
}

.landing-page .destello-negro-1 {
  background-image: url(../img/group-5-4@1x.png);
  height: 30px;
  left: 0;
  position: absolute;
  top: 45px;
  width: 31px;
}

.landing-page .connectwi-th-us {
  color: var(--shark);
  font-family: var(--font-family-joyride);
  font-size: 15px;
  font-weight: 400;
  left: 37px;
  letter-spacing: 0;
  line-height: 15px;
  position: absolute;
  top: 14px;
  white-space: nowrap;
}

.landing-page .span {
  font-family: var(--font-family-joyride-outline);
}

.landing-page .linea {
  height: 61px;
  left: 15px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 213px;
}

.landing-page .overlap-group17 {
  height: 1408px;
  margin-left: 0;
  margin-top: 77px;
  position: relative;
  width: 1372px;
}

.landing-page .we-r {
  color: var(--shark);
  font-family: var(--font-family-joyride-regular);
  font-size: 78px;
  font-weight: 400;
  left: 63px;
  letter-spacing: 0;
  line-height: 78px;
  position: absolute;
  top: 82px;
  white-space: nowrap;
}

.landing-page .cool {
  color: var(--shark);
  font-family: var(--font-family-joyride-outline);
  font-size: 78px;
  font-weight: 400;
  left: 63px;
  letter-spacing: 0;
  line-height: 78px;
  position: absolute;
  top: 194px;
  white-space: nowrap;
}

.landing-page .overlap-group7 {
  height: 1025px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1372px;
}

.landing-page .stuff {
  color: var(--shark);
  font-family: var(--font-family-joyride-regular);
  font-size: 78px;
  font-weight: 400;
  left: 64px;
  letter-spacing: 0;
  line-height: 78px;
  position: absolute;
  top: 305px;
  white-space: nowrap;
}

.landing-page .destello-outline {
  background-image: url(../img/group-6@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 434px;
  left: 593px;
  position: absolute;
  top: 0;
  width: 445px;
}

.landing-page .barra-de-servicios {
  align-items: flex-start;
  background-image: url(../img/path-8@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 330px;
  left: 0;
  min-width: 1280px;
  padding: 39.9px 4.1px;
  position: absolute;
  top: 361px;
}

.landing-page .branding {
  align-self: flex-end;
  letter-spacing: 0;
  line-height: 25px;
  margin-bottom: 0.79px;
  min-width: 149px;
  transform: rotate(-11.04deg);
  white-space: nowrap;
}

.landing-page .span-2 {
  letter-spacing: -0.16px;
}

.landing-page .path-9 {
  align-self: flex-end;
  height: 34px;
  margin-bottom: 16.01px;
  margin-left: 26px;
  object-fit: cover;
  width: 33px;
}

.landing-page .social-media {
  align-self: flex-end;
  letter-spacing: 0;
  line-height: 25px;
  margin-bottom: 49.65px;
  margin-left: 12px;
  min-width: 209px;
  transform: rotate(-11.04deg);
  white-space: nowrap;
}

.landing-page .path-10 {
  align-self: center;
  height: 34px;
  margin-left: 24px;
  margin-top: 75.16px;
  object-fit: cover;
  width: 33px;
}

.landing-page .product-photography {
  line-height: 25px;
  margin-bottom: 8.77px;
  margin-left: 10px;
  min-width: 349px;
  transform: rotate(-11.04deg);
}

.landing-page .span-3 {
  letter-spacing: -0.18px;
}

.landing-page .path-12 {
  align-self: center;
  height: 34px;
  margin-bottom: 92.66px;
  margin-left: 34px;
  object-fit: cover;
  width: 33px;
}

.landing-page .branding-1 {
  line-height: 25px;
  margin-left: 28px;
  margin-top: 39.39px;
  min-width: 149px;
  transform: rotate(-11.04deg);
}

.landing-page .path-11 {
  height: 34px;
  margin-left: 26px;
  margin-top: 15.18px;
  object-fit: cover;
  width: 33px;
}

.landing-page .social {
  letter-spacing: 0;
  line-height: 25px;
  margin-left: 13px;
  transform: rotate(-11.04deg);
  white-space: nowrap;
}

.landing-page .destello-outline-1 {
  display: flex;
  height: 306px;
  left: 1008px;
  position: absolute;
  top: 655px;
  transform: rotate(-46.00deg);
  width: 300px;
}

.landing-page .group-6 {
  flex: 1;
  margin-bottom: -61.0px;
  margin-left: -64.5px;
  margin-right: -64.5px;
  margin-top: -61.0px;
  object-fit: cover;
  transform: rotate(46.00deg);
  width: 428.57px;
}

.landing-page .radica-en-su-capacid {
  color: var(--shark);
  font-family: var(--font-family-joyride-regular);
  font-size: var(--font-size-xxxl);
  font-weight: 400;
  height: 96px;
  left: 362px;
  letter-spacing: 0;
  line-height: 22px;
  position: absolute;
  top: 928px;
  width: 729px;
}

.landing-page .overlap-group10 {
  height: 343px;
  left: 31px;
  position: absolute;
  top: 735px;
  width: 319px;
}

.landing-page .mask-group-8 {
  height: 298px;
  left: 23px;
  top: 23px;
  width: 273px;
}

.landing-page .destello-negro-2 {
  background-image: url(../img/group-5-1@1x.png);
  height: 32px;
  left: 285px;
  position: absolute;
  top: 0;
  width: 33px;
}

.landing-page .destello-negro-3 {
  background-image: url(../img/group-5-1@1x.png);
  height: 32px;
  left: 0;
  position: absolute;
  top: 311px;
  width: 33px;
}

.landing-page .el-verdaderopoder-del-diseo {
  color: var(--shark);
  font-family: var(--font-family-joyride);
  font-size: 50px;
  font-weight: 400;
  left: 362px;
  letter-spacing: 0;
  line-height: 50px;
  position: absolute;
  top: 801px;
  white-space: nowrap;
}

.landing-page .span-4 {
  font-family: var(--font-family-joyride-regular);
}

.landing-page .group-container {
  height: 352px;
  left: 0;
  position: absolute;
  top: 1056px;
  width: 1280px;
}

.landing-page .mask-group-1 {
  cursor: pointer;
  height: 352px;
  left: 328px;
  top: 0;
  width: 952px;
}

.landing-page .group-15 {
  align-items: flex-start;
  background-color: var(--shark);
  display: flex;
  gap: 6px;
  height: 94px;
  justify-content: flex-end;
  left: 0;
  min-width: 387px;
  position: absolute;
  top: 182px;
}

.landing-page .destello-negro-4 {
  align-self: center;
  background-image: url(../img/group-5-3@1x.png);
  height: 32px;
  margin-top: 0.33px;
  width: 33px;
}

.landing-page .overlap-group1 {
  height: 96px;
  margin-top: -0.5px;
  position: relative;
  width: 328px;
}

.landing-page .la-gran-tabla-charcuterie-brand {
  left: 0;
  letter-spacing: 0;
  line-height: 18px;
  position: absolute;
  text-align: right;
  top: 29px;
  white-space: nowrap;
}

.landing-page .path-15 {
  height: 96px;
  left: 269px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 59px;
}

.landing-page .chief-de-si-gner {
  left: 72px;
  letter-spacing: 0;
  line-height: 13px;
  position: absolute;
  top: 1071px;
  white-space: nowrap;
}

.landing-page .overlap-group9 {
  align-items: flex-end;
  background-color: var(--shark);
  display: flex;
  flex-direction: column;
  gap: 27px;
  margin-top: 15px;
  min-height: 205px;
  padding: 51px 89px;
  width: 1280px;
}

.landing-page .branding-2 {
  align-self: center;
  color: var(--padua);
  cursor: pointer;
  font-family: var(--font-family-joyride-regular);
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  margin-right: 2.0px;
  margin-top: 6px;
  min-height: 30px;
  min-width: 292px;
  text-align: center;
}

.landing-page .en-la-odri-design-st {
  color: var(--padua);
  font-family: var(--font-family-joyride-regular);
  font-size: var(--font-size-xl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 16px;
  min-height: 40px;
  text-align: center;
  width: 1100px;
}

.landing-page .overlap-group6 {
  align-items: flex-end;
  background-color: var(--ebb);
  display: flex;
  flex-direction: column;
  gap: 27px;
  min-height: 196px;
  padding: 37px 89px;
  width: 1280px;
}

.landing-page .social-me-di-a {
  align-self: center;
  cursor: pointer;
  letter-spacing: 0;
  line-height: 24px;
  margin-right: 2.0px;
  margin-top: 6px;
  min-height: 30px;
  min-width: 380px;
  text-align: center;
  white-space: nowrap;
}

.landing-page .en-la-odri-design-st-1 {
  min-height: 59px;
}

.landing-page .overlap-group8 {
  align-items: flex-end;
  background-color: var(--padua);
  display: flex;
  flex-direction: column;
  gap: 27px;
  min-height: 209px;
  padding: 53px 89px;
  width: 1280px;
}

.landing-page .product-shoot {
  cursor: pointer;
  line-height: 24px;
  margin-right: 4.0px;
  min-height: 30px;
  min-width: 450px;
  text-align: center;
}

.landing-page .en-la-odri-design-st-2 {
  min-height: 40px;
}

.landing-page .overlap-group4 {
  align-items: center;
  background-color: var(--shark);
  display: flex;
  flex-direction: column;
  margin-top: 17px;
  min-height: 720px;
  padding: 42.0px 39.5px;
  width: 1280px;
}

.landing-page .flex-row {
  align-items: center;
  display: flex;
  margin-left: 25.0px;
  margin-top: 5px;
  min-width: 1131px;
}

.landing-page .branding-3 {
  line-height: 12px;
  margin-top: 10.0px;
  min-height: 16px;
  min-width: 90px;
  text-align: center;
}

.landing-page .social-media-1 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 12px;
  margin-left: 39px;
  margin-top: 10.0px;
  min-height: 16px;
  min-width: 128px;
  text-align: center;
  white-space: nowrap;
}

.landing-page .produccin-de-fotos {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 12px;
  margin-left: 36px;
  margin-top: 10.0px;
  min-height: 16px;
  min-width: 201px;
  white-space: nowrap;
}

.landing-page .group-48 {
  align-items: flex-end;
  background-color: var(--padua);
  display: flex;
  height: 36px;
  margin-left: 522px;
  min-width: 115px;
  padding: 4.5px 18.0px;
}

.landing-page .plans-pri-ci-ng {
  color: var(--padua);
  font-family: var(--font-family-joyride);
  font-size: var(--font-size-xxxxl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 30px;
  margin-right: 16.9px;
  margin-top: 56px;
  min-height: 38px;
  min-width: 560px;
  text-align: center;
  white-space: nowrap;
}

.landing-page .overlap-group-container {
  align-items: center;
  align-self: flex-end;
  display: flex;
  gap: 77px;
  margin-top: 28px;
  min-width: 1192px;
}

.landing-page .overlap-group13 {
  height: 311px;
  margin-bottom: 36.44px;
  position: relative;
  width: 352px;
}

.landing-page .destello-mint {
  display: flex;
  height: 21px;
  left: 88px;
  position: absolute;
  top: 80px;
  transform: rotate(-38.00deg);
  width: 21px;
}

.landing-page .rectangle-61 {
  background-color: var(--padua);
  height: 269px;
  left: 39px;
  position: absolute;
  top: 0;
  width: 313px;
}

.landing-page .destello-blanco {
  display: flex;
  height: 124px;
  left: 0;
  position: absolute;
  top: 175px;
  transform: rotate(-2.00deg);
  width: 127px;
}

.landing-page .group-45-1 {
  margin-bottom: -2.2px;
  margin-left: -2.1px;
  margin-right: -2.1px;
  margin-top: -2.2px;
  transform: rotate(2.00deg);
  width: 131.31px;
}

.landing-page .destello-mint-1 {
  left: 88px;
  top: 113px;
}

.landing-page .destello-mint-2 {
  left: 85px;
  top: 80px;
}

.landing-page .destello-mint-3 {
  left: 88px;
  top: 146px;
}

.landing-page .brand-essentials {
  left: 64px;
  letter-spacing: 0;
  line-height: 18px;
  position: absolute;
  text-align: center;
  top: 37px;
  white-space: nowrap;
}

.landing-page .us95rd5300 {
  left: 122px;
  letter-spacing: 0;
  line-height: 15px;
  position: absolute;
  text-align: center;
  top: 195px;
  white-space: nowrap;
}

.landing-page .identidad-visual {
  left: 114px;
  letter-spacing: 0;
  line-height: 12px;
  position: absolute;
  top: 148px;
  white-space: nowrap;
}

.landing-page .paleta-de-colores {
  left: 114px;
  letter-spacing: 0;
  line-height: 12px;
  position: absolute;
  top: 116px;
  white-space: nowrap;
}

.landing-page .diseo-de-logotipo {
  left: 114px;
  letter-spacing: 0;
  line-height: 12px;
  position: absolute;
  top: 84px;
  white-space: nowrap;
}

.landing-page .destello-outline-2 {
  display: flex;
  height: 103px;
  left: 11px;
  position: absolute;
  top: 185px;
  transform: rotate(14.00deg);
  width: 106px;
}

.landing-page .group-47 {
  flex: 1;
  margin-bottom: -11.3px;
  margin-left: -10.9px;
  margin-right: -10.9px;
  margin-top: -11.3px;
  object-fit: cover;
  transform: rotate(-14.00deg);
  width: 127.51px;
}

.landing-page .overlap-group16 {
  height: 473px;
  position: relative;
  width: 763px;
}

.landing-page .branding-4 {
  color: var(--padua);
  font-family: var(--font-family-joyride-regular);
  font-size: 24px;
  font-weight: 400;
  left: 73px;
  line-height: 24px;
  position: absolute;
  text-align: center;
  top: 0;
}

.landing-page .overlap-group-container-1 {
  height: 472px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 763px;
}

.landing-page .overlap-group14 {
  height: 351px;
  left: 0;
  position: absolute;
  top: 62px;
  width: 422px;
}

.landing-page .destello-mint-4 {
  left: 47px;
  top: 80px;
}

.landing-page .rectangle-62 {
  background-color: var(--padua);
  height: 325px;
  left: 0;
  position: absolute;
  top: 0;
  width: 313px;
}

.landing-page .destello-blanco-1 {
  left: 245px;
  top: 175px;
  transform: rotate(-38.00deg);
}

.landing-page .group-45-2 {
  margin-bottom: -26.0px;
  margin-left: -24.7px;
  margin-right: -24.7px;
  margin-top: -26.0px;
  transform: rotate(38.00deg);
  width: 176.43px;
}

.landing-page .destello-mint-5 {
  left: 47px;
  top: 118px;
}

.landing-page .destello-mint-6 {
  left: 49px;
  top: 80px;
}

.landing-page .destello-mint-7 {
  left: 49px;
  top: 155px;
}

.landing-page .destello-mint-8 {
  left: 49px;
  top: 193px;
}

.landing-page .destello-outline-3 {
  display: flex;
  height: 103px;
  left: 256px;
  position: absolute;
  top: 186px;
  transform: rotate(-22.00deg);
  width: 106px;
}

.landing-page .group-47-1 {
  margin-bottom: -16.0px;
  margin-left: -15.5px;
  margin-right: -15.5px;
  margin-top: -16.0px;
  transform: rotate(22.00deg);
  width: 136.64px;
}

.landing-page .brandify {
  left: 91px;
  letter-spacing: 0;
  line-height: 18px;
  position: absolute;
  text-align: center;
  top: 40px;
  white-space: nowrap;
}

.landing-page .us150rd8400 {
  left: 83px;
  letter-spacing: 0;
  line-height: 15px;
  position: absolute;
  text-align: center;
  top: 249px;
  white-space: nowrap;
}

.landing-page .experiencia-de-marca {
  left: 77px;
  letter-spacing: 0;
  line-height: 12px;
  position: absolute;
  top: 197px;
  white-space: nowrap;
}

.landing-page .identidad-visual-1 {
  left: 77px;
  top: 160px;
}

.landing-page .paleta-de-colores-1 {
  left: 77px;
  top: 121px;
}

.landing-page .diseo-de-logotipo-1 {
  left: 77px;
  top: 84px;
}

.landing-page .overlap-group15 {
  height: 472px;
  left: 390px;
  position: absolute;
  top: 0;
  width: 373px;
}

.landing-page .rectangle-63 {
  background-color: var(--padua);
  height: 410px;
  left: 0;
  position: absolute;
  top: 62px;
  width: 313px;
}

.landing-page .destello-blanco-2 {
  left: 232px;
  top: 0;
  transform: rotate(-7.00deg);
}

.landing-page .group-45-3 {
  margin-bottom: -7.3px;
  margin-left: -7.1px;
  margin-right: -7.1px;
  margin-top: -7.3px;
  transform: rotate(7.00deg);
  width: 141.22px;
}

.landing-page .destello-mint-9 {
  left: 47px;
  top: 150px;
}

.landing-page .destello-mint-10 {
  left: 47px;
  top: 184px;
}

.landing-page .destello-mint-11 {
  left: 47px;
  top: 218px;
}

.landing-page .destello-mint-12 {
  left: 49px;
  top: 252px;
}

.landing-page .destello-mint-13 {
  left: 49px;
  top: 286px;
}

.landing-page .destello-mint-14 {
  left: 49px;
  top: 320px;
}

.landing-page .destello-mint-15 {
  left: 49px;
  top: 353px;
}

.landing-page .destello-outline-4 {
  display: flex;
  height: 103px;
  left: 242px;
  position: absolute;
  top: 10px;
  transform: rotate(9.00deg);
  width: 106px;
}

.landing-page .group-47-2 {
  margin-bottom: -7.6px;
  margin-left: -7.4px;
  margin-right: -7.4px;
  margin-top: -7.6px;
  transform: rotate(-9.00deg);
  width: 120.54px;
}

.landing-page .master-brand {
  left: 50px;
  letter-spacing: 0;
  line-height: 18px;
  position: absolute;
  text-align: center;
  top: 101px;
  white-space: nowrap;
}

.landing-page .us300rd17000 {
  left: 82px;
  letter-spacing: 0;
  line-height: 15px;
  position: absolute;
  text-align: center;
  top: 404px;
  white-space: nowrap;
}

.landing-page .estrategia-decomunicacin {
  left: 75px;
  letter-spacing: 0;
  line-height: 12px;
  position: absolute;
  top: 356px;
  white-space: nowrap;
}

.landing-page .gua-de-marca {
  left: 75px;
  letter-spacing: 0;
  line-height: 12px;
  position: absolute;
  top: 291px;
  white-space: nowrap;
}

.landing-page .identidad-visual-2 {
  left: 75px;
  top: 259px;
}

.landing-page .paleta-de-colores-2 {
  left: 75px;
  top: 226px;
}

.landing-page .diseo-de-logotipo-2 {
  left: 75px;
  top: 194px;
}

.landing-page .investigacin-yestrategia-de-marca {
  left: 75px;
  letter-spacing: 0;
  line-height: 12px;
  position: absolute;
  top: 151px;
  white-space: nowrap;
}

.landing-page .experiencia-de-marca-1 {
  left: 75px;
  letter-spacing: 0;
  line-height: 12px;
  position: absolute;
  top: 323px;
  white-space: nowrap;
}

.landing-page .overlap-group5 {
  background-color: var(--shark);
  height: 723px;
  margin-top: 16px;
  position: relative;
  width: 1280px;
}

.landing-page .connectwi-th-us-1 {
  color: var(--padua);
  font-family: var(--font-family-joyride-outline);
  font-size: 50px;
  font-weight: 400;
  left: 86px;
  letter-spacing: 0;
  line-height: 50px;
  position: absolute;
  top: 116px;
  white-space: nowrap;
}

.landing-page .destello-outline-5 {
  background-image: url(../img/group-6-2@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 562px;
  left: 685px;
  position: absolute;
  top: 64px;
  width: 576px;
}

.landing-page .rectangle-85 {
  border: 2px solid;
  border-color: var(--padua);
  height: 618px;
  left: 51px;
  position: absolute;
  top: 54px;
  width: 1179px;
}

.landing-page .nombre {
  left: 87px;
  letter-spacing: 0;
  line-height: 12px;
  position: absolute;
  top: 297px;
  white-space: nowrap;
}

.landing-page .e-m-ai-l {
  left: 87px;
  letter-spacing: 0;
  line-height: 12px;
  position: absolute;
  top: 331px;
  white-space: nowrap;
}

.landing-page .telfono {
  left: 87px;
  letter-spacing: 0;
  line-height: 12px;
  position: absolute;
  top: 364px;
  white-space: nowrap;
}

.landing-page .mensaje {
  left: 87px;
  letter-spacing: 0;
  line-height: 12px;
  position: absolute;
  top: 396px;
  white-space: nowrap;
}

.landing-page .distrito-nacionals {
  left: 87px;
  letter-spacing: 0;
  line-height: 12px;
  position: absolute;
  top: 568px;
  white-space: nowrap;
}

.landing-page .x1-809-943-2403laod {
  left: 346px;
  letter-spacing: 0;
  line-height: 12px;
  position: absolute;
  top: 568px;
  white-space: nowrap;
}

.landing-page .path-38 {
  height: 2px;
  left: 271px;
  object-fit: cover;
  position: absolute;
  top: 311px;
  width: 446px;
}

.landing-page .path-39 {
  height: 2px;
  left: 271px;
  object-fit: cover;
  position: absolute;
  top: 344px;
  width: 446px;
}

.landing-page .path-40 {
  height: 2px;
  left: 314px;
  object-fit: cover;
  position: absolute;
  top: 377px;
  width: 403px;
}

.landing-page .path-41 {
  height: 2px;
  left: 314px;
  object-fit: cover;
  position: absolute;
  top: 411px;
  width: 403px;
}

.landing-page .ig {
  align-items: flex-end;
  background-image: url(../img/path-42@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 40px;
  justify-content: flex-end;
  left: 1007px;
  min-width: 40px;
  padding: 7.5px 7.5px;
  position: absolute;
  top: 573px;
}

.landing-page .path-container {
  background-image: url(../img/path-43@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 25px;
  position: relative;
  width: 25px;
}

.landing-page .path-44 {
  height: 13px;
  left: 6px;
  object-fit: cover;
  position: absolute;
  top: 6px;
  width: 13px;
}

.landing-page .path-45 {
  height: 3px;
  left: 18px;
  object-fit: cover;
  position: absolute;
  top: 4px;
  width: 3px;
}

.landing-page .wapp {
  align-items: flex-start;
  background-image: url(../img/path-46@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 40px;
  justify-content: flex-end;
  left: 1061px;
  min-width: 40px;
  padding: 7.0px 6.7px;
  position: absolute;
  top: 573px;
}

.landing-page .path-47 {
  height: 26px;
  object-fit: cover;
  width: 26px;
}

.landing-page .linkedin {
  align-items: flex-start;
  background-image: url(../img/path-48@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 2px;
  left: 1113px;
  min-height: 40px;
  padding: 7.4px 7.9px;
  position: absolute;
  top: 573px;
  width: 40px;
}

.landing-page .path-51 {
  height: 6px;
  margin-left: 0.62px;
  object-fit: cover;
  width: 6px;
}

.landing-page .path-container-1 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  gap: 3px;
  min-width: 24px;
}

.landing-page .path-50 {
  align-self: flex-end;
  height: 16px;
  object-fit: cover;
  width: 5px;
}

.landing-page .path-49 {
  height: 16px;
  object-fit: cover;
  width: 15px;
}

.landing-page .branding-5 {
  letter-spacing: 0;
  white-space: nowrap;
}

.landing-page .destello-blanco-3 {
  display: flex;
  height: 124px;
  position: absolute;
  width: 127px;
}

.landing-page .destello-mint-16 {
  display: flex;
  height: 21px;
  position: absolute;
  transform: rotate(-38.00deg);
  width: 21px;
}

.landing-page .destello-negro-5 {
  background-position: 50% 50%;
  background-size: cover;
}

.landing-page .diseo-de-logotipo-3 {
  letter-spacing: 0;
  line-height: 12px;
  position: absolute;
  white-space: nowrap;
}

.landing-page .en-la-odri-design-st-3 {
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  width: 1100px;
}

.landing-page .group-45-4 {
  flex: 1;
  object-fit: cover;
}

.landing-page .identidad-visual-3 {
  letter-spacing: 0;
  line-height: 12px;
  position: absolute;
  white-space: nowrap;
}

.landing-page .mask-group {
  object-fit: cover;
  position: absolute;
}

.landing-page .paleta-de-colores-3 {
  letter-spacing: 0;
  line-height: 12px;
  position: absolute;
  white-space: nowrap;
}

.landing-page .product {
  align-self: center;
  letter-spacing: 0;
  white-space: nowrap;
}