/* screen - index */

.index {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-width: 767px;
  position: relative;
}

.index .header-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 42px 42px;
  justify-content: center;
  padding: 30px 80px;
  position: relative;
  width: 100%;
}

.index .congreso-logo-1-2 {
  aspect-ratio: 2.68;
  height: 93px;
  object-fit: cover;
  position: relative;
  width: 250px;
}

.index .frame-98-2 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 19px;
  justify-content: center;
  min-height: 44.28px;
  min-width: 370px;
  position: relative;
}

.index .frame-99-2 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 10px 10px;
  justify-content: center;
  position: relative;
}

.index .el-poder-de-la-gente-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .social-media-2 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 20px 20px;
  height: 24px;
  justify-content: center;
  position: relative;
}

.index .social-media-item-2 {
  aspect-ratio: 1.03;
  cursor: pointer;
  height: 23px;
  object-fit: cover;
  position: relative;
  transition: all 0.2s ease;
  width: 24px;
}

.index .social-media-item-2:hover {
  transform: scale(1.1);
}

.index .tiktok-1-2 {
  aspect-ratio: 1;
  cursor: pointer;
  height: 24px;
  object-fit: cover;
  position: relative;
  transition: all 0.2s ease;
  width: 24px;
}

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

.index .design-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 73px;
  position: relative;
  width: 100%;
}

.index .hero-2 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/frame-92-14.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding: 86px 80px;
  position: relative;
  width: 100%;
}

.index .frame-15 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding: 10px;
  width: 100%;
}

.index .frame-90-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 75px;
  position: relative;
  width: 100%;
}

.index .title-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .frame-89-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 35px 35px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.index .frame-8-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 20px;
  justify-content: center;
  position: relative;
}

.index .number-2 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.index .periodos-ordinarios-2 {
  letter-spacing: 0;
  line-height: 40px;
  position: relative;
  width: fit-content;
}

.index .vector-1-2 {
  height: 80px;
  position: relative;
  width: 5px;
}

.index .poco-de-2 {
  letter-spacing: 0;
  line-height: 40px;
  position: relative;
  width: fit-content;
}

.index .meses-2 {
  letter-spacing: 0;
  line-height: 40px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .tus-75-diputadas-di-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .iniciativas-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 20px 20px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.index .frame-74-2 {
  align-items: center;
  border: 1px solid;
  border-color: var(--gold-sand);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  padding: 30px 0px;
  position: relative;
  width: 372px;
}

.index .address-18 {
  align-self: stretch;
  line-height: 40px;
  margin-top: -1.00px;
  text-align: center;
}

.index .address-19 {
  align-self: stretch;
  line-height: 40px;
  text-align: center;
}

.index .address-20 {
  line-height: 20px;
  text-align: center;
  width: 273px;
}

.index .frame-75-2 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--gold-sand);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 30px 0px;
  position: relative;
  width: 542px;
}

.index .address-21 {
  align-self: stretch;
  line-height: 40px;
  margin-top: -1.00px;
  text-align: center;
}

.index .aprobadas-en-su-totalidad-2 {
  align-self: stretch;
  height: 20px;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.index .frame-73-2 {
  align-items: center;
  border: 1px solid;
  border-color: var(--gold-sand);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  padding: 40px 0px;
  position: relative;
  width: 372px;
}

.index .address-22 {
  align-self: stretch;
  line-height: 40px;
  margin-top: -1.00px;
  text-align: center;
}

.index .frame-72-2 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 273px;
}

.index .address-23 {
  align-self: stretch;
  line-height: 40px;
  margin-top: -1.00px;
  text-align: center;
}

.index .address-24 {
  align-self: stretch;
  line-height: 20px;
  text-align: center;
}

.index .objetivo-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  padding: 0px 80px;
  position: relative;
  width: 100%;
}

.index .el-objetivo-mejorar-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .desliza-y-conoce-ms-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 30px;
  position: relative;
  text-align: center;
}

.index .medio-ambiente-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--bon-jour);
  border: 1px solid;
  border-color: var(--mercury);
  border-radius: 20px;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 10px 10px;
  justify-content: center;
  padding: 40px 80px;
  position: relative;
  width: 100%;
}

.index .frame-67-2 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 36px 36px;
  justify-content: center;
  position: relative;
}

.index .frame-66-2 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 10px;
  min-width: 543px;
  position: relative;
}

.index .medio-ambiente-y-sustentabilidad-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
}

.index .frame-65-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 10px 0px;
  position: relative;
  width: 100%;
}

.index .chat-gpt-image-15-ma-2 {
  aspect-ratio: 1;
  height: 326px;
  object-fit: cover;
  position: relative;
  width: 326px;
}

.index .derechos-y-justicia-2 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--hint-of-red);
  border: 1px solid;
  border-color: var(--mercury);
  border-radius: 20px;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 10px 10px;
  justify-content: center;
  padding: 50px 84px;
  position: relative;
  width: 100%;
}

.index .frame-63-2 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 85px 85px;
  justify-content: center;
  position: relative;
}

.index .frame-62-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 38px;
  position: relative;
  width: 514px;
}

.index .derechos-sociales-y-grupos-vulnerables-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
}

.index .frame-60-2 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 21px;
  position: relative;
  width: 505px;
}

.index .frame-16 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  gap: 20px;
  width: 100%;
}

.index .incorporacin-de-los-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.index .establecimiento-de-l-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.index .frame-17 {
  align-items: center;
  align-self: stretch;
  gap: 20px;
  height: 40px;
  padding: 10px 0px;
  width: 100%;
}

.index .icono2-1-6 {
  margin-bottom: -8.24px;
  margin-top: -8.24px;
}

.index .despenalizacin-del-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -9.00px;
  margin-top: -11.00px;
  position: relative;
}

.index .reconocimiento-del-d-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -9.00px;
  margin-top: -11.00px;
  position: relative;
}

.index .reforma-para-reserva-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -9.00px;
  margin-top: -11.00px;
  position: relative;
}

.index .minutas-federales-en-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -9.00px;
  margin-top: -11.00px;
  position: relative;
}

.index .frame-18 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  gap: 20px;
  padding: 10px 0px;
  width: 100%;
}

.index .reformas-para-garant-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.index .exhorto-a-los-125-ay-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.index .reformas-para-inclui-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.index .creacin-de-la-comis-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.index .frame-61-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 78px;
  position: relative;
  width: 514px;
}

.index .justicia-y-reforma-judicial-2 {
  -webkit-text-stroke: 1px var(--hint-of-red);
  align-self: stretch;
  letter-spacing: 0;
  line-height: 40px;
  margin-left: -1.00px;
  margin-top: -2.00px;
  position: relative;
}

.index .frame-59-2 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 28px;
  position: relative;
  width: 505px;
}

.index .reforma-integral-del-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -9.00px;
  margin-top: -11.00px;
  position: relative;
}

.index .icono2-1-9 {
  margin-bottom: -8.24px;
  margin-top: -8.24px;
}

.index .creacin-del-tribuna-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -9.00px;
  margin-top: -11.00px;
  position: relative;
}

.index .modificacin-de-ms-4 {
  flex: 1;
  margin-top: -1.00px;
}

.index .reformas-a-casi-100-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -9.00px;
  margin-top: -11.00px;
  position: relative;
}

.index .instalacin-del-comi-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.index .derogacin-del-delit-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.index .integracin-del-cons-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.index .capa_1-2 {
  height: 93px;
  position: relative;
  width: 501px;
}

.index .cards-de-desarrollo-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 43px 43px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.index .frame-83-2 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--tundora);
  border-radius: 20px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  height: 613px;
  justify-content: center;
  padding: 40px 20px;
  position: relative;
}

.index .frame-19 {
  align-items: center;
  flex-direction: column;
  gap: 45px;
  width: 374px;
}

.index .desarrollo-econmico-y-campo-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
}

