Barcelona v Real Madrid LIVE: Mbappe scores late to seal visitors’ win in El Clasico

@scope (#mos-79dcbb80-67ad-4bcf-844e-87bb2e2d5f74) { @font-face {
font-family: “Independent Serif”;
src: url(“https://assets.the-independent.com/fonts/Independent-Serif-Medium.woff2”) format(“woff2”);
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: “Independent Serif”;
src: url(“https://assets.the-independent.com/fonts/Independent-Serif-Regular.woff2”) format(“woff2”);
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: “Independent Sans”;
src: url(“https://assets.the-independent.com/fonts/Independent-Sans-Regular.woff2”) format(“woff2”);
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: “Independent Sans”;
src: url(“https://assets.the-independent.com/fonts/Independent-Sans-Medium.woff2”) format(“woff2”);
font-weight: 500;
font-style: normal;
font-display: swap;
}

.bookmark-experience {
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
inset: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.55);
z-index: 10000;
padding: 12px;
margin: 0;
}

.bookmark-experience,
.bookmark-experience * {
box-sizing: border-box;
}

.bookmark-experience .modal {
position: relative;
width: 100%;
max-width: 400px;
margin: 0;
padding: 32px 24px 28px;
text-align: center;
color: #ffffff;
background: linear-gradient(90deg, #3b030f 0%, #3b030f 27%, #76071f 52%, #3b030f 100%);
box-shadow: 2px -2px 8px rgba(0, 0, 0, 0.5);
}

.bookmark-experience .close-btn {
position: absolute;
top: 12px;
right: 12px;
width: 16px;
height: 16px;
cursor: pointer;
background: none;
border: none;
padding: 0;
}

.bookmark-experience .close-btn__icon,
.bookmark-experience .close-btn__icon::before,
.bookmark-experience .close-btn__icon::after {
display: block;
}

.bookmark-experience .close-btn__icon {
position: relative;
width: 16px;
height: 16px;
}

.bookmark-experience .close-btn__icon::before,
.bookmark-experience .close-btn__icon::after {
content: “”;
position: absolute;
top: 50%;
left: 0;
width: 16px;
height: 1.5px;
background: #ffffff;
}

.bookmark-experience .close-btn__icon::before { transform: translateY(-50%) rotate(45deg); }
.bookmark-experience .close-btn__icon::after { transform: translateY(-50%) rotate(-45deg); }

.bookmark-experience .logo-row {
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 24px;
}

.bookmark-experience .logo-premium-image {
display: block;
height: 24px;
width: 272px;
max-width: 86%;
object-fit: contain;
}

.bookmark-experience .headline {
font-family: “Independent Serif”, Georgia, serif;
font-weight: 500;
font-size: 28px;
line-height: 32px;
letter-spacing: -0.5px;
color: #ffffff;
margin: 0 0 16px;
}

.bookmark-experience .body-text {
font-family: “Independent Serif”, Georgia, serif;
font-weight: 400;
font-size: 16px;
line-height: 22px;
letter-spacing: -0.3px;
color: #ffffff;
margin: 0 0 24px;
}

.bookmark-experience .subscribe-link {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 42px;
padding: 12px 16px;
background: #ffffff;
color: #76071f;
border-radius: 4px;
font-family: “Independent Sans”, -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 16px;
letter-spacing: -0.5px;
text-transform: uppercase;
text-decoration: none;
}

.bookmark-experience .subscribe-link:hover,
.bookmark-experience .subscribe-link:focus {
background: #f0e6e8;
color: #76071f;
}

.bookmark-experience .login-copy {
margin: 12px 0 0;
font-family: “Independent Sans”, -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, sans-serif;
font-size: 14px;
line-height: 18px;
letter-spacing: -0.5px;
color: #ffffff;
}

.bookmark-experience .login-link {
color: #ffffff;
text-decoration: underline;
cursor: pointer;
}

@media screen and (min-width: 600px) {
.bookmark-experience {
padding: 16px;
}

.bookmark-experience .modal {
max-width: 520px;
padding: 40px 48px 32px;
}

.bookmark-experience .close-btn,
.bookmark-experience .close-btn__icon,
.bookmark-experience .close-btn__icon::before,
.bookmark-experience .close-btn__icon::after {
width: 16px;
}

.bookmark-experience .close-btn {
top: 16px;
right: 16px;
}

.bookmark-experience .logo-premium-image {
height: 28px;
width: 320px;
}

.bookmark-experience .headline {
font-size: 32px;
line-height: 36px;
letter-spacing: -0.75px;
margin-bottom: 16px;
}

.bookmark-experience .body-text {
font-size: 16px;
line-height: 22px;
margin-bottom: 28px;
}
}
}

html:not(.mos-bookmark-open) .bookmark-experience { display: none !important; }

Real Madrid condemned fierce rivals Barcelona to their first defeat of this La Liga campaign, ending a nine-game winning run and their bid for the best start to a season in Spanish top-flight history.

Kylian Mbappe was the hero with his double securing all three points, the Frenchman opening the scoring shortly before half-time as a poor Gerard Martin clearance fell into his path, before Raphinha levelled proceedings in the 61st minute from a sweet disguised pass from Pedri.

Barcelona had won six of their last seven encounters with their rivals but looked far from their flowing best today, and despite dominant spells of possession were carved apart on the counter as substitute Eduardo Camavinga squared the ball to Mbappe for his 87th-minute winner.

The result means Real have narrowed the gap to the league leaders to just three points and put themselves firmly back in contention for the title.

Follow latest updates from Camp Nou with our liveblog below: