Ernesto Valverde's first official match in charge of Barcelona has ended in a disappointing 3-1 defeat to rivals Real Madrid in the first leg of the Supercopa de Espana.

A thrilling second half in Catalonia saw Lionel Messi cancel out an earlier Gerard Pique own goal from the penalty spot, with the decision controversially given after Luis Suarez appeared to dive.

That was just the start of the drama, though, as Cristiano Ronaldo came off the bench to regain his side's advantage, before being dismissed for two cautions in quick succession - the latter a harsh yellow when bundled over in the box.

The 10 men of Real would go on to add a third late on thanks to Marco Asensio, meaning that they are in full control ahead of Wednesday's return leg at the Bernabeu.

The two sides will now resume hostilities in the second-leg at the Santiago Bernabeu on Wednesday.