.index .frame-20 {
  align-items: flex-start;
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.index .x-de-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.index .regulacin-del-uso-d-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.index .proteccin-constituc-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.index .layer_5-2 {
  border-radius: 20px;
  height: 152px;
  overflow: hidden;
  position: relative;
  width: 279px;
}

.index .flex-row-4 {
  gap: 6px;
  height: 107px;
  left: -15888px;
  min-width: 149px;
  position: absolute;
  top: -5192px;
}

.index .flex-col-2 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  min-height: 107px;
  width: 31px;
}

.index .vector-34 {
  height: 23px;
  margin-right: 0;
  width: 6px;
}

.index .vector-container-6 {
  align-items: flex-start;
  display: flex;
  gap: 6px;
  margin-right: 1.25px;
  margin-top: 15px;
  min-width: 30px;
}

.index .vector-35 {
  height: 6px;
  width: 23px;
}

.index .vector-36 {
  height: 3px;
  width: 1px;
}

.index .vector-37 {
  height: 35px;
  margin-right: 0;
  margin-top: 11px;
  width: 9px;
}

.index .vector-33 {
  height: 16px;
  width: 16px;
}

.index .flex-row-5 {
  align-self: flex-end;
  gap: 1px;
  height: 82px;
  min-width: 111px;
}

.index .vector-container-7 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 82px;
  width: 31px;
}

.index .vector-38 {
  align-self: flex-end;
  height: 6px;
  width: 23px;
}

.index .vector-39 {
  height: 23px;
  margin-top: 15px;
  width: 6px;
}

.index .vector-40 {
  height: 14px;
  margin-top: 6px;
  width: 9px;
}

.index .overlap-group-2 {
  align-items: flex-end;
  align-self: flex-end;
  background-image: url(../img/vector-241@2x.png);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  gap: 23px;
  min-height: 67px;
  padding: 0 14.6px;
  width: 78px;
}

.index .vector-41 {
  align-self: center;
  height: 7px;
  margin-left: 0.01px;
  margin-top: 16px;
  width: 9px;
}

.index .vector-container-8 {
  height: 20px;
  position: relative;
  width: 49px;
}

.index .vector-42 {
  height: 7px;
  left: 10px;
  position: absolute;
  top: 14px;
  width: 29px;
}

.index .vector-43 {
  height: 16px;
  left: 32px;
  position: absolute;
  top: 2px;
  width: 17px;
}

.index .vector-44 {
  height: 16px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 17px;
}

.index .vector-45 {
  height: 6px;
  left: 11px;
  position: absolute;
  top: 0;
  width: 27px;
}

.index .overlap-group1-2 {
  align-items: flex-end;
  background-image: url(../img/vector-56.svg);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 152px;
  position: absolute;
  top: 0;
  width: 279px;
}

.index .vector-46 {
  height: 22px;
  margin-right: 30.77px;
  margin-top: 30px;
  width: 65px;
}

.index .vector-47 {
  height: 20px;
  margin-right: 52.64px;
  margin-top: 3px;
  width: 22px;
}

.index .overlap-group3-2 {
  align-items: flex-end;
  align-self: flex-start;
  background-image: url(../img/vector-37@2x.png);
  background-size: 100% 100%;
  display: flex;
  height: 22px;
  margin-top: 55px;
  min-width: 57px;
}

.index .vector-48 {
  height: 5px;
  width: 26px;
}

.index .frame-86-2 {
  align-items: center;
  border: 1px solid;
  border-color: var(--tundora);
  border-radius: 20px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  padding: 40px 20px;
  position: relative;
}

.index .infraestructura-y-servicios-pblicos-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
}

.index .frame-77-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 22px;
  position: relative;
  width: 100%;
}

.index .address-25 {
  align-self: stretch;
  line-height: 20px;
}

.index .apoyo-a-la-infraestr-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.index .expedimos-la-ley-que-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.index .frame-84-2 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--tundora);
  border-radius: 20px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 40px 20px;
  position: relative;
}

.index .consenso-y-representacin-ciudadana-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
}

.index .address-26 {
  align-self: stretch;
  line-height: 20px;
}

.index .cada-decisin-impact-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.index .modo_de_aislamiento-2 {
  height: 143px;
  position: relative;
  width: 130px;
}

.index .rendicion-de-cuentas-y-justicia-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.index .rendicion-de-cuentas-2 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--disco);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  padding: 62px 57px;
  position: relative;
  width: 100%;
}

.index .frame-43-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 55px 55px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.index .frame-42-2 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 32px;
  min-width: 550px;
  position: relative;
}

.index .rendicin-de-cuentas-y-buen-gobierno-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 50px;
  margin-top: -1.00px;
  position: relative;
}

.index .frame-21 {
  align-items: flex-start;
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 19px;
  width: 100%;
}

.index .minutas-contra-el-ne-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.index .reforma-para-la-simp-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.index .reforma-para-otorgar-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.index .revisin-y-fiscaliza-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.index .modernizacin-de-la-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.index .eliminacin-de-la-ve-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.index .renovacin-de-la-ima-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.index .manual-1-2 {
  aspect-ratio: 1.18;
  height: 228.96px;
  object-fit: cover;
  position: relative;
  width: 270px;
}

.index .justicia-y-vivienda-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--tundora);
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 65px 65px;
  justify-content: center;
  padding: 60px 0px;
  position: relative;
  width: 100%;
}

.index .frame-34-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  justify-content: center;
  padding: 10px;
  position: relative;
}

.index .justicia-penal-y-seguridad-pblica-2 {
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
  width: 514px;
}

.index .frame-35-1 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 19px;
  position: relative;
  width: 505px;
}

.index .ampliacin-del-catl-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.index .minuta-federal-contr-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.index .icono2-1-7 {
  margin-bottom: -8.24px;
  margin-top: -8.24px;
}

.index .reformas-para-profes-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.index .frame-38-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 68px;
  position: relative;
  width: 505px;
}

.index .vivienda-y-derechos-laborales-2 {
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .minuta-federal-para-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -9.00px;
  margin-top: -11.00px;
  position: relative;
}

.index .apoyos-econmicos-a-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.index .reformas-para-mejora-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -9.00px;
  margin-top: -11.00px;
  position: relative;
}

.index .exhort-a-la-secreta-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.index .reforma-constitucional-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 115px 115px;
  justify-content: center;
  padding: 0px 80px;
  position: relative;
  width: 100%;
}

.index .frame-95-2 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 20px;
  min-width: 399px;
  position: relative;
}

.index .reformas-constitucio-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
}

.index .modificacin-de-ms-5 {
  align-self: stretch;
}

.index .constitucion-edomex-1-2 {
  aspect-ratio: 0.64;
  height: 400px;
  object-fit: cover;
  position: relative;
  width: 254px;
}

.index .rectangle-15-2 {
  align-self: stretch;
  background-color: var(--fuscous-gray);
  height: 331px;
  position: relative;
  width: 100%;
}

.index .address {
  letter-spacing: 0;
  position: relative;
}

.index .flex-row {
  align-items: flex-start;
  display: flex;
}

.index .frame {
  display: flex;
  position: relative;
}

.index .modificacin-de-ms {
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.index .reformas-para-la-pro {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}
/* screen - movil */

.movil {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-width: 599px;
  position: relative;
}

.movil .header-3 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 42px 42px;
  justify-content: center;
  padding: 30px 80px;
  position: relative;
  width: 100%;
}

.movil .congreso-logo-1-3 {
  aspect-ratio: 2.68;
  height: 93px;
  object-fit: cover;
  position: relative;
  width: 250px;
}

.movil .frame-98-3 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 19px;
  justify-content: center;
  min-height: 44.28px;
  min-width: 370px;
  position: relative;
}

.movil .frame-99-3 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 10px 10px;
  justify-content: center;
  position: relative;
}

.movil .el-poder-de-la-gente-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.movil .social-media-3 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 20px 20px;
  height: 24px;
  justify-content: center;
  position: relative;
}

