/* screen - recursos */

.recursos {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 2513.5px;
  overflow: hidden;
  width: 1440px;
}

.recursos .nav {
  align-items: center;
  background-color: var(--white);
  display: flex;
  height: 137px;
  min-width: 1440px;
  padding: 17.2px 81.8px;
}

.recursos .logo {
  align-items: flex-start;
  align-self: flex-end;
  cursor: pointer;
  display: flex;
  min-width: 146px;
}

.recursos .overlap-group {
  height: 102px;
  margin-top: 0;
  position: relative;
  width: 127px;
}

.recursos .path-786 {
  height: 22px;
  left: 18px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 67px;
}

.recursos .path-787 {
  height: 32px;
  left: 20px;
  object-fit: cover;
  position: absolute;
  top: 10px;
  width: 80px;
}

.recursos .path-788 {
  height: 55px;
  left: 38px;
  object-fit: cover;
  position: absolute;
  top: 47px;
  width: 77px;
}

.recursos .path-789 {
  height: 38px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 25px;
  width: 124px;
}

.recursos .path-790 {
  height: 19px;
  left: 95px;
  object-fit: cover;
  position: absolute;
  top: 75px;
  width: 14px;
}

.recursos .path-791 {
  height: 18px;
  left: 113px;
  object-fit: cover;
  position: absolute;
  top: 75px;
  width: 13px;
}

.recursos .path-792 {
  align-self: flex-end;
  height: 18px;
  margin-bottom: 8.09px;
  margin-left: 3px;
  object-fit: cover;
  width: 16px;
}

.recursos .text-59 {
  cursor: pointer;
  letter-spacing: 0.07px;
  line-height: 16px;
  margin-left: 313px;
  margin-top: 27.0px;
  min-height: 19px;
  min-width: 51px;
  text-align: right;
  white-space: nowrap;
}

.recursos .inicio-compaia-repr {
  cursor: pointer;
  letter-spacing: 0.07px;
  line-height: 16px;
  margin-left: 38px;
  margin-top: 27.0px;
  min-height: 19px;
  min-width: 87px;
  text-align: right;
  white-space: nowrap;
}

.recursos .inicio-compaia-repr-1 {
  cursor: pointer;
  letter-spacing: 0.07px;
  line-height: 16px;
  margin-left: 38px;
  margin-top: 27.0px;
  min-height: 19px;
  min-width: 114px;
  text-align: right;
  white-space: nowrap;
}

.recursos .inicio-compaia-repr-2 {
  cursor: pointer;
  letter-spacing: 0.07px;
  line-height: 16px;
  margin-left: 38px;
  margin-top: 27.0px;
  min-height: 19px;
  min-width: 96px;
  white-space: nowrap;
}

.recursos .inicio-compaia-repr-3 {
  letter-spacing: 0.07px;
  line-height: 16px;
  margin-left: 38px;
  margin-top: 27.0px;
  min-height: 19px;
  min-width: 93px;
  white-space: nowrap;
}

.recursos .inicio-compaia-repr-4 {
  cursor: pointer;
  letter-spacing: 0.07px;
  line-height: 16px;
  margin-left: 38px;
  margin-top: 27.0px;
  min-height: 19px;
  min-width: 91px;
  white-space: nowrap;
}

.recursos .line-3-copy {
  height: 40px;
  margin-left: 30px;
  margin-top: 28.0px;
  object-fit: cover;
  width: 1px;
}

.recursos .path-6 {
  height: 20px;
  margin-left: 39px;
  margin-top: 27.0px;
  object-fit: cover;
  width: 20px;
}

.recursos .hero {
  align-items: flex-start;
  display: flex;
  margin-left: 4.0px;
  min-width: 1391px;
}

.recursos .overlap-group3 {
  height: 430px;
  position: relative;
  width: 1391px;
}

.recursos .mask {
  background-color: var(--iron);
  height: 430px;
  left: 64px;
  position: absolute;
  top: 0;
  width: 1260px;
}

.recursos .shutterstock284597396 {
  height: 430px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1391px;
}

.recursos .overlap-group4 {
  align-items: center;
  background-color: var(--midnight-blue);
  display: flex;
  height: 197px;
  justify-content: flex-end;
  margin-left: 1.0px;
  margin-top: 18px;
  min-width: 1391px;
  padding: 0 64.5px;
}

.recursos .compaia-text {
  display: flex;
  flex-direction: column;
  height: 132px;
  justify-content: space-between;
  width: 1261px;
}

.recursos .compaia {
  height: 72px;
  letter-spacing: -0.85px;
  line-height: 72px;
  margin-left: 1px;
  margin-top: -6px;
  white-space: nowrap;
  width: 631px;
}

.recursos .nuestras-siglas-sign {
  flex: 1;
  height: 47px;
  letter-spacing: 0;
  line-height: 34px;
  margin-right: -2px;
  max-height: 47px;
}

