ol {
  list-style-type: none; /* Elimina la numeración por defecto */
  counter-reset: mi-contador 0; /* Inicia el contador en cero */
  padding-left: 0; /* Elimina el espacio izquierdo del contenedor */
}

ol li {
  counter-increment: mi-contador 3; /* Suma 3 a cada elemento consecutivo */
  display: flex; /* Activa Flexbox para alinear número y texto */
  align-items: flex-start; /* Alinea el número con la primera línea de texto */
}

ol li::before {
  content: counter(mi-contador) "x "; /* Muestra el número con un punto */
  font-weight: bold; /* Resalta el número */
  
  /* Bloque de alineación fija */
  width: 30px; /* Ancho fijo para el número (ajústalo si usas números más grandes) */
  text-align: right; /* Alinea los números a la derecha para que los puntos coincidan */
  margin-right: 3px; /* Espacio exacto entre el punto y el texto */
  flex-shrink: 0; /* Evita que el número se deforme si el texto es muy largo */
}