@media screen and (min-width: 1024px) {
  .aplicacion .zpicon-container {
    display: flex !important;
    align-items: center;
    gap: 1rem;
  }

  .aplicacion-l .zpicon-container {
    flex-direction: row !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }

  .aplicacion-r .zpicon-container {
    flex-direction: row-reverse !important;
    justify-content: flex-start !important;
    text-align: right !important;
  }

  /* Evitar que la imagen se expanda y forzar alineación */
  .aplicacion .zpicon-common {
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  /* Forzar al texto a ocupar espacio restante */
  .aplicacion .zpicon-heading {
    flex: 1 1 auto !important;
  }
}