Oyarzabal hammered the ball past France goalkeeper Mike Maignan for his fifth goal of the World Cup to leave France trailing for the first time in the tournament.
Things went from bad to worse for France when they lost defender William Saliba to injury.
There was a bizarre moment just before halftime when Barton awarded a foul to France after Dembélé was taken down, although he changed his mind as Spain took a 1-0 lead in to halftime.
France knew they were going to have to make history to make the final with only two teams having ever advanced in a World Cup semi-final after trailing at halftime: Argentina v Italy in 1990 and Croatia overcoming England in 2018.
Kylian Mbappe reacts after missing a chance against Spain. Photo / APF
But it wasn’t meant to be as Spain doubled their lead when Porro, who was awarded man of the match, linked up with Dani Olmo on the edge of the box and collected the return ball before coolly slotting past Maignan.
Minutes later, Yamal found the back of the net, but his goal was ruled out after being deemed to be offside.
France threw everything at Spain but they couldn’t score to reduce the deficit and set up a grandstand finish.
“We gave it our all in order just to go through to the final,” Porro said after the game. “We knew that we’re a very tough team, we’re doing things really well. This is our team, it’s not about me.”
For France, the third-place play-off awaits them on Sunday in Miami in what will be Didier Deschamps’ final match in charge of the side.
Under Deschamps, France won the 2018 World Cup in Russia before losing to Lionel Messi’s Argentina four years ago in Qatar.
For Spain, they will face either England, in what would be a repeat of the 2024 European champs final, or defending World Cup champions in the final on Monday in New Jersey.
Go all in to unlock every Fifa World Cup 2026 match with a TVNZ+ Event Pass.