With the substituted Kylian Mbappe watching on from the sidelines, Les Bleus set up a semi-final with Spain as they converted all five of their spot-kicks.

The decisive miss came from Portugal's Joao Felix, who struck the woodwork with his attempt.

And there was to be no heroics from Diogo Costa on this occasion, as Theo Hernandez coolly dispatched the winning penalty.

The pre-game expectation of a tight, cagey contest proved correct, as for just the second time on record at the Euros (since 1980), neither team managed a shot from inside the box in the first half – the other match was also France v Portugal, back in 1984.

Hernandez stung Costa's palms with a venomous strike, while Bruno Fernandes became the first Portugal player other than Ronaldo to attempt a direct free-kick shot at a major tournament since the Euro 2016 final with an effort that soared over close to half-time.

A great chance for Fernandes on the hour, which was kept out well by Mike Maignan, sparked the encounter into life.

Maignan was forced into action again moments later, using his chest to repel Vitinha's shot before beating away Ronaldo's follow-up.

Portugal were then indebted to Ruben Dias, whose last-ditch block diverted Randal Kolo Muani's attempt wide, before Eduardo Camavinga skewed off-target and Ousmane Dembele went close with a dipping long-range effort.

Extra time, though, was required, with Portugal having the better chances in the added 30 minutes, during which Didier Deschamps took off Mbappe.

Ronaldo should have broken the deadlock, only to blaze over with the goal begging, while Felix headed into the side netting and Nuno Mendes fired at Maignan, as penalties beckoned.

Portugal's captain firmly put away his spot-kick, but Felix was the unlucky party as his effort bounced away off the left-hand upright, paving the way for Hernandez to clinch victory.