.movil .social-media-item-3 {
  aspect-ratio: 1.03;
  cursor: pointer;
  height: 23px;
  object-fit: cover;
  position: relative;
  transition: all 0.2s ease;
  width: 24px;
}

.movil .social-media-item-3:hover {
  transform: scale(1.1);
}

.movil .tiktok-1-3 {
  aspect-ratio: 1;
  cursor: pointer;
  height: 24px;
  object-fit: cover;
  position: relative;
  transition: all 0.2s ease;
  width: 24px;
}

.movil .tiktok-1-3:hover {
  transform: scale(1.1);
}

.movil .design-3 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 73px;
  position: relative;
  width: 100%;
}

.movil .hero-3 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/frame-92-13.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding: 86px 80px;
  position: relative;
  width: 100%;
}

.movil .frame-22 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding: 10px;
  width: 100%;
}

.movil .frame-90-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 75px;
  position: relative;
  width: 100%;
}

.movil .title-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.movil .frame-89-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 35px 35px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.movil .frame-8-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 20px;
  justify-content: center;
  position: relative;
}

.movil .number-3 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.movil .periodos-ordinarios-3 {
  letter-spacing: 0;
  line-height: 40px;
  position: relative;
  width: fit-content;
}

.movil .vector-1-3 {
  height: 80px;
  position: relative;
  width: 5px;
}

.movil .poco-de-3 {
  letter-spacing: 0;
  line-height: 40px;
  position: relative;
  width: fit-content;
}

.movil .meses-3 {
  letter-spacing: 0;
  line-height: 40px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.movil .tus-75-diputadas-di-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.movil .iniciativas-3 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 20px 20px;
  justify-content: center;
  padding: 0px 20px;
  position: relative;
  width: 100%;
}

.movil .frame-74-3 {
  align-items: center;
  border: 1px solid;
  border-color: var(--gold-sand);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  padding: 30px 0px;
  position: relative;
  width: 372px;
}

.movil .address-27 {
  align-self: stretch;
  line-height: 40px;
  margin-top: -1.00px;
  text-align: center;
}

.movil .address-28 {
  align-self: stretch;
  line-height: 40px;
  text-align: center;
}

.movil .address-29 {
  line-height: 20px;
  text-align: center;
  width: 273px;
}

.movil .frame-75-3 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--gold-sand);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 30px 0px;
  position: relative;
  width: 542px;
}

.movil .address-30 {
  align-self: stretch;
  line-height: 40px;
  margin-top: -1.00px;
  text-align: center;
}

.movil .aprobadas-en-su-totalidad-3 {
  align-self: stretch;
  height: 20px;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.movil .frame-73-3 {
  align-items: center;
  border: 1px solid;
  border-color: var(--gold-sand);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  padding: 40px 0px;
  position: relative;
  width: 372px;
}

.movil .address-31 {
  align-self: stretch;
  line-height: 40px;
  margin-top: -1.00px;
  text-align: center;
}

.movil .frame-72-3 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 273px;
}

.movil .address-32 {
  align-self: stretch;
  line-height: 40px;
  margin-top: -1.00px;
  text-align: center;
}

.movil .address-33 {
  align-self: stretch;
  line-height: 20px;
  text-align: center;
}

.movil .objetivo-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  padding: 0px 80px;
  position: relative;
  width: 100%;
}

.movil .el-objetivo-mejorar-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.movil .desliza-y-conoce-ms-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 30px;
  position: relative;
  text-align: center;
}

.movil .medio-ambiente-3 {
  align-items: center;
  align-self: stretch;
  background-color: var(--bon-jour);
  border: 1px solid;
  border-color: var(--mercury);
  border-radius: 20px;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 10px 10px;
  justify-content: center;
  padding: 40px 80px;
  position: relative;
  width: 100%;
}

.movil .frame-67-3 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 36px 36px;
  justify-content: center;
  position: relative;
}

.movil .frame-66-3 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 10px;
  margin-left: -52.00px;
  margin-right: -52.00px;
  min-width: 543px;
  position: relative;
}

.movil .medio-ambiente-y-sustentabilidad-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
}

.movil .frame-65-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 10px 0px;
  position: relative;
  width: 100%;
}

.movil .chat-gpt-image-15-ma-3 {
  aspect-ratio: 1;
  height: 326px;
  object-fit: cover;
  position: relative;
  width: 326px;
}

.movil .derechos-y-justicia-3 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--hint-of-red);
  border: 1px solid;
  border-color: var(--mercury);
  border-radius: 20px;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 10px 10px;
  justify-content: center;
  padding: 50px 84px;
  position: relative;
  width: 100%;
}

.movil .frame-63-3 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 85px 85px;
  justify-content: center;
  position: relative;
}

.movil .frame-62-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 38px;
  margin-left: -41.50px;
  margin-right: -41.50px;
  position: relative;
  width: 514px;
}

.movil .derechos-sociales-y-grupos-vulnerables-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
}

.movil .frame-60-3 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 21px;
  position: relative;
  width: 505px;
}

.movil .frame-23 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  gap: 20px;
  width: 100%;
}

.movil .incorporacin-de-los-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil .establecimiento-de-l-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil .frame-24 {
  align-items: center;
  align-self: stretch;
  gap: 20px;
  height: 40px;
  padding: 10px 0px;
  width: 100%;
}

.movil .icono2-1-11 {
  margin-bottom: -8.24px;
  margin-top: -8.24px;
}

.movil .despenalizacin-del-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -9.00px;
  margin-top: -11.00px;
  position: relative;
}

.movil .reconocimiento-del-d-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -9.00px;
  margin-top: -11.00px;
  position: relative;
}

.movil .reforma-para-reserva-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -9.00px;
  margin-top: -11.00px;
  position: relative;
}

.movil .minutas-federales-en-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -9.00px;
  margin-top: -11.00px;
  position: relative;
}

.movil .frame-25 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  gap: 20px;
  padding: 10px 0px;
  width: 100%;
}

.movil .reformas-para-garant-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil .exhorto-a-los-125-ay-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil .reformas-para-inclui-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil .creacin-de-la-comis-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil .frame-61-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 78px;
  margin-left: -41.50px;
  margin-right: -41.50px;
  position: relative;
  width: 514px;
}

.movil .justicia-y-reforma-judicial-3 {
  -webkit-text-stroke: 1px var(--hint-of-red);
  align-self: stretch;
  letter-spacing: 0;
  line-height: 40px;
  margin-left: -1.00px;
  margin-top: -2.00px;
  position: relative;
}

.movil .frame-59-3 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 28px;
  position: relative;
  width: 505px;
}

.movil .reforma-integral-del-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -9.00px;
  margin-top: -11.00px;
  position: relative;
}

.movil .creacin-del-tribuna-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -9.00px;
  margin-top: -11.00px;
  position: relative;
}

.movil .modificacin-de-ms-6 {
  flex: 1;
  margin-top: -1.00px;
}

.movil .reformas-a-casi-100-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -9.00px;
  margin-top: -11.00px;
  position: relative;
}

.movil .instalacin-del-comi-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil .derogacin-del-delit-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil .integracin-del-cons-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil .capa_1-3 {
  height: 93px;
  position: relative;
  width: 501px;
}

.movil .cards-de-desarrollo-3 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 43px 43px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.movil .frame-83-3 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--tundora);
  border-radius: 20px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  height: 613px;
  justify-content: center;
  padding: 40px 20px;
  position: relative;
}

.movil .frame-26 {
  align-items: center;
  flex-direction: column;
  gap: 45px;
  width: 374px;
}

.movil .desarrollo-econmico-y-campo-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
}

.movil .frame-27 {
  align-items: flex-start;
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.movil .x-de-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil .regulacin-del-uso-d-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.movil .proteccin-constituc-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.movil .layer_5-3 {
  border-radius: 20px;
  height: 152px;
  overflow: hidden;
  position: relative;
  width: 279px;
}

.movil .flex-row-6 {
  gap: 6px;
  height: 107px;
  left: -16668px;
  min-width: 149px;
  position: absolute;
  top: -5386px;
}

.movil .flex-col-3 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  min-height: 107px;
  width: 31px;
}

