Contacto

<form id="form-socio" class="contact-form">
  <div class="form-group">
    <label for="nombre-socio">Nombre completo *</label>
    <input type="text" id="nombre-socio" name="nombre" required />
  </div>

  <div class="form-group">
    <label for="email-socio">Email *</label>
    <input type="email" id="email-socio" name="email" required />
  </div>

  <div class="form-group">
    <label for="telefono-socio">Teléfono</label>
    <input type="tel" id="telefono-socio" name="telefono" />
  </div>

  <div class="form-group">
    <label for="direccion-socio">Dirección</label>
    <input type="text" id="direccion-socio" name="direccion" />
  </div>

  <div class="form-group">
    <label for="motivo-socio">¿Por qué quieres hacerte socio?</label>
    <textarea id="motivo-socio" name="motivo" rows="4"></textarea>
  </div>

  <div class="form-group">
    <label for="cuota-socio">Tipo de cuota mensual</label>
    <select id="cuota-socio" name="cuota">
      <option value="">Selecciona una opción</option>
      <option value="5">5€ - Cuota básica</option>
      <option value="10">10€ - Cuota estándar</option>
      <option value="20">20€ - Cuota colaboradora</option>
      <option value="50">50€ - Cuota benefactora</option>
      <option value="otro">Otro amount</option>
    </select>
  </div>

  <button type="submit" class="btn btn-primary">Enviar solicitud</button>
</form>

<form id="form-voluntario" class="contact-form">
  <div class="form-group">
    <label for="nombre-voluntario">Nombre completo *</label>
    <input type="text" id="nombre-voluntario" name="nombre" required />
  </div>

  <div class="form-group">
    <label for="email-voluntario">Email *</label>
    <input type="email" id="email-voluntario" name="email" required />
  </div>

  <div class="form-group">
    <label for="telefono-voluntario">Teléfono *</label>
    <input type="tel" id="telefono-voluntario" name="telefono" required />
  </div>

  <div class="form-group">
    <label for="edad-voluntario">Edad</label>
    <input type="number" id="edad-voluntario" name="edad" min="18" />
  </div>

  <div class="form-group">
    <label for="disponibilidad-voluntario">Disponibilidad</label>
    <select id="disponibilidad-voluntario" name="disponibilidad">
      <option value="">Selecciona</option>
      <option value="fin-semana">Fines de semana</option>
      <option value="semana">Entre semana</option>
      <option value="flexible">Horario flexible</option>
      <option value="remoto">Trabajo remoto</option>
    </select>
  </div>

  <div class="form-group">
    <label for="habilidades-voluntario">Habilidades o experiencia</label>
    <textarea
      id="habilidades-voluntario"
      name="habilidades"
      rows="4"
      placeholder="Ej: atención al cliente, organización de eventos, redes sociales, diseño..."
    ></textarea>
  </div>

  <div class="form-group">
    <label for="motivacion-voluntario">¿Por qué quieres ser voluntario?</label>
    <textarea
      id="motivacion-voluntario"
      name="motivacion"
      rows="4"
      required
    ></textarea>
  </div>

  <button type="submit" class="btn btn-primary">Enviar solicitud</button>
</form>

<form id="form-donativo" class="contact-form">
  <div class="form-group">
    <label for="nombre-donativo">Nombre completo *</label>
    <input type="text" id="nombre-donativo" name="nombre" required />
  </div>

  <div class="form-group">
    <label for="email-donativo">Email *</label>
    <input type="email" id="email-donativo" name="email" required />
  </div>

  <div class="form-group">
    <label for="telefono-donativo">Teléfono</label>
    <input type="tel" id="telefono-donativo" name="telefono" />
  </div>

  <div class="form-group">
    <label for="cantidad-donativo">Cantidad a donar (€) *</label>
    <input
      type="number"
      id="cantidad-donativo"
      name="cantidad"
      min="1"
      required
    />
  </div>

  <div class="form-group">
    <label for="metodo-donativo">Método de pago</label>
    <select id="metodo-donativo" name="metodo">
      <option value="">Selecciona</option>
      <option value="transferencia">Transferencia bancaria</option>
      <option value="tarjeta">Tarjeta de crédito/débito</option>
      <option value="paypal">PayPal</option>
      <option value="bizum">Bizum</option>
    </select>
  </div>

  <div class="form-group">
    <label for="motivo-donativo">¿Quieres que tu donativo sea anónimo?</label>
    <select id="motivo-donativo" name="anonimo">
      <option value="no">No, quiero que aparezca mi nombre</option>
      <option value="si">Sí, donación anónima</option>
    </select>
  </div>

  <div class="form-group">
    <label for="mensaje-donativo">Mensaje (opcional)</label>
    <textarea id="mensaje-donativo" name="mensaje" rows="3"></textarea>
  </div>

  <button type="submit" class="btn btn-primary">Realizar donativo</button>
</form>

<form id="form-general" class="contact-form">
  <div class="form-group">
    <label for="nombre-general">Nombre completo *</label>
    <input type="text" id="nombre-general" name="nombre" required />
  </div>

  <div class="form-group">
    <label for="email-general">Email *</label>
    <input type="email" id="email-general" name="email" required />
  </div>

  <div class="form-group">
    <label for="telefono-general">Teléfono</label>
    <input type="tel" id="telefono-general" name="telefono" />
  </div>

  <div class="form-group">
    <label for="asunto-general">Asunto *</label>
    <select id="asunto-general" name="asunto" required>
      <option value="">Selecciona un asunto</option>
      <option value="informacion">Solicitar información</option>
      <option value="apoyo">Buscar apoyo</option>
      <option value="medico">Consulta médica</option>
      <option value="voluntario">Interés en voluntariado</option>
      <option value="colaboracion">Propuesta de colaboración</option>
      <option value="prensa">Petición de prensa</option>
      <option value="otro">Otro</option>
    </select>
  </div>

  <div class="form-group">
    <label for="mensaje-general">Mensaje *</label>
    <textarea id="mensaje-general" name="mensaje" rows="6" required></textarea>
  </div>

  <button type="submit" class="btn btn-primary">Enviar mensaje</button>
</form>