#anunciate__page {
  height: auto;
  overflow-x: hidden;
}
#anunciate__page .anunciate__page_first_panel {
  background-color: #d8d9dd;
  display: flex;
  align-items: center;
  max-height: 100%;
  height: calc(100vh - 2px);
}
#anunciate__page .anunciate__page_first_panel img {
  width: 200px;
  margin: -3px;
  margin-bottom: 3px;
}
#anunciate__page .anunciate__page_first_panel .fist__image {
  width: 990px;
  margin: 0 auto;
  padding-top: 60px;
}
#anunciate__page .anuncia__gray_block {
  background-color: #d8d9dd;
}
#anunciate__page .anuncia__gray_block .anunciate__page_title {
  font-weight: 500;
  padding-block: 150px;
}
#anunciate__page .anunciate__page_first_panel_text .anunciate__page_title {
  margin: 0px;
  font-weight: bold;
}
#anunciate__page .anunciate__page_first_panel_text p {
  margin-top: 6px;
  font-weight: 500;
  font-size: 22px;
}
.anunciate__page_first_panel_text {
  margin-left: 100px;
  padding-top: 60px;
}
#anunciate__page .anunciate__page__container {
  padding-inline: 340px;
  padding-bottom: 100px;
}

#anunciate__page .anunciate__page_title {
  margin-top: 150px;
  margin-bottom: 120px;
  font-size: 42px;
  font-weight: bold;
}

#anunciate__page .anunciate__page_title span {
  color: #9c9ba0;
}

#anunciate__page .red__text {
  color: red !important;
}

#anunciate__page .anuncia__title {
  color: red;
  font-size: 22px;
  font-weight: bold;
}

#anunciate__page .anuncia__desc {
  font-size: 22px;
}
#anunciate__page .anuncia__img {
  margin-top: 120px;
  padding-block: 320px;
  background-color: #f6f6f7;
  display: none;
}
#anunciate__page img {
  width: 100%;
  margin: 0 auto;
}

#anunciate__page .anunciate__divider {
  width: 100%;
  height: 1px;
  background-color: #ddd;
  margin-top: 80px;
  margin-bottom: 90px;
}

#anunciate__page .anuncia__micrositio {
  display: flex;
  align-items: center;
}

#anunciate__page .anuncia__micrositio .anunciate__page_title {
  margin: 0px;
  margin-bottom: 30px;
}
#anunciate__page .anuncia__micrositio p {
  font-size: 22px;
}
#anunciate__page .anuncia__micrositio ul {
  list-style: disc;
}
#anunciate__page .anuncia__micrositio ul li {
  font-size: 22px;
}
#anunciate__page .anuncia__micrositio img {
  width: 670px;
  object-fit: none;
  margin-right: -100px;
}

/* GRAFICO */

#anunciate__page .contenedor {
  display: flex; /* Para alinear los elementos horizontalmente */
  align-items: center; /* Para centrar verticalmente */
  justify-content: center;
  width: 100%; /* Ancho del contenedor */
  margin: 0 auto; /* Centrar el contenedor en la página */
  scale: 1.25;
}

#anunciate__page .etapa {
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  font-weight: bold;
  text-align: center; /* Centrar el texto dentro de cada etapa */
  color: #333; /* Color de texto general */
  /* Bordes redondeados */
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  width: 200px;
  height: 200px;
  margin-right: -20px; /* Sobreponer ligeramente las etapas */
  z-index: 1; /* Asegurar que las etapas se superpongan correctamente */
  box-sizing: border-box;
  white-space: nowrap; /* Evitar que el texto se ajuste */
}

#anunciate__page .etapa:first-child {
  background-color: #bf0811; /* Rojo */
  color: white;
  border-radius: 100% !important;
  padding-left: 40px;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  z-index: 5;
  margin-right: 0;
  padding-right: 30px;
}
#anunciate__page .etapa:nth-child(2) {
  background-color: #aaaaaa;
  color: white;
  z-index: 4;
  padding-left: 120px;
  margin-left: -120px;
  width: 270px;
  height: 197px;
}
#anunciate__page .etapa:nth-child(3) {
  background-color: #c3c4c9; /* Gris claro */
  z-index: 3;
  padding-left: 30px;
  padding-left: 120px;
  margin-left: -80px;
  width: 270px;
  color: white;
  height: 197px;
}
#anunciate__page .etapa:nth-child(4) {
  background-color: #d8d9dd; /* Gris muy claro */
  z-index: 2;
  padding-left: 120px;
  margin-left: -80px;
  width: 270px;
  color: #bf0811;
  height: 197px;
}

#anunciate__page .etapa:last-child {
  background-color: #edeeef; /* Blanco */
  color: #bf0811;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  padding-right: 40px;
  z-index: 1;
  padding-left: 120px;
  margin-left: -80px;
  width: 270px;
  height: 197px;
}

/*Media Queries para responsive design*/

@media screen and (max-width: 768px) {
  #anunciate__page .contenedor {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  #anunciate__page .etapa {
    /* Bordes redondeados */

    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
  #anunciate__page .etapa:first-child {
    border-radius: 100% !important;
    padding-left: 0px;
    padding-right: 0px;

    width: 200px;
    height: 200px;
  }
  #anunciate__page .etapa:nth-child(2) {
    margin-left: 0;
    margin-right: 0;
    padding-top: 120px;
    margin-top: -80px;
    height: 270px;
    width: 197px;
    padding-left: 0px;
    padding-right: 0px;
  }
  #anunciate__page .etapa:nth-child(3) {
    margin-left: 0;
    margin-right: 0;
    padding-top: 120px;
    margin-top: -80px;
    height: 270px;
    width: 197px;
    padding-left: 0px;
    padding-right: 0px;
  }
  #anunciate__page .etapa:nth-child(4) {
    margin-left: 0;
    margin-right: 0;
    padding-top: 120px;
    margin-top: -80px;
    height: 270px;
    width: 197px;
    padding-left: 0px;
    padding-right: 0px;
  }

  #anunciate__page .etapa:last-child {
    margin-left: 0;
    margin-right: 0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 100px;
    border-bottom-left-radius: 100px;
    padding-top: 120px;
    margin-top: -80px;
    height: 270px;
    width: 197px;
    padding-left: 0px;
    padding-right: 0px;
  }
}