.movil .vector-50 {
  height: 23px;
  margin-right: 0;
  width: 6px;
}

.movil .vector-container-9 {
  align-items: flex-start;
  display: flex;
  gap: 6px;
  margin-right: 1.25px;
  margin-top: 15px;
  min-width: 30px;
}

.movil .vector-51 {
  height: 6px;
  width: 23px;
}

.movil .vector-52 {
  height: 3px;
  width: 1px;
}

.movil .vector-53 {
  height: 35px;
  margin-right: 0;
  margin-top: 11px;
  width: 9px;
}

.movil .vector-49 {
  height: 16px;
  width: 16px;
}

.movil .flex-row-7 {
  align-self: flex-end;
  gap: 1px;
  height: 82px;
  min-width: 111px;
}

.movil .vector-container-10 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 82px;
  width: 31px;
}

.movil .vector-54 {
  align-self: flex-end;
  height: 6px;
  width: 23px;
}

.movil .vector-55 {
  height: 23px;
  margin-top: 15px;
  width: 6px;
}

.movil .vector-56 {
  height: 14px;
  margin-top: 6px;
  width: 9px;
}

.movil .overlap-group-3 {
  align-items: flex-end;
  align-self: flex-end;
  background-image: url(../img/vector-241@2x.png);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  gap: 23px;
  min-height: 67px;
  padding: 0 14.6px;
  width: 78px;
}

.movil .vector-57 {
  align-self: center;
  height: 7px;
  margin-left: 0.01px;
  margin-top: 16px;
  width: 9px;
}

.movil .vector-container-11 {
  height: 20px;
  position: relative;
  width: 49px;
}

.movil .vector-58 {
  height: 7px;
  left: 10px;
  position: absolute;
  top: 14px;
  width: 29px;
}

.movil .vector-59 {
  height: 16px;
  left: 32px;
  position: absolute;
  top: 2px;
  width: 17px;
}

.movil .vector-60 {
  height: 16px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 17px;
}

.movil .vector-61 {
  height: 6px;
  left: 11px;
  position: absolute;
  top: 0;
  width: 27px;
}

.movil .overlap-group1-3 {
  align-items: flex-end;
  background-image: url(../img/vector-56.svg);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 152px;
  position: absolute;
  top: 0;
  width: 279px;
}

.movil .vector-62 {
  height: 22px;
  margin-right: 30.77px;
  margin-top: 30px;
  width: 65px;
}

.movil .vector-63 {
  height: 20px;
  margin-right: 52.64px;
  margin-top: 3px;
  width: 22px;
}

.movil .overlap-group3-3 {
  align-items: flex-end;
  align-self: flex-start;
  background-image: url(../img/vector-37@2x.png);
  background-size: 100% 100%;
  display: flex;
  height: 22px;
  margin-top: 55px;
  min-width: 57px;
}

.movil .vector-64 {
  height: 5px;
  width: 26px;
}

.movil .frame-86-3 {
  align-items: center;
  border: 1px solid;
  border-color: var(--tundora);
  border-radius: 20px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  padding: 40px 20px;
  position: relative;
}

.movil .infraestructura-y-servicios-pblicos-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
}

.movil .frame-77-3 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 22px;
  position: relative;
  width: 100%;
}

.movil .address-34 {
  align-self: stretch;
  line-height: 20px;
}

.movil .apoyo-a-la-infraestr-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.movil .expedimos-la-ley-que-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.movil .frame-84-3 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--tundora);
  border-radius: 20px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 40px 20px;
  position: relative;
}

.movil .consenso-y-representacin-ciudadana-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
}

.movil .address-35 {
  align-self: stretch;
  line-height: 20px;
}

.movil .cada-decisin-impact-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.movil .modo_de_aislamiento-3 {
  height: 143px;
  position: relative;
  width: 130px;
}

.movil .rendicion-de-cuentas-y-justicia-3 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.movil .rendicion-de-cuentas-3 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--disco);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  padding: 62px 57px;
  position: relative;
  width: 100%;
}

.movil .frame-43-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 55px 55px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.movil .frame-42-3 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 32px;
  margin-left: -32.50px;
  margin-right: -32.50px;
  min-width: 550px;
  position: relative;
}

.movil .rendicin-de-cuentas-y-buen-gobierno-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 50px;
  margin-top: -1.00px;
  position: relative;
}

.movil .frame-28 {
  align-items: flex-start;
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 19px;
  width: 100%;
}

.movil .minutas-contra-el-ne-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.movil .reforma-para-la-simp-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.movil .reforma-para-otorgar-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil .revisin-y-fiscaliza-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.movil .modernizacin-de-la-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil .eliminacin-de-la-ve-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil .renovacin-de-la-ima-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil .manual-1-3 {
  aspect-ratio: 1.18;
  flex: 1;
  flex-grow: 1;
  min-height: 228.96px;
  min-width: 270px;
  object-fit: cover;
  position: relative;
}

.movil .justicia-y-vivienda-3 {
  align-items: center;
  align-self: stretch;
  background-color: var(--tundora);
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 65px 65px;
  justify-content: center;
  padding: 60px 0px;
  position: relative;
  width: 100%;
}

.movil .frame-34-3 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  justify-content: center;
  padding: 10px;
  position: relative;
}

.movil .justicia-penal-y-seguridad-pblica-3 {
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
  width: 514px;
}

.movil .frame-35-2 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 19px;
  position: relative;
  width: 505px;
}

.movil .icono2-1-12 {
  margin-bottom: -8.24px;
  margin-top: -8.24px;
}

.movil .ampliacin-del-catl-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil .minuta-federal-contr-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil .reformas-para-profes-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil .frame-38-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 68px;
  position: relative;
  width: 505px;
}

.movil .vivienda-y-derechos-laborales-3 {
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.movil .minuta-federal-para-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -9.00px;
  margin-top: -11.00px;
  position: relative;
}

.movil .apoyos-econmicos-a-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil .reformas-para-mejora-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -9.00px;
  margin-top: -11.00px;
  position: relative;
}

.movil .exhort-a-la-secreta-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil .reforma-constitucional-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 115px 115px;
  justify-content: center;
  padding: 0px 80px;
  position: relative;
  width: 100%;
}

.movil .frame-95-3 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 20px;
  min-width: 399px;
  position: relative;
}

.movil .reformas-constitucio-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
}

.movil .modificacin-de-ms-7 {
  align-self: stretch;
}

.movil .constitucion-edomex-1-3 {
  aspect-ratio: 0.64;
  height: 400px;
  object-fit: cover;
  position: relative;
  width: 254px;
}

.movil .rectangle-15-3 {
  align-self: stretch;
  background-color: var(--fuscous-gray);
  height: 331px;
  position: relative;
  width: 100%;
}

.movil .address {
  letter-spacing: 0;
  position: relative;
}

.movil .flex-row {
  align-items: flex-start;
  display: flex;
}

.movil .frame {
  display: flex;
  position: relative;
}

.movil .modificacin-de-ms {
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.movil .reformas-para-la-pro {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}
/* screen - movil-small */

.movil-small {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-width: 393px;
  position: relative;
}

.movil-small .header-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 42px 42px;
  justify-content: center;
  padding: 30px 80px;
  position: relative;
  width: 100%;
}

.movil-small .congreso-logo-1-1 {
  aspect-ratio: 2.68;
  height: 93px;
  margin-left: -8.50px;
  margin-right: -8.50px;
  object-fit: cover;
  position: relative;
  width: 250px;
}

.movil-small .frame-98-1 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 19px;
  justify-content: center;
  margin-left: -68.50px;
  margin-right: -68.50px;
  min-height: 44.28px;
  min-width: 370px;
  position: relative;
}

