.formulario-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
/*  max-width: 800px;*/
  margin: 0 auto;
}

.formulario-col-50 {
  flex: 0 0 48%;
}

.formulario-col-100 {
  flex: 0 0 100%;
}

label {
  display: block;
  margin-bottom: 5px;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"] {
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
}

/* Esto es lo importante para responsive */
@media (max-width: 768px) {
  .formulario-col-50 {
    flex: 0 0 100%;
  }
}