.recursos .nuestras-siglas-sign-1 {
  letter-spacing: 0;
  line-height: 38px;
  margin-left: 29.0px;
  margin-top: 58px;
  min-height: 169px;
  width: 1286px;
}

.recursos .nuestras-siglas-sign-2 {
  letter-spacing: 0;
  line-height: 34px;
  margin-left: 29.0px;
  margin-top: 56px;
  min-height: 35px;
  white-space: nowrap;
  width: 1286px;
}

.recursos .span1 {
  color: var(--midnight-blue);
  font-family: var(--font-family-arial-bold);
  font-size: var(--font-size-xxxl);
  font-weight: 700;
}

.recursos .flex-row {
  align-items: flex-start;
  display: flex;
  margin-right: 113.0px;
  margin-top: 138px;
  min-width: 726px;
}

.recursos .overlap-group6 {
  height: 211px;
  position: relative;
  width: 200px;
}

.recursos .image-25 {
  border-radius: 4px;
  height: 200px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 200px;
}

.recursos .preguntas-frecuentes {
  color: var(--midnight-blue);
  font-family: var(--font-family-arial-bold);
  font-size: var(--font-size-xl);
  font-weight: 700;
  left: 37px;
  letter-spacing: -0.28px;
  line-height: 84px;
  position: absolute;
  top: 187px;
  white-space: nowrap;
}

.recursos .overlap-group5 {
  height: 211px;
  margin-left: 326px;
  position: relative;
  width: 200px;
}

.recursos .preguntas-frecuentes-1 {
  color: var(--midnight-blue);
  font-family: var(--font-family-arial-bold);
  font-size: var(--font-size-xl);
  font-weight: 700;
  left: 33px;
  letter-spacing: -0.28px;
  line-height: 84px;
  position: absolute;
  top: 187px;
  white-space: nowrap;
}

.recursos .group-977 {
  align-items: flex-start;
  background-color: var(--midnight-blue);
  border-radius: 6px;
  display: flex;
  height: 200px;
  justify-content: flex-end;
  left: 0;
  min-width: 200px;
  padding: 37.0px 23.0px;
  position: absolute;
  top: 0;
}

.recursos .group-313 {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  min-width: 154px;
}

.recursos .overlap-group-1 {
  height: 126px;
  margin-top: 0;
  position: relative;
  width: 154px;
}

.recursos .group-312 {
  background-image: url(../img/path-793-19@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 27px;
  left: 22px;
  position: absolute;
  top: 0;
  width: 83px;
}

.recursos .path-794 {
  height: 40px;
  left: 25px;
  object-fit: cover;
  position: absolute;
  top: 12px;
  width: 100px;
}

.recursos .path-795 {
  height: 68px;
  left: 47px;
  object-fit: cover;
  position: absolute;
  top: 58px;
  width: 96px;
}

.recursos .path-796 {
  height: 47px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 30px;
  width: 154px;
}

.recursos .preguntas-frecuentes-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 1.0px;
  margin-top: 176px;
  min-height: 144px;
  width: 1259px;
}

.recursos .line-copy-4 {
  height: 1px;
  margin-left: -0.25px;
  object-fit: cover;
  width: 1260px;
}

.recursos .flex-row-1 {
  align-items: flex-start;
  display: flex;
  height: 71px;
  margin-left: 1px;
  margin-top: 73px;
  min-width: 1129px;
}

.recursos .text-61 {
  letter-spacing: -0.71px;
  line-height: 72px;
  min-height: 58px;
  white-space: nowrap;
  width: 631px;
}

.recursos .ctaleer-mas-5 {
  align-items: flex-start;
  align-self: flex-end;
  cursor: pointer;
  display: flex;
  margin-left: 171px;
  min-width: 327px;
  transition: all 0.2s ease;
}

.recursos .ctaleer-mas-5:hover {
  transform: scale(1.1);
}

.recursos .overlap-group-2 {
  height: 65px;
  position: relative;
  width: 327px;
}

.recursos .rectangle-rounded-corners {
  background-color: var(--midnight-blue);
  border-radius: 8px;
  height: 65px;
  left: 0;
  position: absolute;
  top: 0;
  width: 325px;
}

.recursos .leer-ms {
  height: 27px;
  left: 0;
  letter-spacing: 0.31px;
  line-height: 22px;
  position: absolute;
  text-align: center;
  top: 22px;
  width: 327px;
}

.recursos .group-415 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: 1.0px;
  margin-top: 78px;
  min-height: 666px;
  width: 1446px;
}

.recursos .line-copy-4-1 {
  height: 1px;
  object-fit: cover;
  width: 1260px;
}

.recursos .stay-informed {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-right: 83.0px;
  margin-top: 73px;
  min-height: 147px;
  width: 1177px;
}

.recursos .text-60 {
  height: 66px;
  letter-spacing: 0;
  line-height: 28px;
  margin-top: -4px;
  width: 1028px;
}

.recursos .flex-row-2 {
  align-items: center;
  display: flex;
  margin-left: -0.5px;
  margin-top: 20px;
  min-width: 1180px;
}