.movil-small .frame-99-1 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 10px 10px;
  justify-content: center;
  position: relative;
}

.movil-small .el-poder-de-la-gente-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.movil-small .social-media-1 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 20px 20px;
  justify-content: center;
  padding: 0px 20px;
  position: relative;
}

.movil-small .social-media-item-1 {
  aspect-ratio: 1.03;
  cursor: pointer;
  height: 23px;
  object-fit: cover;
  position: relative;
  transition: all 0.2s ease;
  width: 24px;
}

.movil-small .social-media-item-1:hover {
  transform: scale(1.1);
}

.movil-small .tiktok-1-1 {
  aspect-ratio: 1;
  cursor: pointer;
  height: 24px;
  object-fit: cover;
  position: relative;
  transition: all 0.2s ease;
  width: 24px;
}

.movil-small .tiktok-1-1:hover {
  transform: scale(1.1);
}

.movil-small .design-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 73px;
  position: relative;
  width: 100%;
}

.movil-small .hero-1 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/hero-1.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding: 86px 0px;
  position: relative;
  width: 100%;
}

.movil-small .frame-7 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding: 10px;
  width: 100%;
}

.movil-small .frame-90-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 75px;
  position: relative;
  width: 100%;
}

.movil-small .title-1 {
  align-self: stretch;
  color: var(--white);
  font-family: var(--font-family-regesto_grotesk-bold);
  font-size: 55px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.movil-small .frame-89-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 35px 35px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.movil-small .frame-87 {
  align-items: center;
  flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 20px 20px;
  justify-content: center;
  min-width: 205px;
}

.movil-small .number-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.movil-small .periodos-ordinarios-1 {
  letter-spacing: 0;
  line-height: 40px;
  position: relative;
  width: fit-content;
}

.movil-small .vector-1-1 {
  height: 80px;
  margin-right: -2.50px;
  position: relative;
  width: 5px;
}

.movil-small .frame-88 {
  align-items: center;
  flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 20px 20px;
  justify-content: center;
  min-width: 220px;
}

.movil-small .poco-de-1 {
  letter-spacing: 0;
  line-height: 40px;
  position: relative;
  width: fit-content;
}

.movil-small .meses-1 {
  letter-spacing: 0;
  line-height: 40px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.movil-small .tus-75-diputadas-di-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.movil-small .iniciativas-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 20px 20px;
  justify-content: center;
  padding: 0px 10px;
  position: relative;
  width: 100%;
}

.movil-small .frame-74-1 {
  align-items: center;
  border: 1px solid;
  border-color: var(--gold-sand);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  padding: 30px 0px;
  position: relative;
  width: 372px;
}

.movil-small .address-9 {
  align-self: stretch;
  line-height: 40px;
  margin-top: -1.00px;
  text-align: center;
}

.movil-small .address-10 {
  align-self: stretch;
  line-height: 40px;
  text-align: center;
}

.movil-small .address-11 {
  line-height: 20px;
  text-align: center;
  width: 273px;
}

.movil-small .frame-75-1 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--gold-sand);
  border-radius: 20px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 20px;
  min-width: 368px;
  padding: 30px 20px;
  position: relative;
}

.movil-small .address-12 {
  align-self: stretch;
  line-height: 40px;
  margin-top: -1.00px;
  text-align: center;
}

.movil-small .aprobadas-en-su-totalidad-1 {
  align-self: stretch;
  height: 20px;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.movil-small .frame-73-1 {
  align-items: center;
  border: 1px solid;
  border-color: var(--gold-sand);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  padding: 40px 0px;
  position: relative;
  width: 372px;
}

.movil-small .address-13 {
  align-self: stretch;
  line-height: 40px;
  margin-top: -1.00px;
  text-align: center;
}

.movil-small .frame-72-1 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 273px;
}

.movil-small .address-14 {
  align-self: stretch;
  line-height: 40px;
  margin-top: -1.00px;
  text-align: center;
}

.movil-small .address-15 {
  align-self: stretch;
  line-height: 20px;
  text-align: center;
}

.movil-small .objetivo-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  padding: 0px 80px;
  position: relative;
  width: 100%;
}

.movil-small .el-objetivo-mejorar-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.movil-small .desliza-y-conoce-ms-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 30px;
  position: relative;
  text-align: center;
}

.movil-small .medio-ambiente-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--bon-jour);
  border: 1px solid;
  border-color: var(--mercury);
  border-radius: 20px;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 10px 10px;
  justify-content: center;
  padding: 40px 20px;
  position: relative;
  width: 100%;
}

.movil-small .frame-67-1 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 36px 36px;
  justify-content: center;
  position: relative;
}

.movil-small .frame-66-1 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 10px;
  min-height: 470px;
  min-width: 353px;
  position: relative;
}

.movil-small .medio-ambiente-y-sustentabilidad-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .frame-65-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 10px 10px;
  justify-content: center;
  padding: 10px 0px;
  position: relative;
  width: 100%;
}

.movil-small .chat-gpt-image-15-ma-1 {
  aspect-ratio: 1;
  height: 326px;
  object-fit: cover;
  position: relative;
  width: 326px;
}

.movil-small .derechos-y-justicia-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--hint-of-red);
  border: 1px solid;
  border-color: var(--mercury);
  border-radius: 20px;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 10px 10px;
  justify-content: center;
  padding: 50px 20px;
  position: relative;
  width: 100%;
}

.movil-small .frame-63-1 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 85px;
  position: relative;
}

.movil-small .frame-62-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 38px;
  position: relative;
  width: 100%;
}

.movil-small .derechos-sociales-y-grupos-vulnerables-1 {
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
  width: 280px;
}

.movil-small .frame-60-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 21px;
  min-width: 290px;
  position: relative;
  width: 100%;
}

.movil-small .frame-9 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  gap: 20px;
  width: 100%;
}

.movil-small .incorporacin-de-los-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .establecimiento-de-l-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .frame-10 {
  align-items: center;
  align-self: stretch;
  gap: 20px;
  height: 40px;
  padding: 10px 0px;
  width: 100%;
}

.movil-small .icono2-1-3 {
  margin-bottom: -8.24px;
  margin-top: -8.24px;
}

.movil-small .x-del {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -19.00px;
  margin-top: -21.00px;
  position: relative;
}

.movil-small .reforma-para-reserva-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -9.00px;
  margin-top: -11.00px;
  position: relative;
}

.movil-small .minutas-federales-en-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -9.00px;
  margin-top: -11.00px;
  position: relative;
}

.movil-small .reformas-para-la-pro-2 {
  margin-bottom: -9.00px;
  margin-top: -11.00px;
}

.movil-small .frame-11 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  gap: 20px;
  padding: 10px 0px;
  width: 100%;
}

.movil-small .reformas-para-garant-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .exhorto-a-los-125-ay-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .reformas-para-inclui-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .creacin-de-la-comis-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .frame-61-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 78px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.movil-small .justicia-y-reforma-judicial-1 {
  -webkit-text-stroke: 1px var(--hint-of-red);
  align-self: stretch;
  letter-spacing: 0;
  line-height: 40px;
  margin-left: -1.00px;
  margin-top: -2.00px;
  position: relative;
}

.movil-small .frame-59-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  min-width: 210px;
  position: relative;
  width: 100%;
}

.movil-small .reforma-integral-del-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .creacin-del-tribuna-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .modificacin-de-ms-2 {
  flex: 1;
  margin-top: -1.00px;
}

.movil-small .reformas-a-casi-100-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .instalacin-del-comi-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .derogacin-del-delit-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .integracin-del-cons-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .capa_1-1 {
  align-self: stretch;
  aspect-ratio: 5.39;
  position: relative;
  width: 100%;
}

.movil-small .cards-de-desarrollo-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 43px 43px;
  justify-content: center;
  padding: 0px 10px;
  position: relative;
  width: 100%;
}

