<div class="modal fade" id="modalNewUser">
    <div class="modal-dialog">
        <form id="frmNuevoUsuario" class="modal-content">
            <div class="modal-header">
                <h5>Nuevo Beneficiario</h5>
            </div>
            <div class="modal-body row g-2">
                <div class="col-md-6"><input name="nombre" class="form-control" placeholder="Nombre" required></div>
                <div class="col-md-6"><input name="apellido" class="form-control" placeholder="Apellido" required></div>
                <div class="col-md-8"><input name="email" type="email" class="form-control" placeholder="E-mail" required></div>
                <div class="col-md-4"><input name="telefono" class="form-control" placeholder="Teléfono"></div>
                <div class="col-md-6">
                    <select id="selDep" class="form-select" required>
                        <option value="">Departamento…</option>
                    </select>
                </div>
                <div class="col-md-6">
                    <select id="selCiu" name="idCiudad" class="form-select" required>
                        <option value="">Ciudad…</option>
                    </select>
                </div>
            </div>
            <div class="modal-footer">
                <small class="text-danger me-auto d-none" id="newUserMsg">El correo ya existe</small>
                <button class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                <button class="btn btn-success">Crear y usar</button>
            </div>
        </form>
    </div>
</div>