.recursos .overlap-group1 {
  align-items: flex-start;
  background-color: var(--black-haze);
  display: flex;
  height: 56px;
  justify-content: flex-end;
  min-width: 381px;
  padding: 3.5px 10.5px;
}

.recursos .nombre-y-apellido {
  height: 48px;
  letter-spacing: 0;
  line-height: 46px;
  white-space: nowrap;
}

.recursos .overlap-group2 {
  align-items: flex-start;
  background-color: var(--black-haze);
  display: flex;
  height: 56px;
  justify-content: flex-end;
  margin-left: 59px;
  min-width: 381px;
  padding: 3.5px 10.5px;
}

.recursos .correo-electronico {
  height: 48px;
  letter-spacing: 0;
  line-height: 46px;
  white-space: nowrap;
}

.recursos .overlap-group-3 {
  height: 55px;
  margin-left: 138px;
  position: relative;
  width: 220px;
}

.recursos .rectangle-rounded-corners-1 {
  border-radius: 8px;
  height: 55px;
  left: 0;
  position: absolute;
  top: 0;
  width: 218px;
}

.recursos .registrate {
  height: 22px;
  left: 0;
  letter-spacing: 0.23px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: 18px;
  width: 220px;
}

.recursos .footer {
  align-items: flex-start;
  background-color: var(--midnight-blue);
  display: flex;
  flex-direction: column;
  margin-top: 88px;
  min-height: 358px;
  padding: 44.5px 54px;
  width: 1446px;
}

.recursos .flex-row-3 {
  align-items: flex-start;
  display: flex;
  height: 184px;
  min-width: 1320px;
}

.recursos .flex-col {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  min-height: 182px;
  width: 216px;
}

.recursos .how-we-help-our-capa-1 {
  cursor: pointer;
  height: 22px;
  letter-spacing: -0.23px;
  line-height: 32px;
  margin-bottom: -10px;
  white-space: nowrap;
}

.recursos .how-we-help-our-capa {
  cursor: pointer;
  height: 22px;
  letter-spacing: -0.23px;
  line-height: 32px;
  margin-bottom: -10px;
  margin-top: 10px;
  white-space: nowrap;
}

.recursos .contactserusallcco {
  height: 136px;
  letter-spacing: -0.28px;
  line-height: 32px;
  margin-left: 158px;
  width: 431px;
}

.recursos .group-315 {
  align-items: flex-start;
  align-self: center;
  cursor: pointer;
  display: flex;
  margin-bottom: 17.62px;
  margin-left: 304px;
  min-width: 210px;
}

.recursos .overlap-group1-1 {
  height: 147px;
  position: relative;
  width: 210px;
}

.recursos .overlap-group-4 {
  height: 147px;
  left: 0;
  position: absolute;
  top: 0;
  width: 179px;
}

.recursos .group-312-1 {
  background-image: url(../img/path-793-12@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 32px;
  left: 26px;
  position: absolute;
  top: 0;
  width: 96px;
}

.recursos .path-794-1 {
  height: 47px;
  left: 29px;
  object-fit: cover;
  position: absolute;
  top: 14px;
  width: 116px;
}

.recursos .path-795-1 {
  height: 79px;
  left: 55px;
  object-fit: cover;
  position: absolute;
  top: 67px;
  width: 111px;
}

.recursos .path-796-1 {
  height: 55px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 35px;
  width: 179px;
}

.recursos .group-314 {
  align-items: center;
  display: flex;
  height: 27px;
  left: 138px;
  min-width: 73px;
  padding: 0 0.0px;
  position: absolute;
  top: 108px;
}

.recursos .path-797 {
  height: 27px;
  object-fit: cover;
  width: 21px;
}

.recursos .path-798 {
  height: 26px;
  margin-left: 5px;
  object-fit: cover;
  width: 19px;
}

.recursos .path-799 {
  height: 26px;
  margin-left: 5px;
  object-fit: cover;
  width: 23px;
}

.recursos .flex-row-4 {
  align-items: flex-start;
  display: flex;
  height: 38px;
  margin-top: 42px;
  min-width: 1320px;
}

.recursos .copyright-2020-seru {
  align-self: flex-end;
  height: 22px;
  letter-spacing: -0.20px;
  line-height: 32px;
  opacity: 0.6;
  white-space: nowrap;
  width: 431px;
}

.recursos .linkedin-copy {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 17.5px;
  cursor: pointer;
  display: flex;
  height: 35px;
  justify-content: flex-end;
  margin-left: 803px;
  min-width: 35px;
  padding: 8.0px 9.0px;
}

.recursos .combined-shape {
  height: 17px;
  object-fit: cover;
  width: 17px;
}

.recursos .correo-copy {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 17.5px;
  display: flex;
  height: 35px;
  margin-left: 16px;
  min-width: 35px;
  padding: 8px 4.0px;
}

.recursos .fill-1 {
  height: 18px;
  object-fit: cover;
  width: 25px;
}