.movil-small .frame-83-1 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--tundora);
  border-radius: 20px;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 10px;
  height: 613px;
  justify-content: center;
  min-width: 320px;
  padding: 40px 20px;
  position: relative;
}

.movil-small .frame-82 {
  align-items: center;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 45px;
  margin-bottom: -9.00px;
}

.movil-small .desarrollo-econmico-y-campo-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .frame-12 {
  align-items: flex-start;
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.movil-small .x-de-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .regulacin-del-uso-d-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.movil-small .proteccin-constituc-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.movil-small .layer_5-1 {
  border-radius: 20px;
  height: 152px;
  overflow: hidden;
  position: relative;
  width: 279px;
}

.movil-small .flex-row-2 {
  gap: 6px;
  height: 107px;
  left: -17261px;
  min-width: 149px;
  position: absolute;
  top: -6196px;
}

.movil-small .flex-col-1 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  min-height: 107px;
  width: 31px;
}

.movil-small .vector-18 {
  height: 23px;
  margin-right: 0;
  width: 6px;
}

.movil-small .vector-container-3 {
  align-items: flex-start;
  display: flex;
  gap: 6px;
  margin-right: 1.25px;
  margin-top: 15px;
  min-width: 30px;
}

.movil-small .vector-19 {
  height: 6px;
  width: 23px;
}

.movil-small .vector-20 {
  height: 3px;
  width: 1px;
}

.movil-small .vector-21 {
  height: 35px;
  margin-right: 0;
  margin-top: 11px;
  width: 9px;
}

.movil-small .vector-17 {
  height: 16px;
  width: 16px;
}

.movil-small .flex-row-3 {
  align-self: flex-end;
  gap: 1px;
  height: 82px;
  min-width: 111px;
}

.movil-small .vector-container-4 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 82px;
  width: 31px;
}

.movil-small .vector-22 {
  align-self: flex-end;
  height: 6px;
  width: 23px;
}

.movil-small .vector-23 {
  height: 23px;
  margin-top: 15px;
  width: 6px;
}

.movil-small .vector-24 {
  height: 14px;
  margin-top: 6px;
  width: 9px;
}

.movil-small .overlap-group-1 {
  align-items: flex-end;
  align-self: flex-end;
  background-image: url(../img/vector-241@2x.png);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  gap: 23px;
  min-height: 67px;
  padding: 0 14.6px;
  width: 78px;
}

.movil-small .vector-25 {
  align-self: center;
  height: 7px;
  margin-left: 0.01px;
  margin-top: 16px;
  width: 9px;
}

.movil-small .vector-container-5 {
  height: 20px;
  position: relative;
  width: 49px;
}

.movil-small .vector-26 {
  height: 7px;
  left: 10px;
  position: absolute;
  top: 14px;
  width: 29px;
}

.movil-small .vector-27 {
  height: 16px;
  left: 32px;
  position: absolute;
  top: 2px;
  width: 17px;
}

.movil-small .vector-28 {
  height: 16px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 17px;
}

.movil-small .vector-29 {
  height: 6px;
  left: 11px;
  position: absolute;
  top: 0;
  width: 27px;
}

.movil-small .overlap-group1-1 {
  align-items: flex-end;
  background-image: url(../img/vector-36.svg);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 152px;
  position: absolute;
  top: 0;
  width: 279px;
}

.movil-small .vector-30 {
  height: 22px;
  margin-right: 30.77px;
  margin-top: 30px;
  width: 65px;
}

.movil-small .vector-31 {
  height: 20px;
  margin-right: 52.64px;
  margin-top: 3px;
  width: 22px;
}

.movil-small .overlap-group3-1 {
  align-items: flex-end;
  align-self: flex-start;
  background-image: url(../img/vector-37@2x.png);
  background-size: 100% 100%;
  display: flex;
  height: 22px;
  margin-top: 55px;
  min-width: 57px;
}

.movil-small .vector-32 {
  height: 5px;
  width: 26px;
}

.movil-small .frame-86-1 {
  align-items: center;
  border: 1px solid;
  border-color: var(--tundora);
  border-radius: 20px;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 10px;
  min-width: 320px;
  padding: 40px 20px;
  position: relative;
}

.movil-small .frame-13 {
  align-items: center;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 45px;
}

.movil-small .infraestructura-y-servicios-pblicos-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .frame-77-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 22px;
  position: relative;
  width: 100%;
}

.movil-small .address-16 {
  align-self: stretch;
  line-height: 20px;
}

.movil-small .apoyo-a-la-infraestr-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.movil-small .expedimos-la-ley-que-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.movil-small .frame-84-1 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--tundora);
  border-radius: 20px;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 10px;
  justify-content: center;
  min-width: 320px;
  padding: 40px 20px;
  position: relative;
}

.movil-small .consenso-y-representacin-ciudadana-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .address-17 {
  align-self: stretch;
  line-height: 20px;
}

.movil-small .cada-decisin-impact-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.movil-small .modo_de_aislamiento-1 {
  height: 143px;
  position: relative;
  width: 130px;
}

.movil-small .rendicion-de-cuentas-y-justicia-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.movil-small .rendicion-de-cuentas-1 {
  align-items: center;
  background-color: var(--disco);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  padding: 62px 30px;
  position: relative;
  width: 393px;
}

.movil-small .frame-43-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 55px 55px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.movil-small .frame-42-1 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 32px;
  min-width: 333px;
  position: relative;
}

.movil-small .rendicin-de-cuentas-y-buen-gobierno-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 50px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .frame-14 {
  align-items: flex-start;
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 19px;
  width: 100%;
}

.movil-small .minutas-contra-el-ne-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .reforma-para-la-simp-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .reforma-para-otorgar-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .revisin-y-fiscaliza-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .modernizacin-de-la-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .eliminacin-de-la-ve-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .renovacin-de-la-ima-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .manual-1-1 {
  aspect-ratio: 1.18;
  height: 228.96px;
  object-fit: cover;
  position: relative;
  width: 270px;
  display: none;
}

.movil-small .justicia-y-vivienda-1 {
  align-items: flex-start;
  background-color: var(--tundora);
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 65px 65px;
  justify-content: center;
  padding: 60px 0px;
  position: relative;
  width: 393px;
}

.movil-small .frame-34-1 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 40px;
  justify-content: center;
  min-width: 373px;
  padding: 10px;
  position: relative;
}

.movil-small .justicia-penal-y-seguridad-pblica-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .ampliacin-del-catl-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .minuta-federal-contr-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .reformas-para-la-pro-3 {
  margin-top: -1.00px;
}

.movil-small .reformas-para-profes-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .frame-38-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 68px;
  position: relative;
  width: 373px;
}

.movil-small .vivienda-y-derechos-laborales-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .minuta-federal-para-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .apoyos-econmicos-a-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .reformas-para-mejora-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .exhort-a-la-secreta-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .reforma-constitucional-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 115px 115px;
  justify-content: center;
  padding: 0px 80px;
  position: relative;
  width: 100%;
}

.movil-small .frame-95-1 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 20px;
  margin-left: -83.00px;
  margin-right: -83.00px;
  min-width: 399px;
  padding: 0px 30px;
  position: relative;
}

.movil-small .reformas-constitucio-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
}

.movil-small .modificacin-de-ms-3 {
  align-self: stretch;
}

.movil-small .constitucion-edomex-1-1 {
  aspect-ratio: 0.64;
  height: 400px;
  margin-left: -10.50px;
  margin-right: -10.50px;
  object-fit: cover;
  position: relative;
  width: 254px;
}

.movil-small .rectangle-15-1 {
  align-self: stretch;
  background-color: var(--fuscous-gray);
  height: 331px;
  position: relative;
  width: 100%;
}

.movil-small .address {
  letter-spacing: 0;
  position: relative;
}

.movil-small .flex-row {
  align-items: flex-start;
  display: flex;
}

.movil-small .frame {
  display: flex;
  position: relative;
}

