/* Estilos mínimos para alinear campos como en la maqueta y que sea responsive */
.woocommerce form.register .form-row {
  margin-bottom: 14px;
}
.woocommerce form.register .form-row-first,
.woocommerce form.register .form-row-last {
  width: 48%;
  float: left;
}
.woocommerce form.register .form-row-first { margin-right: 4%; }
.woocommerce form.register .form-row-wide {
  width: 100%;
  float: none;
  clear: both;
}

/* Móvil: 1 columna */
@media (max-width: 768px) {
  .woocommerce form.register .form-row-first,
  .woocommerce form.register .form-row-last,
  .woocommerce form.register .form-row-wide {
    width: 100%;
    margin-right: 0;
    float: none;
  }
}

/* Asegurar alineación correcta de labels e inputs */
.woocommerce form.register label {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
}
.woocommerce form.register input[type="text"],
.woocommerce form.register input[type="email"],
.woocommerce form.register input[type="tel"],
.woocommerce form.register select {
  width: 100%;
  box-sizing: border-box;
}