.inicio {
  background-color: #fafaf7;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.inicio .div {
  background-color: var(--blanco);
  overflow: hidden;
  width: 1440px;
  height: 6254px;
  position: relative;
}

.inicio .overlap {
  position: absolute;
  width: 1440px;
  height: 815px;
  top: 4752px;
  left: 0;
}

.inicio .qu-incluye-el-libro {
  position: absolute;
  width: 483px;
  top: 351px;
  left: 736px;
  font-family: "Microsoft JhengHei-Bold", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.inicio .text-wrapper {
  font-weight: 700;
}

.inicio .span {
  font-family: "Microsoft JhengHei-Regular", Helvetica;
  font-size: 18px;
}

.inicio .text {
  top: 154px;
  left: 621px;
  font-family: "Microsoft JhengHei-Regular", Helvetica;
  font-weight: 400;
  font-size: 24px;
  position: absolute;
  color: #000000;
  letter-spacing: 0;
  line-height: normal;
}

.inicio .component {
  position: absolute;
  width: 1440px;
  height: 815px;
  top: 0;
  left: 0;
  background-color: var(--cta-primario-hover);
}

.inicio .text-wrapper-2 {
  position: absolute;
  top: 132px;
  left: 168px;
  font-size: 40px;
  font-family: "Microsoft JhengHei-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  letter-spacing: 0;
  line-height: normal;
}

.inicio .overlap-group {
  position: absolute;
  width: 609px;
  height: 491px;
  top: 175px;
  left: 736px;
}

.inicio .group {
  position: absolute;
  width: 528px;
  height: 425px;
  top: 0;
  left: 0;
}

.inicio .missy-kiddo {
  position: absolute;
  top: 0;
  left: 1px;
  font-family: "Microsoft JhengHei-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 32px;
  letter-spacing: 0;
  line-height: normal;
}

.inicio .p {
  position: absolute;
  width: 522px;
  top: 51px;
  left: 0;
  font-family: "Microsoft JhengHei-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.inicio .este-libro-ayudar-a {
  position: absolute;
  width: 479px;
  top: 254px;
  left: 0;
  font-family: "Microsoft JhengHei-Bold", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.inicio .img {
  position: absolute;
  width: 110px;
  height: 90px;
  top: 401px;
  left: 499px;
}

.inicio .pink-circle-lotus {
  position: absolute;
  width: 424px;
  height: 424px;
  top: 245px;
  left: 96px;
  object-fit: cover;
}

.inicio .buttom {
  width: 258px;
  padding: 15px 40px;
  top: 720px;
  left: 732px;
  display: flex;
  height: 52px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: absolute;
  background-color: var(--cta-primario);
}

.inicio .text-wrapper-3 {
  margin-left: -1.50px;
  margin-right: -1.50px;
  position: relative;
  width: fit-content;
  margin-top: -0.50px;
  font-family: "Microsoft JhengHei-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
}

.inicio .overlap-2 {
  position: absolute;
  width: 1440px;
  height: 624px;
  top: 1248px;
  left: 0;
}

.inicio .text-wrapper-4 {
  position: absolute;
  width: 540px;
  top: 417px;
  left: 732px;
  font-family: "Microsoft JhengHei-Bold", Helvetica;
  font-weight: 700;
  color: var(--negro);
  font-size: 24px;
  letter-spacing: 0;
  line-height: 32px;
}

.inicio .component-2 {
  position: absolute;
  width: 1440px;
  height: 624px;
  top: 0;
  left: 0;
  background-color: var(--cta-primario-hover);
}

.inicio .te-cuesta-armar-y {
  position: absolute;
  width: 519px;
  top: 129px;
  left: 732px;
  font-family: "Microsoft JhengHei-Regular", Helvetica;
  font-weight: 400;
  color: var(--negro);
  font-size: 24px;
  letter-spacing: 0;
  line-height: 32px;
}

.inicio .si-sent-s-que {
  position: absolute;
  top: 39px;
  left: 732px;
  font-family: "Microsoft JhengHei-Bold", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 40px;
  letter-spacing: 0;
  line-height: normal;
}

.inicio .text-wrapper-5 {
  font-family: "Quicksand-Bold", Helvetica;
  font-weight: 700;
}

.inicio .element {
  position: absolute;
  width: 435px;
  height: 433px;
  top: 83px;
  left: 85px;
  object-fit: cover;
}

.inicio .div-wrapper {
  width: 258px;
  padding: 15px 40px;
  top: 524px;
  left: 732px;
  display: flex;
  height: 52px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: absolute;
  background-color: var(--cta-primario);
}

.inicio .text-wrapper-6 {
  margin-left: -4.50px;
  margin-right: -4.50px;
  position: relative;
  width: fit-content;
  margin-top: -0.50px;
  font-family: "Microsoft JhengHei-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
}

.inicio .overlap-3 {
  position: absolute;
  width: 1502px;
  height: 721px;
  top: 1971px;
  left: 16px;
}

.inicio .text-2 {
  top: 256px;
  left: 246px;
  font-family: "Quicksand-Bold", Helvetica;
  font-weight: 700;
  font-size: 40px;
  position: absolute;
  color: #000000;
  letter-spacing: 0;
  line-height: normal;
}

.inicio .component-3 {
  position: absolute;
  width: 1502px;
  height: 721px;
  top: 0;
  left: 0;
}

.inicio .rectangle-wrapper {
  position: absolute;
  width: 180px;
  height: 192px;
  top: 493px;
  left: 1322px;
}

.inicio .rectangle {
  position: relative;
  width: 179px;
  height: 178px;
  top: 6px;
  border-radius: 207.27px;
  border: 1.51px solid;
  border-color: var(--verde-vibrante);
  transform: rotate(-180.00deg);
}

.inicio .overlap-4 {
  position: absolute;
  width: 99px;
  height: 101px;
  top: 240px;
  left: 0;
}

.inicio .rectangle-2 {
  position: absolute;
  width: 69px;
  height: 69px;
  top: 32px;
  left: 29px;
}

.inicio .rectangle-3 {
  position: absolute;
  width: 38px;
  height: 38px;
  top: 0;
  left: 0;
}

.inicio .component-4 {
  position: absolute;
  width: 1115px;
  height: 721px;
  top: 0;
  left: 154px;
}

.inicio .barbi {
  position: absolute;
  width: 366px;
  height: 541px;
  top: 101px;
  left: 749px;
}

.inicio .text-wrapper-7 {
  position: absolute;
  width: 251px;
  top: -1px;
  left: 0;
  font-family: "Microsoft JhengHei-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 40px;
  letter-spacing: 0;
  line-height: normal;
}

.inicio .hola-soy-barbi-pezzi {
  position: absolute;
  width: 603px;
  top: 100px;
  left: 0;
  font-family: "Microsoft JhengHei-Light", Helvetica;
  font-weight: 400;
  color: var(--negro);
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.inicio .text-wrapper-8 {
  font-weight: 300;
}

.inicio .text-wrapper-9 {
  font-family: "Microsoft JhengHei-Regular", Helvetica;
}

.inicio .buttom-2 {
  width: 261px;
  padding: 15px 40px;
  top: 669px;
  left: 0;
  display: flex;
  height: 52px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: absolute;
  background-color: var(--cta-primario);
}

.inicio .text-wrapper-10 {
  position: relative;
  width: fit-content;
  margin-top: -0.50px;
  font-family: "Microsoft JhengHei-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
}

.inicio .text-wrapper-11 {
  top: 4012px;
  left: 356px;
  font-family: "Mulish-Bold", Helvetica;
  color: #ffffff;
  font-size: 12px;
  line-height: normal;
  position: absolute;
  font-weight: 700;
  letter-spacing: 0;
}

.inicio .component-5 {
  position: absolute;
  width: 1440px;
  height: 68px;
  top: 0;
  left: 0;
  background-color: var(--verde-claro);
}

.inicio .alumni-buscador {
  display: flex;
  width: 321px;
  height: 44px;
  align-items: center;
  gap: 4px;
  position: absolute;
  top: 14px;
  left: 938px;
}

.inicio .buscador-chico {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
}

.inicio .molec-buscador {
  position: relative;
  width: 320px;
  height: 44px;
}

.inicio .overlap-group-2 {
  position: relative;
  height: 44px;
}

.inicio .group-2 {
  position: absolute;
  width: 320px;
  height: 44px;
  top: 0;
  left: 0;
}

.inicio .rectangle-4 {
  position: relative;
  width: 322px;
  height: 46px;
  top: -1px;
  left: -1px;
  background-color: var(--colores-colores-grises-blanco);
  border-radius: 4px;
  border: 2px solid;
  border-color: #87eb9d;
}

.inicio .frame {
  display: flex;
  width: 298px;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 6px;
  left: 11px;
}

.inicio .busca-tu-curso-o {
  position: relative;
  width: 161px;
  height: 21px;
  font-family: "Microsoft JhengHei-Regular", Helvetica;
  font-weight: 400;
  color: var(--colores-colores-grises-gris-3-71718d);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  white-space: nowrap;
}

.inicio .atomo-icono-lupa {
  position: relative;
  width: 32px;
  height: 32px;
}

.inicio .befd-fa-bac {
  width: 50px;
  height: 49px;
  top: 8px;
  left: 11px;
  position: absolute;
  object-fit: cover;
}

.inicio .component-6 {
  position: absolute;
  width: 427px;
  height: 39px;
  top: 16px;
  left: 452px;
}

.inicio .frame-2 {
  display: flex;
  width: 57px;
  height: 39px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 0;
}

.inicio .text-wrapper-12 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Microsoft JhengHei-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.inicio .frame-3 {
  display: flex;
  width: 87px;
  height: 39px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 80px;
}

.inicio .frame-4 {
  display: flex;
  width: 152px;
  height: 39px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 190px;
}

.inicio .frame-5 {
  display: flex;
  width: 62px;
  height: 39px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 365px;
}

.inicio .rectangle-5 {
  position: absolute;
  width: 1440px;
  height: 418px;
  top: 6139px;
  left: -1633px;
  background-color: var(--verde-claro);
}

.inicio .group-wrapper {
  position: absolute;
  width: 1440px;
  height: 302px;
  top: 5952px;
  left: 0;
  background-color: var(--verde-claro);
}

.inicio .group-3 {
  position: relative;
  width: 1096px;
  height: 177px;
  top: 96px;
  left: 176px;
}

.inicio .molec-redes {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 38px;
  position: absolute;
  top: 84px;
  left: 816px;
}

.inicio .img-2 {
  position: relative;
  width: 24px;
  height: 24px;
}

.inicio .text-wrapper-13 {
  position: absolute;
  top: 158px;
  left: 437px;
  font-family: "Microsoft JhengHei-Light", Helvetica;
  font-weight: 300;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.inicio .text-wrapper-14 {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Microsoft JhengHei-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.inicio .text-wrapper-15 {
  position: absolute;
  top: 0;
  left: 816px;
  font-family: "Microsoft JhengHei-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.inicio .text-wrapper-16 {
  position: absolute;
  width: 203px;
  top: 39px;
  left: 0;
  font-family: "Microsoft JhengHei-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
  text-decoration: underline;
}

.inicio .group-4 {
  position: absolute;
  width: 348px;
  height: 24px;
  top: 109px;
  left: 0;
}

.inicio .text-wrapper-17 {
  position: absolute;
  top: 3px;
  left: 24px;
  font-family: "Microsoft JhengHei-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
}

.inicio .mdi-location {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
}

.inicio .component-7 {
  position: absolute;
  width: 854px;
  height: 188px;
  top: 5672px;
  left: 169px;
}

.inicio .suscribite-a-mi-wrapper {
  position: absolute;
  width: 856px;
  height: 86px;
  top: 0;
  left: 0;
}

.inicio .suscribite-a-mi {
  position: absolute;
  width: 854px;
  top: 0;
  left: 0;
  font-family: "Microsoft JhengHei-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 32px;
  letter-spacing: 0;
  line-height: normal;
}

.inicio .text-wrapper-18 {
  font-family: "Microsoft JhengHei-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 32px;
  letter-spacing: 0;
}

.inicio .text-wrapper-19 {
  font-family: "Microsoft JhengHei-Bold", Helvetica;
  font-weight: 700;
}

.inicio .buttom-3 {
  width: 258px;
  padding: 15px 55px;
  top: 136px;
  left: 0;
  display: flex;
  height: 52px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: absolute;
  background-color: var(--cta-primario);
}

.inicio .component-8 {
  position: absolute;
  width: 1371px;
  height: 535px;
  top: 3456px;
  left: 29px;
}

.inicio .text-wrapper-20 {
  position: absolute;
  top: -1px;
  left: 139px;
  font-family: "Microsoft JhengHei-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 40px;
  letter-spacing: 0;
  line-height: normal;
}

.inicio .left-quote {
  position: absolute;
  width: 103px;
  height: 103px;
  top: 8px;
  left: 0;
  overflow: hidden;
}

.inicio .group-5 {
  position: relative;
  height: 86px;
  top: 8px;
  background-image: url(./img/group-6.png);
  background-size: 100% 100%;
}

.inicio .img-wrapper {
  position: absolute;
  width: 103px;
  height: 86px;
  top: 449px;
  left: 1188px;
  transform: rotate(180deg);
}

.inicio .group-6 {
  position: absolute;
  width: 103px;
  height: 86px;
  top: 0;
  left: 0;
  transform: rotate(-180deg);
}

.inicio .overlap-group-wrapper {
  position: absolute;
  width: 352px;
  height: 311px;
  top: 72px;
  left: 888px;
}

.inicio .overlap-group-3 {
  position: relative;
  height: 311px;
}

.inicio .molec {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 352px;
  height: 311px;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 24px 16px 16px;
  background-color: var(--colores-colores-grises-blanco);
  border: 2px solid;
  border-color: var(
    --colores-colores-colores-variaciones-primario-variacion-primario-1
  );
}

.inicio .molec-experiencias {
  position: relative;
  width: 306px;
  height: 61px;
}

.inicio .atomo-foto {
  position: absolute;
  width: 62px;
  height: 62px;
  top: 0;
  left: 0;
}

.inicio .i {
  position: relative;
  width: 64px;
  height: 64px;
  top: -1px;
  left: -1px;
  border-radius: 127.5px;
  border: 1px solid;
  border-color: var(--colores-colores-grises-gris-2-414166);
}

.inicio .atomo {
  position: absolute;
  width: 146px;
  height: 61px;
  top: 0;
  left: 79px;
}

.inicio .nombre-apellido {
  position: absolute;
  width: 146px;
  height: 61px;
  top: -1px;
  left: 0;
  font-family: "Microsoft JhengHei-Bold", Helvetica;
  font-weight: 700;
  color: #15163d;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 18px;
}

.inicio .text-wrapper-21 {
  line-height: 22px;
}

.inicio .text-wrapper-22 {
  font-size: 12px;
  line-height: 24px;
}

.inicio .molec-2 {
  position: relative;
  width: 298px;
  height: 85px;
}

.inicio .atomo-comillasicono {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
}

.inicio .text-wrapper-23 {
  position: absolute;
  width: 20px;
  height: 20px;
  top: -1px;
  left: 0;
  font-family: "Material Icons-Regular", Helvetica;
  font-weight: 400;
  color: #af52de;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.inicio .comentario-del-curso-wrapper {
  position: absolute;
  width: 269px;
  height: 85px;
  top: 0;
  left: 29px;
}

.inicio .comentario-del-curso {
  position: absolute;
  width: 269px;
  top: -1px;
  left: 0;
  font-family: "Microsoft JhengHei-Regular", Helvetica;
  font-weight: 400;
  color: var(--colores-colores-grises-gris-1-15163d);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
}

.inicio .component-9 {
  position: relative;
  width: 302px;
  height: 18px;
}

.inicio .nombre-del-curso-wrapper {
  display: flex;
  width: 185px;
  align-items: flex-start;
  position: absolute;
  top: 0;
  left: 0;
}

.inicio .nombre-del-curso {
  position: relative;
  width: 215px;
  height: 18px;
  margin-top: -1.00px;
  margin-right: -30.27px;
  font-family: "Mulish-SemiBold", Helvetica;
  font-weight: 600;
  color: var(--colores-colores-grises-gris-2-414166);
  font-size: 12px;
  letter-spacing: 0;
  line-height: 19.1px;
  white-space: nowrap;
}

.inicio .atomo-boton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 192px;
}

.inicio .decoration {
  margin-top: -1.00px;
  color: #af52de;
  font-size: 14px;
  letter-spacing: 0;
  position: relative;
  width: fit-content;
  font-family: "Microsoft JhengHei-Bold", Helvetica;
  font-weight: 700;
  text-align: center;
  line-height: normal;
}

.inicio .element-2 {
  left: 291px;
  position: absolute;
  width: 51px;
  height: 51px;
  top: 45px;
  object-fit: cover;
}

.inicio .overlap-wrapper {
  position: absolute;
  width: 352px;
  height: 311px;
  top: 72px;
  left: 514px;
}

.inicio .molec-wrapper {
  position: absolute;
  width: 352px;
  height: 311px;
  top: 0;
  left: 0;
}

.inicio .molec-3 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 352px;
  height: 311px;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 24px 16px 16px;
  background-color: var(--colores-colores-grises-blanco);
  border: 2px solid;
  border-color: var(
    --colores-colores-colores-variaciones-primario-variacion-primario-1
  );
}

.inicio .element-3 {
  left: 282px;
  position: absolute;
  width: 51px;
  height: 51px;
  top: 45px;
  object-fit: cover;
}

.inicio .group-7 {
  position: absolute;
  width: 352px;
  height: 311px;
  top: 72px;
  left: 139px;
}

.inicio .nombre-del-curso-2 {
  position: relative;
  width: 215px;
  height: 18px;
  margin-top: -1.00px;
  margin-right: -30.27px;
  font-family: "Microsoft JhengHei-Bold", Helvetica;
  font-weight: 700;
  color: var(--colores-colores-grises-gris-2-414166);
  font-size: 12px;
  letter-spacing: 0;
  line-height: 19.1px;
  white-space: nowrap;
}

.inicio .buttom-4 {
  width: 258px;
  padding: 15px 40px;
  top: 432px;
  left: 561px;
  display: flex;
  height: 52px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: absolute;
  background-color: var(--cta-primario);
}

.inicio .component-10 {
  position: absolute;
  width: 1069px;
  height: 339px;
  top: 2833px;
  left: 169px;
}

.inicio .text-wrapper-24 {
  position: absolute;
  top: -1px;
  left: 0;
  font-family: "Microsoft JhengHei-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 40px;
  letter-spacing: 0;
  line-height: normal;
}

.inicio .m-todos-probados {
  position: absolute;
  width: 626px;
  top: 139px;
  left: 0;
  font-family: "Microsoft JhengHei-Bold", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 18px;
  letter-spacing: 0;
  line-height: normal;
}

.inicio .text-wrapper-25 {
  position: absolute;
  top: 84px;
  left: 0;
  font-family: "Microsoft JhengHei-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.inicio .group-8 {
  position: absolute;
  width: 317px;
  height: 218px;
  top: 83px;
  left: 752px;
}

.inicio .overlap-5 {
  position: relative;
  width: 319px;
  height: 220px;
  top: -1px;
  left: -1px;
}

.inicio .group-9 {
  position: absolute;
  width: 119px;
  height: 79px;
  top: 5px;
  left: 190px;
}

.inicio .overlap-group-4 {
  position: relative;
  height: 79px;
}

.inicio .group-10 {
  position: absolute;
  width: 29px;
  height: 12px;
  top: 29px;
  left: 89px;
  background-image: url(./img/group-7.png);
  background-size: 100% 100%;
}

.inicio .group-11 {
  position: absolute;
  width: 67px;
  height: 41px;
  top: 12px;
  left: 23px;
  background-image: url(./img/group-10.png);
  background-size: 100% 100%;
}

.inicio .group-12 {
  position: absolute;
  width: 117px;
  height: 28px;
  top: 0;
  left: 2px;
  background-image: url(./img/group-14.png);
  background-size: 100% 100%;
}

.inicio .group-13 {
  position: absolute;
  width: 34px;
  height: 6px;
  top: 52px;
  left: 44px;
  background-image: url(./img/group-2.png);
  background-size: 100% 100%;
}

.inicio .group-14 {
  position: absolute;
  width: 50px;
  height: 60px;
  top: 0;
  left: 0;
  background-image: url(./img/group.png);
  background-size: 100% 100%;
}

.inicio .group-15 {
  position: absolute;
  width: 4px;
  height: 37px;
  top: 41px;
  left: 91px;
  background-image: url(./img/group-8.png);
  background-size: 100% 100%;
}

.inicio .group-16 {
  position: absolute;
  width: 18px;
  height: 29px;
  top: 51px;
  left: 77px;
  background-image: url(./img/group-4.png);
  background-size: 100% 100%;
}

.inicio .group-17 {
  position: absolute;
  width: 30px;
  height: 27px;
  top: 53px;
  left: 63px;
  background-image: url(./img/group-9.png);
  background-size: 100% 100%;
}

.inicio .vector {
  position: absolute;
  width: 319px;
  height: 220px;
  top: 0;
  left: 0;
}

.inicio .group-18 {
  position: absolute;
  width: 7px;
  height: 13px;
  top: 25px;
  left: 235px;
  background-image: url(./img/group-16.png);
  background-size: 100% 100%;
}

.inicio .group-19 {
  position: absolute;
  width: 8px;
  height: 20px;
  top: 26px;
  left: 243px;
  background-image: url(./img/group-12.png);
  background-size: 100% 100%;
}

.inicio .group-20 {
  position: absolute;
  width: 8px;
  height: 19px;
  top: 34px;
  left: 255px;
  background-image: url(./img/group-15.png);
  background-size: 100% 100%;
}

.inicio .group-21 {
  position: absolute;
  width: 9px;
  height: 26px;
  top: 39px;
  left: 265px;
  background-image: url(./img/group-3.png);
  background-size: 100% 100%;
}

.inicio .group-22 {
  position: absolute;
  width: 8px;
  height: 25px;
  top: 46px;
  left: 272px;
  background-image: url(./img/group-5.png);
  background-size: 100% 100%;
}

.inicio .group-23 {
  position: absolute;
  width: 4px;
  height: 15px;
  top: 46px;
  left: 280px;
  background-image: url(./img/image.png);
  background-size: 100% 100%;
}

.inicio .buttom-5 {
  width: 258px;
  padding: 15px 40px;
  top: 287px;
  left: 0;
  display: flex;
  height: 52px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: absolute;
  background-color: var(--cta-primario);
}

.inicio .component-11 {
  position: absolute;
  width: 1104px;
  height: 356px;
  top: 725px;
  left: 168px;
}

.inicio .text-wrapper-26 {
  position: absolute;
  width: 489px;
  top: 132px;
  left: 0;
  font-family: "Microsoft JhengHei-Regular", Helvetica;
  font-weight: 400;
  color: #191919;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.inicio .text-wrapper-27 {
  position: absolute;
  top: 223px;
  left: 0;
  font-family: "Microsoft JhengHei-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.inicio .text-wrapper-28 {
  position: absolute;
  width: 871px;
  top: -1px;
  left: 0;
  font-family: "Microsoft JhengHei-Bold", Helvetica;
  font-weight: 700;
  color: var(--negro);
  font-size: 40px;
  letter-spacing: 0;
  line-height: normal;
}

.inicio .group-24 {
  position: absolute;
  width: 108px;
  height: 136px;
  top: 220px;
  left: 996px;
}

.inicio .ellipse {
  width: 42px;
  height: 42px;
  top: 0;
  left: 0;
  background-color: var(--verde-vibrante);
  border-radius: 21.1px;
  position: absolute;
  transform: rotate(180deg);
}

.inicio .ellipse-2 {
  width: 87px;
  height: 80px;
  top: 56px;
  left: 21px;
  border-radius: 43.5px / 40px;
  border: 1.98px solid;
  border-color: var(--verde-vibrante);
  position: absolute;
  transform: rotate(180deg);
}

.inicio .buttom-6 {
  width: 258px;
  padding: 15px 40px;
  top: 283px;
  left: 0;
  display: flex;
  height: 52px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: absolute;
  background-color: var(--cta-primario);
}

.inicio .component-12 {
  position: absolute;
  width: 1237px;
  height: 551px;
  top: 136px;
  left: 27px;
}

.inicio .overlap-6 {
  position: relative;
  height: 551px;
}

.inicio .component-13 {
  position: absolute;
  width: 1096px;
  height: 551px;
  top: 0;
  left: 141px;
}

.inicio .transform-tu-ense {
  position: absolute;
  width: 500px;
  top: 6px;
  left: 0;
  font-family: "Microsoft JhengHei-Bold", Helvetica;
  font-weight: 700;
  color: var(--negro);
  font-size: 40px;
  letter-spacing: 0;
  line-height: normal;
}

.inicio .text-wrapper-29 {
  position: absolute;
  width: 489px;
  top: 198px;
  left: 0;
  font-family: "Microsoft JhengHei-Regular", Helvetica;
  font-weight: 400;
  color: var(--negro);
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.inicio .befd-fa-bac-2 {
  width: 395px;
  height: 388px;
  top: 0;
  left: 701px;
  position: absolute;
  object-fit: cover;
}

.inicio .buttom-7 {
  width: 258px;
  padding: 15px 40px;
  top: 295px;
  left: 0;
  display: flex;
  height: 52px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: absolute;
  background-color: var(--cta-primario);
}

.inicio .group-25 {
  position: absolute;
  width: 183px;
  height: 118px;
  top: 388px;
  left: 17px;
  transform: rotate(31.80deg);
}

.inicio .vector-2 {
  position: absolute;
  width: 165px;
  height: 53px;
  top: 38px;
  left: -6px;
  transform: rotate(-31.80deg);
}

.inicio .group-26 {
  position: absolute;
  width: 47px;
  height: 36px;
  top: 0;
  left: 136px;
}

.inicio .group-27 {
  position: absolute;
  width: 59px;
  height: 56px;
  top: -10px;
  left: -6px;
  transform: rotate(-31.80deg);
}

.inicio .group-28 {
  position: absolute;
  width: 1440px;
  height: 498px;
  top: 4125px;
  left: 1px;
}

.inicio .text-wrapper-30 {
  position: absolute;
  width: 399px;
  top: -1px;
  left: 161px;
  font-family: "Microsoft JhengHei-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 40px;
  letter-spacing: 0;
  line-height: normal;
}

.inicio .overlap-7 {
  position: absolute;
  width: 472px;
  height: 401px;
  top: 97px;
  left: 967px;
}

.inicio .miscelaneas {
  position: absolute;
  width: 142px;
  height: 141px;
  top: 141px;
  left: 330px;
}

.inicio .frame-6 {
  display: flex;
  width: 372px;
  height: 401px;
  align-items: center;
  gap: 10px;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0px 4px 4px #00000040;
}

.inicio .group-29 {
  position: relative;
  width: 352px;
  height: 401px;
  box-shadow: 0px 4px 4px #00000040;
}

.inicio .overlap-group-5 {
  position: relative;
  width: 350px;
  height: 401px;
}

.inicio .union {
  position: absolute;
  width: 350px;
  height: 31px;
  top: 0;
  left: 0;
}

.inicio .frame-7 {
  position: absolute;
  width: 350px;
  height: 371px;
  top: 30px;
  left: 0;
  background-color: #ffffff;
}

.inicio .text-wrapper-31 {
  position: absolute;
  height: 44px;
  top: 19px;
  left: 14px;
  font-family: "Microsoft JhengHei-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 44px;
  white-space: nowrap;
}

.inicio .text-wrapper-32 {
  position: absolute;
  width: 278px;
  top: 63px;
  left: 16px;
  font-family: "Microsoft JhengHei-Regular", Helvetica;
  font-weight: 400;
  color: var(--negro);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 28px;
}

.inicio .material-pensado-con {
  position: absolute;
  width: 301px;
  top: 133px;
  left: 19px;
  font-family: "Microsoft JhengHei-Regular", Helvetica;
  font-weight: 400;
  color: var(--negro);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
}

.inicio .atomo-botonprimario {
  display: flex;
  width: 258px;
  height: 52px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 40px;
  position: absolute;
  top: 319px;
  left: 46px;
  background-color: var(--cta-primario);
}

.inicio .decoration-2 {
  margin-top: -1.50px;
  margin-left: -24.00px;
  margin-right: -24.00px;
  color: var(--colores-colores-grises-blanco);
  font-size: 16px;
  letter-spacing: 0.50px;
  position: relative;
  width: fit-content;
  font-family: "Microsoft JhengHei-Bold", Helvetica;
  font-weight: 700;
  text-align: center;
  line-height: normal;
}

.inicio .text-wrapper-33 {
  position: absolute;
  width: 64px;
  height: 16px;
  top: 8px;
  left: 11px;
  font-family: "Microsoft JhengHei-Bold", Helvetica;
  font-weight: 700;
  color: #414166;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 44px;
  white-space: nowrap;
}

.inicio .rectangle-6 {
  position: absolute;
  width: 154px;
  height: 143px;
  top: 85px;
  left: 0;
  border-radius: 207.27px;
  border: 1.51px solid;
  border-color: var(--verde-vibrante);
  transform: rotate(-180.00deg);
}

.inicio .frame-8 {
  display: flex;
  width: 372px;
  height: 401px;
  align-items: center;
  gap: 10px;
  position: absolute;
  top: 97px;
  left: 167px;
  box-shadow: 0px 4px 4px #00000040;
}

.inicio .group-30 {
  position: relative;
  width: 352px;
  height: 401px;
}

.inicio .text-wrapper-34 {
  position: absolute;
  height: 44px;
  top: 21px;
  left: 16px;
  font-family: "Microsoft JhengHei-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 44px;
  white-space: nowrap;
}

.inicio .text-wrapper-35 {
  position: absolute;
  width: 278px;
  top: 72px;
  left: 16px;
  font-family: "Microsoft JhengHei-Regular", Helvetica;
  font-weight: 400;
  color: var(--negro);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 28px;
}

.inicio .herramientas-y {
  position: absolute;
  width: 301px;
  top: 147px;
  left: 16px;
  font-family: "Microsoft JhengHei-Regular", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
}

.inicio .text-wrapper-36 {
  color: #191919;
}

.inicio .text-wrapper-37 {
  color: #15163d;
}

.inicio .decoration-3 {
  margin-top: -1.50px;
  margin-left: -11.50px;
  margin-right: -11.50px;
  color: var(--colores-colores-grises-blanco);
  font-size: 16px;
  letter-spacing: 0.50px;
  position: relative;
  width: fit-content;
  font-family: "Microsoft JhengHei-Bold", Helvetica;
  font-weight: 700;
  text-align: center;
  line-height: normal;
}

.inicio .text-wrapper-38 {
  width: 56px;
  height: 16px;
  top: 5px;
  left: 21px;
  font-family: "Microsoft JhengHei-Bold", Helvetica;
  color: #414166;
  font-size: 14px;
  text-align: center;
  line-height: 44px;
  white-space: nowrap;
  position: absolute;
  font-weight: 700;
  letter-spacing: 0;
}

.inicio .frame-9 {
  display: flex;
  width: 372px;
  height: 401px;
  align-items: center;
  gap: 10px;
  position: absolute;
  top: 97px;
  left: 567px;
  box-shadow: 0px 4px 4px #00000040;
}

.inicio .text-wrapper-39 {
  position: absolute;
  height: 44px;
  top: 23px;
  left: 15px;
  font-family: "Microsoft JhengHei-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 44px;
  white-space: nowrap;
}

.inicio .trucos-creativos-y {
  position: absolute;
  width: 301px;
  top: 140px;
  left: 16px;
  font-family: "Microsoft JhengHei-Regular", Helvetica;
  font-weight: 400;
  color: var(--negro);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
}

.inicio .decoration-4 {
  margin-top: -1.50px;
  margin-left: -22.50px;
  margin-right: -22.50px;
  color: var(--colores-colores-grises-blanco);
  font-size: 16px;
  letter-spacing: 0.50px;
  position: relative;
  width: fit-content;
  font-family: "Microsoft JhengHei-Bold", Helvetica;
  font-weight: 700;
  text-align: center;
  line-height: normal;
}

.inicio .text-wrapper-40 {
  width: 66px;
  height: 16px;
  top: 8px;
  left: 12px;
  font-family: "Microsoft JhengHei-Bold", Helvetica;
  font-weight: 700;
  color: #414166;
  text-align: center;
  line-height: 44px;
  white-space: nowrap;
  position: absolute;
  font-size: 14px;
  letter-spacing: 0;
}