/* Contenedor del formulario con grid de dos columnas */
form.zf-form .zf-tempContDiv {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

/* Para que los campos ocupen 1 columna por defecto */
form.zf-form .zf-tempFrmWrapper {
  width: 100% !important;
}

/* Para campos que deben ocupar todo el ancho (como textarea o checkbox) */
form.zf-form .full-width,
form.zf-form textarea,
form.zf-form .zf-check,
form.zf-form .zf-radio {
  grid-column: span 2;
}

/* Responsive: en móviles, todo en una columna */
@media (max-width: 768px) {
  form.zf-form .zf-tempContDiv {
    grid-template-columns: 1fr;
  }
}