.movil-small .modificacin-de-ms {
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.movil-small .reformas-para-la-pro {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}
/* screen - web */

.web {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-width: 1440px;
  position: relative;
}

.web .header {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 42px 42px;
  justify-content: center;
  padding: 30px 80px;
  position: relative;
  width: 100%;
}

.web .congreso-logo-1 {
  aspect-ratio: 2.68;
  height: 93px;
  object-fit: cover;
  position: relative;
  width: 250px;
}

.web .frame-98 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 19px;
  justify-content: center;
  min-height: 44.28px;
  min-width: 370px;
  position: relative;
}

.web .frame-99 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 10px 10px;
  justify-content: center;
  position: relative;
}

.web .el-poder-de-la-gente {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.web .social-media {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 20px 20px;
  height: 24px;
  justify-content: center;
  position: relative;
}

.web .social-media-item {
  aspect-ratio: 1.03;
  cursor: pointer;
  height: 23px;
  object-fit: cover;
  position: relative;
  transition: all 0.2s ease;
  width: 24px;
}

.web .social-media-item:hover {
  transform: scale(1.1);
}

.web .tiktok-1 {
  aspect-ratio: 1;
  cursor: pointer;
  height: 24px;
  object-fit: cover;
  position: relative;
  transition: all 0.2s ease;
  width: 24px;
}

.web .tiktok-1:hover {
  transform: scale(1.1);
}

.web .design {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 73px;
  position: relative;
  width: 100%;
}

.web .hero {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/frame-92-12.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding: 86px 80px;
  position: relative;
  width: 100%;
}

.web .frame {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding: 10px;
  position: relative;
  width: 100%;
}

.web .frame-90 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 75px;
  position: relative;
  width: 100%;
}

.web .title {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.web .frame-89 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 35px 35px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.web .frame-8 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 20px;
  justify-content: center;
  position: relative;
}

.web .number {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.web .periodos-ordinarios {
  letter-spacing: 0;
  line-height: 40px;
  position: relative;
  width: fit-content;
}

.web .vector-1 {
  height: 80px;
  position: relative;
  width: 5px;
}

.web .poco-de {
  letter-spacing: 0;
  line-height: 40px;
  position: relative;
  width: fit-content;
}

.web .meses {
  letter-spacing: 0;
  line-height: 40px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.web .tus-75-diputadas-di {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.web .iniciativas {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 20px 20px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.web .frame-74 {
  align-items: center;
  border: 1px solid;
  border-color: var(--gold-sand);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  padding: 30px 0px;
  position: relative;
  width: 372px;
}

.web .address {
  align-self: stretch;
  line-height: 40px;
  margin-top: -1.00px;
  text-align: center;
}

.web .address-1 {
  align-self: stretch;
  line-height: 40px;
  text-align: center;
}

.web .address-2 {
  line-height: 20px;
  text-align: center;
  width: 273px;
}

.web .frame-75 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--gold-sand);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 30px 0px;
  position: relative;
  width: 542px;
}

.web .address-3 {
  align-self: stretch;
  line-height: 40px;
  margin-top: -1.00px;
  text-align: center;
}

.web .aprobadas-en-su-totalidad {
  align-self: stretch;
  height: 20px;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.web .frame-73 {
  align-items: center;
  border: 1px solid;
  border-color: var(--gold-sand);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  padding: 40px 0px;
  position: relative;
  width: 372px;
}

.web .address-4 {
  align-self: stretch;
  line-height: 40px;
  margin-top: -1.00px;
  text-align: center;
}

.web .frame-72 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 273px;
}

.web .address-5 {
  align-self: stretch;
  line-height: 40px;
  margin-top: -1.00px;
  text-align: center;
}

.web .address-6 {
  align-self: stretch;
  line-height: 20px;
  text-align: center;
}

.web .objetivo {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  padding: 0px 80px;
  position: relative;
  width: 100%;
}

.web .el-objetivo-mejorar {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.web .desliza-y-conoce-ms {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 30px;
  position: relative;
  text-align: center;
}

.web .medio-ambiente {
  align-items: center;
  align-self: stretch;
  background-color: var(--bon-jour);
  border: 1px solid;
  border-color: var(--mercury);
  border-radius: 20px;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 10px 10px;
  justify-content: center;
  padding: 40px 80px;
  position: relative;
  width: 100%;
}

.web .frame-67 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 36px 36px;
  justify-content: center;
  position: relative;
}

.web .frame-66 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 10px;
  min-width: 543px;
  position: relative;
}

.web .medio-ambiente-y-sustentabilidad {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
}

.web .frame-65 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 10px 0px;
  position: relative;
  width: 100%;
}

.web .chat-gpt-image-15-ma {
  aspect-ratio: 1;
  height: 326px;
  object-fit: cover;
  position: relative;
  width: 326px;
}

.web .derechos-y-justicia {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--hint-of-red);
  border: 1px solid;
  border-color: var(--mercury);
  border-radius: 20px;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 10px 10px;
  justify-content: center;
  padding: 50px 84px;
  position: relative;
  width: 100%;
}

.web .frame-63 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 85px 85px;
  justify-content: center;
  position: relative;
}

.web .frame-62 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 38px;
  position: relative;
  width: 514px;
}

.web .derechos-sociales-y-grupos-vulnerables {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
}

.web .frame-60 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 21px;
  position: relative;
  width: 505px;
}

.web .frame-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 20px;
  position: relative;
  width: 100%;
}

.web .incorporacin-de-los {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.web .establecimiento-de-l {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.web .frame-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  gap: 20px;
  height: 40px;
  padding: 10px 0px;
  position: relative;
  width: 100%;
}

.web .icono2-1-1 {
  height: 36.48px;
  margin-bottom: -8.24px;
  margin-top: -8.24px;
  position: relative;
  width: 36.68px;
}

.web .despenalizacin-del {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -9.00px;
  margin-top: -11.00px;
  position: relative;
}

.web .reconocimiento-del-d {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -9.00px;
  margin-top: -11.00px;
  position: relative;
}

.web .reforma-para-reserva {
  margin-bottom: -9.00px;
  margin-top: -11.00px;
}

.web .minutas-federales-en {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -9.00px;
  margin-top: -11.00px;
  position: relative;
}

.web .reformas-para-la-pro {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.web .frame-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 20px;
  padding: 10px 0px;
  position: relative;
  width: 100%;
}

.web .reformas-para-garant {
  margin-top: -1.00px;
}

.web .exhorto-a-los-125-ay {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.web .reformas-para-inclui {
  margin-top: -1.00px;
}

.web .reconocimiento-de-la-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.web .creacin-de-la-comis {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.web .frame-61 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 78px;
  position: relative;
  width: 514px;
}

.web .justicia-y-reforma-judicial {
  -webkit-text-stroke: 1px var(--hint-of-red);
  align-self: stretch;
  letter-spacing: 0;
  line-height: 40px;
  margin-left: -1.00px;
  margin-top: -2.00px;
  position: relative;
}

.web .frame-59 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 28px;
  position: relative;
  width: 505px;
}

.web .reforma-integral-del {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -9.00px;
  margin-top: -11.00px;
  position: relative;
}

.web .creacin-del-tribuna {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -9.00px;
  margin-top: -11.00px;
  position: relative;
}

.web .modificacin-de-ms {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.web .reformas-a-casi-100 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -9.00px;
  margin-top: -11.00px;
  position: relative;
}

.web .instalacin-del-comi {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.web .derogacin-del-delit {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.web .integracin-del-cons {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.web .capa_1 {
  height: 93px;
  position: relative;
  width: 501px;
}

.web .cards-de-desarrollo {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 43px 43px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.web .frame-83 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--tundora);
  border-radius: 20px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  height: 613px;
  justify-content: center;
  padding: 40px 20px;
  position: relative;
}

.web .frame-4 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 45px;
  position: relative;
  width: 374px;
}

.web .desarrollo-econmico-y-campo {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
}

.web .frame-5 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 100%;
}

.web .x-de {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.web .regulacin-del-uso-d {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.web .proteccin-constituc {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.web .layer_5 {
  border-radius: 20px;
  height: 152px;
  overflow: hidden;
  position: relative;
  width: 279px;
}

.web .flex-row {
  align-items: flex-start;
  display: flex;
  gap: 6px;
  height: 107px;
  left: -14231px;
  min-width: 149px;
  position: absolute;
  top: -2964px;
}

.web .flex-col {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  min-height: 107px;
  width: 31px;
}

.web .vector-2 {
  height: 23px;
  margin-right: 0;
  width: 6px;
}

.web .vector-container {
  align-items: flex-start;
  display: flex;
  gap: 6px;
  margin-right: 1.25px;
  margin-top: 15px;
  min-width: 30px;
}

.web .vector-3 {
  height: 6px;
  width: 23px;
}

.web .vector-4 {
  height: 3px;
  width: 1px;
}

.web .vector-5 {
  height: 35px;
  margin-right: 0;
  margin-top: 11px;
  width: 9px;
}

.web .vector {
  height: 16px;
  width: 16px;
}

.web .flex-row-1 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  gap: 1px;
  height: 82px;
  min-width: 111px;
}

.web .vector-container-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 82px;
  width: 31px;
}

.web .vector-6 {
  align-self: flex-end;
  height: 6px;
  width: 23px;
}

.web .vector-7 {
  height: 23px;
  margin-top: 15px;
  width: 6px;
}

.web .vector-8 {
  height: 14px;
  margin-top: 6px;
  width: 9px;
}

.web .overlap-group {
  align-self: flex-end;
  background-image: url(../img/vector-241@2x.png);
  flex-direction: column;
  gap: 23px;
  min-height: 67px;
  padding: 0 14.6px;
  width: 78px;
}

.web .vector-9 {
  align-self: center;
  height: 7px;
  margin-left: 0.01px;
  margin-top: 16px;
  width: 9px;
}

.web .vector-container-2 {
  height: 20px;
  position: relative;
  width: 49px;
}

.web .vector-10 {
  height: 7px;
  left: 10px;
  position: absolute;
  top: 14px;
  width: 29px;
}

.web .vector-11 {
  height: 16px;
  left: 32px;
  position: absolute;
  top: 2px;
  width: 17px;
}

.web .vector-12 {
  height: 16px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 17px;
}

.web .vector-13 {
  height: 6px;
  left: 11px;
  position: absolute;
  top: 0;
  width: 27px;
}

.web .overlap-group1 {
  background-image: url(../img/vector-16.svg);
  flex-direction: column;
  left: 0;
  min-height: 152px;
  position: absolute;
  top: 0;
  width: 279px;
}

.web .vector-14 {
  height: 22px;
  margin-right: 30.77px;
  margin-top: 30px;
  width: 65px;
}

.web .vector-15 {
  height: 20px;
  margin-right: 52.64px;
  margin-top: 3px;
  width: 22px;
}

.web .overlap-group3 {
  align-self: flex-start;
  background-image: url(../img/vector-17@2x.png);
  height: 22px;
  margin-top: 55px;
  min-width: 57px;
}

.web .vector-16 {
  height: 5px;
  width: 26px;
}

.web .frame-86 {
  align-items: center;
  border: 1px solid;
  border-color: var(--tundora);
  border-radius: 20px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  padding: 40px 20px;
  position: relative;
}

.web .infraestructura-y-servicios-pblicos {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
}

.web .frame-77 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 22px;
  position: relative;
  width: 100%;
}

.web .address-7 {
  align-self: stretch;
  line-height: 20px;
}

.web .apoyo-a-la-infraestr {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.web .expedimos-la-ley-que {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.web .frame-84 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--tundora);
  border-radius: 20px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 40px 20px;
  position: relative;
}

.web .consenso-y-representacin-ciudadana {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
}

.web .address-8 {
  align-self: stretch;
  line-height: 20px;
}

.web .cada-decisin-impact {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.web .modo_de_aislamiento {
  height: 143px;
  position: relative;
  width: 130px;
}

.web .rendicion-de-cuentas-y-justicia {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.web .rendicion-de-cuentas {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--disco);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  padding: 62px 57px;
  position: relative;
  width: 100%;
}

.web .frame-43 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 55px 55px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.web .frame-42 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 32px;
  min-width: 550px;
  position: relative;
}

.web .rendicin-de-cuentas-y-buen-gobierno {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 50px;
  margin-top: -1.00px;
  position: relative;
}

.web .frame-6 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 19px;
  position: relative;
  width: 100%;
}

.web .minutas-contra-el-ne {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.web .reforma-para-la-simp {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.web .reforma-para-otorgar {
  margin-top: -1.00px;
}

.web .revisin-y-fiscaliza {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.web .modernizacin-de-la {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.web .eliminacin-de-la-ve {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.web .renovacin-de-la-ima {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.web .manual-1 {
  aspect-ratio: 1.18;
  flex: 1;
  flex-grow: 1;
  min-height: 228.96px;
  min-width: 270px;
  object-fit: cover;
  position: relative;
}

.web .justicia-y-vivienda {
  align-items: center;
  align-self: stretch;
  background-color: var(--tundora);
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 65px 65px;
  justify-content: center;
  padding: 60px 0px;
  position: relative;
  width: 100%;
}

.web .frame-34 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  justify-content: center;
  padding: 10px;
  position: relative;
}

.web .justicia-penal-y-seguridad-pblica {
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
  width: 514px;
}

.web .frame-35 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 19px;
  position: relative;
  width: 505px;
}

.web .ampliacin-del-catl {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.web .minuta-federal-contr {
  margin-top: -1.00px;
}

.web .reformas-para-la-pro-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.web .reformas-para-profes {
  margin-top: -1.00px;
}

.web .frame-38 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 68px;
  position: relative;
  width: 505px;
}

.web .vivienda-y-derechos-laborales {
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.web .minuta-federal-para {
  margin-bottom: -9.00px;
  margin-top: -11.00px;
}

.web .apoyos-econmicos-a {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.web .reformas-para-mejora {
  margin-bottom: -9.00px;
  margin-top: -11.00px;
}

.web .exhort-a-la-secreta {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.web .reforma-constitucional {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 115px 115px;
  justify-content: center;
  padding: 0px 80px;
  position: relative;
  width: 100%;
}

.web .frame-95 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 20px;
  min-width: 399px;
  position: relative;
}

.web .reformas-constitucio {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
}

.web .modificacin-de-ms-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.web .constitucion-edomex-1 {
  aspect-ratio: 0.64;
  height: 400px;
  object-fit: cover;
  position: relative;
  width: 254px;
}

.web .rectangle-15 {
  align-self: stretch;
  background-color: var(--fuscous-gray);
  height: 331px;
  position: relative;
  width: 100%;
}

.web .address-9 {
  letter-spacing: 0;
  position: relative;
}

.web .minuta-federal {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.web .overlap {
  align-items: flex-end;
  background-size: 100% 100%;
  display: flex;
}

.web .reforma-para {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.web .reformas-para {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}
@media screen and (max-width: 598px) {
  .screen.web { 
    display: none;
   }
  .screen.index { 
    display: none;
   }
  .screen.movil { 
    display: none;
   }
}
@media screen and (min-width: 599px) and (max-width: 766px) {
  .screen.web { 
    display: none;
   }
  .screen.movil-small { 
    display: none;
   }
  .screen.index { 
    display: none;
   }
}
@media screen and (min-width: 767px) and (max-width: 1439px) {
  .screen.web { 
    display: none;
   }
  .screen.movil-small { 
    display: none;
   }
  .screen.movil { 
    display: none;
   }
}
@media screen and (min-width: 1440px) {
  .screen.movil-small { 
    display: none;
   }
  .screen.index { 
    display: none;
   }
  .screen.movil { 
    display: none;
   }
}