FORMULA 1® TAG HEUER GRAN PREMIO DE ESPAÑA 2026

About the experience

.generic-tabs { --color-text-subtle: #fff; --color-text-active: #000; --color-border: #ccd2d8; --color-active-border: #032230; --color-active-background: #fff; --color-navigation-background: #032230; --border-bottom-width: 0px; --border-bottom-width-active: 0.25rem; } .generic-tabs.plan-ticket-selector { display: none; visibility: hidden; } .generic-tabs .tab-content { display: none; width: calc(100vw - 2rem); max-width: 100%; border-radius: 0.5rem; } .generic-tabs input[type="radio"]:checked + .tab-content { display: block; } .generic-tabs input[type="radio"] { display: none; } .generic-tabs .tabs-navigation { display: flex; gap: 10px; margin-bottom: 0.75rem; background-color: var(--color-navigation-background); padding: 12px; border-bottom: 1px solid #e0e0e0; border-radius: 8px; } .generic-tabs .tabs-navigation label { display: inline-block; padding: 10px 8px; color: var(--color-text-subtle); background-color: transparent; border-bottom: var(--border-bottom-width) solid var(--color-border); border-radius: var(--border-radius) var(--border-radius) 0 0; cursor: pointer; transition: all 0.2s ease; user-select: none; font-size: 13px; line-height: normal; margin-bottom: 0; align-content: center; } @media (min-width: 992px) and (max-width: 1285px) { .generic-tabs .tabs-navigation label { width: 100%; text-align: center; padding: 8px 0px; font-size: 12px; } } @media (min-width: 992px) { .generic-tabs .tabs-navigation { margin-bottom: 1rem; } } .generic-tabs input[id="tab1"]:checked ~ .tabs-navigation label[for="tab1"], .generic-tabs input[id="tab1-plan-ticket-selector"]:checked ~ .tabs-navigation label[for="tab1-plan-ticket-selector"], .generic-tabs input[id="tab2"]:checked ~ .tabs-navigation label[for="tab2"], .generic-tabs input[id="tab2-plan-ticket-selector"]:checked ~ .tabs-navigation label[for="tab2-plan-ticket-selector"], .generic-tabs input[id="tab3"]:checked ~ .tabs-navigation label[for="tab3"], .generic-tabs input[id="tab3-plan-ticket-selector"]:checked ~ .tabs-navigation label[for="tab3-plan-ticket-selector"], .generic-tabs input[id="tab4"]:checked ~ .tabs-navigation label[for="tab4"], .generic-tabs input[id="tab4-plan-ticket-selector"]:checked ~ .tabs-navigation label[for="tab4-plan-ticket-selector"], .generic-tabs input[id="tab5"]:checked ~ .tabs-navigation label[for="tab5"], .generic-tabs input[id="tab5-plan-ticket-selector"]:checked ~ .tabs-navigation label[for="tab5-plan-ticket-selector"], .generic-tabs input[id="tab6"]:checked ~ .tabs-navigation label[for="tab6"], .generic-tabs input[id="tab6-plan-ticket-selector"]:checked ~ .tabs-navigation label[for="tab6-plan-ticket-selector"], .generic-tabs input[id="tab7"]:checked ~ .tabs-navigation label[for="tab7"], .generic-tabs input[id="tab7-plan-ticket-selector"]:checked ~ .tabs-navigation label[for="tab7-plan-ticket-selector"], .generic-tabs input[id="tab8"]:checked ~ .tabs-navigation label[for="tab8"], .generic-tabs input[id="tab8-plan-ticket-selector"]:checked ~ .tabs-navigation label[for="tab8-plan-ticket-selector"], .generic-tabs input[id="tab9"]:checked ~ .tabs-navigation label[for="tab9"], .generic-tabs input[id="tab9-plan-ticket-selector"]:checked ~ .tabs-navigation label[for="tab9-plan-ticket-selector"], .generic-tabs input[id="tab10"]:checked ~ .tabs-navigation label[for="tab10"], .generic-tabs input[id="tab10-plan-ticket-selector"]:checked ~ .tabs-navigation label[for="tab10-plan-ticket-selector"] { color: var(--color-text-active); font-weight: 600; border-bottom: unset; background-color: var(--color-active-background); border-radius: 8px; } .media-container { margin-bottom: 0.5rem; } .media-container video, .media-container img { width: 100%; border-radius: 8px; aspect-ratio: 1742 / 940; } @media only screen and (max-width: 991px) { .generic-tabs { display: none; visibility: hidden; } .generic-tabs.plan-ticket-selector { display: block; visibility: visible; } .generic-tabs .tabs-navigation { display: none; visibility: hidden; } .media-container img { aspect-ratio: 343 / 185; } } /* GENERAL STYLES*/ .hero-section { text-align: left; margin: 0 auto; } .hero-section .main-title { margin: 0 0 1rem 0; } .hero-section .featured-image { width: 100%; height: auto; aspect-ratio: 800 / 300; border-radius: 0.5rem; box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1); } .section-title { margin-top: 1rem; } .layout-grid { display: grid; gap: 1rem; } .two-column-grid { grid-template-columns: repeat(2, 1fr); } /* Responsive: single column on mobile */ @media (max-width: 48rem) { .two-column-grid { grid-template-columns: 1fr; } } .content-card .card-image { width: 100%; aspect-ratio: 400 / 220; border-radius: 0.625rem; object-fit: cover; } .content-card .card-title { margin-block-start: 0.5rem; margin-block-end: 0.5rem; } /* Premium Section */ .premium-section { padding: 1.5rem 0; margin: 1.5rem 0; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .feature-label { background: #f5f5f5; padding: 1rem 1.5rem; border-radius: 4px; } .feature-label.