<>
.accordion {
padding: 0;
}
.accordion-panel {
visibility: hidden;
transition: max-height 2s cubic-bezier(0101) 0svisibility 0s ease 2s;
}
.accordion-panel.expanded {
visibility: visible;
}
.accordion-header {
border-bottom: 1px solid rgba(2552552550.5);
}
.accordion h1 a:focus-visibleh2 a:focus-visibleh3 a:focus-visibleh4 a:focus-visibleh5 a:focus-visibleh6 a:focus-visiblep a:focus-visible {
color: #007bff;
}
<>
/* temp solution */
.iMfDiX {
overflow: unset;
}
.iMfDiX p,
.sports-interlinking-module .iMfDiX a {
font-weight: 400;
}
.iMfDiX p,
.iMfDiX .accordion {
line-height: 1.6;
}
<>
nav {
background-color: rgba(0001);
}
/*
.skip-content {
background-color: rgba(0000);
}
*/
@font-face {
font-display: swap;
font-family: "Max Sans";
font-: normal;
font-weight: 300;
src: url("https://braze-images.com/appboy/communication/assets/font_assets/files/645d2129e40b0015c8e2e858/original.woff2") format("woff2"),
url("https://braze-images.com/appboy/communication/assets/font_assets/files/645d21292361b943a7d1981b/original.woff") format("woff"),
url("https://braze-images.com/appboy/communication/assets/font_assets/files/645d2129d1706840436774aa/original.ttf") format("truetype");
}
h1>em,
h2>em,
h3>em,
h4>em,
h5>em,
h6>em {
font-: normal !important;
font-weight: bold;
letter-spacing: .1em;
text-transform: uppercase;
}
div[id*="Code"] {
width: 100%;
}
@media (max-width: 991px) {
.image-grid .row {
padding-left: 7px;
padding-right: 7px;
}
.image-grid .col.col-custom {
margin-bottom: 15px;
padding-left: 7px;
padding-right: 7px;
}
}
/* remove clickable titles */
.image-grid .col.col-custom a {
cursor: not-allowed;
pointer-events: none;
text-decoration: none;
}
/* remove titles as text below images */
.image-grid .col.col-custom h6 {
display: none;
}
.image-grid img.img-collection {
border: none !important;
}
/**
* ----------------------------------------
* Hero & Spotlight Intro
* ----------------------------------------
*/
.max-section-hero-3col-parent {
padding-top: 56px;
position: relative;
}
.max-section-hero-3col-parent::after {
background: linear-gradient(0degrgba(0001) 5%rgba(000.7) 35%rgba(0000) 45%);
bottom: 0;
content: '';
display: block;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 0;
}
.max-section-hero-3col .rich-text,
.max-section-hero-3col a {
z-index: 1;
}
.max-section-hero-3col .col-md-4 {
background-repeat: no-repeat;
}
.max-section-hero-3col .col-md-4 h3 {
font-weight: bold;
margin: 0;
letter-spacing: .1em;
line-height: 1.1;
text-shadow: 0 0 .6em #000;
text-transform: uppercase;
}
.max-section-hero-3col .col-md-4 p {
font-size: 1.25rem;
font-weight: 500;
margin: 0;
letter-spacing: .1em;
line-height: 1.1;
text-shadow: 0 0 .6em #000;
text-transform: uppercase;
}
.max-section-hero-3col .col-md-4 img {
margin: .5rem auto;
max-width: 200px;
}
.max-section-hero-3col .col-md-12 p {
font-size: 1.6rem;
}
.max-section-hero-3col .col-md-12 h5 {
font-size: .8rem;
color: #888888;
margin-bottom: 0rem;
font-weight: normal;
}
@media (min-width: 576px) {
.max-section-hero-3col .row .flex-column {
background-position-y: -50px;
}
.max-section-hero-3col .col-sm-4 {
padding-top: 40vh !important;
}
.max-section-hero-3col .col-md-4>div:nth-child(2) {
margin-bottom: 14rem;
text-align: center;
}
.max-section-hero-3col .col-md-4>div:nth-child(2) img {
z-index: 1;
position: relative;
}
.max-section-hero-3col .col-md-12 {
bottom: 0vw;
left: 0;
position: absolute;
}
}
@media (max-width: 575px) {
.max-section-hero-3col .col-md-4 {
background-position: 10vw -5vw !important;
background-size: 118% !important;
min-height: 120px;
}
.max-section-hero-3col-parent::after {
display: none;
}
.max-section-hero-3col .col-md-4 {
background-position: 250% 10%;
background-size: 90%;
}
.max-section-hero-3col .col-md-4::after {
background: linear-gradient(90degrgba(0001) 25%rgba(0000) 60%);
bottom: 0;
content: '';
display: block;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 0;
}
.max-section-hero-3col .col-md-4>div:nth-child(1){
position: relative;
left: -25%;
}
.max-section-hero-3col .col-md-4>div:nth-child(2) {
position: relative;
left: -25%;
z-index: 1;
}
.max-section-hero-3col .col-md-4 img {
margin: 0rem auto;
max-width: 140px;
}
.max-section-hero-3col .col-md-12 {
margin: 1rem auto 4rem;
}
}
/**
* ----------------------------------------
* Feature Sections
* ----------------------------------------
*/
.max-section-feature {
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.max-section-originals {
padding-top: 10rem !important;
}
@media (max-width: 575px) {
.max-section-originals-parent {
background-position: calc(70%) -80px;
}
.max-section-originals {
padding-top: 7rem !important;
}
}
/* left gradient */
.max-section-feature::before {
background: linear-gradient(90degrgba(000.8) 0%rgba(0000) 60%);
content: '';
bottom: 0;
display: block;
height: 100%;
left: calc(50% - 50vw);
width: 100vw;
position: absolute;
z-index: 2;
}
@media (max-width: 991px) {
/* left gradient */
.max-section-feature::before {
background: linear-gradient(90degrgba(000.8) 0%rgba(0000) 30%);
}
}
/* bottom gradient */
.max-section-feature::after {
background: linear-gradient(0degrgb(000) 40%rgba(0000) 55%);
content: '';
bottom: 0;
display: block;
height: 100%;
left: calc(50% - 50vw);
width: 100vw;
position: absolute;
z-index: 1;
}
.max-section-feature .row {
position: relative;
}
.max-section-feature .col-md-12>.text {
padding-bottom: 6rem;
padding-top: 6rem;
position: relative;
z-index: 2;
}
/* headline for content modules */
.max-section-feature h2 {
font-size: calc(1.575rem + 2.5vw);
font-weight: 300;
margin: 0;
line-height: 1.1;
}
@media (min-width: 576px) {
.max-section-feature h2 {
margin: 0;
max-width: 580px;
}
}
@media (min-width: 992px) {
.max-section-feature h2 {
font-size: calc(1.575rem + 4vw);
line-height: 4.5rem;
}
}
@media (min-width: 1200px) {
.max-section-feature h2 {
font-size: 4.5rem;
}
}
.max-section-feature h3 {
margin: 0;
}
/* lead image */
.max-section-feature .layout .flex-column>.initial-img-wrapper:nth-child(1) {
display: block;
height: auto;
position: absolute;
right: 0;
top: -34%;
width: 50%;
z-index: 1;
}
/* lead image for sport */
.max-section-feature.max-section-sports .layout .flex-column>.initial-img-wrapper:nth-child(1) {
right: -12%;
top: -46%;
width: 75%;
}
/* logo for lead image title - left bottom corner */
.max-section-feature .col-md-12>.text::after {
background-position: center;
background-repeat: no-repeat;
background-size: contain;
content: "";
bottom: 1%;
display: block;
filter: drop-shadow(3px 3px 3px #000);
height: 30%;
right: 0;
position: absolute;
width: 10%;
z-index: 2;
}
.max-section-originals .col-md-12>.text::after {
background-image: url(https://beam-images.warnermediacdn.com/2025-04/TT_ENG.png?host=wbd-dotcom-drupal-prd-us-east-1.s3.amazonaws.com);
}
.max-section-life .col-md-12>.text::after {
background-image: url(https://beam-images.warnermediacdn.com/2025-02/TheFallofDiddy_S1_PA_TT_ENG_01.png?host=wbd-dotcom-drupal-prd-us-east-1.s3.amazonaws.com);
}
.max-section-family .col-md-12>.text::after {
background-image: url(https://beam-images.warnermediacdn.com/2025-05/Teen%20Titans%20Go!.png?host=wbd-dotcom-drupal-prd-us-east-1.s3.amazonaws.com);
width: 8%;
}
.max-section-originals .col-md-12>.text::after {
width: 15%;
}
/* show image grid above the gradient */
.max-section-feature .image-grid {
padding-bottom: 2rem;
position: relative;
z-index: 2;
}
/* lead image sizes for content modules */
@media (max-width: 1199px) {
.max-section-feature .layout .flex-column>.initial-img-wrapper:nth-child(1) {
width: 60%;
}
}
@media (max-width: 991px) {
.max-section-feature .layout .flex-column>.initial-img-wrapper:nth-child(1) {
width: 70%;
}
.max-section-feature.max-section-sports .layout .flex-column>.initial-img-wrapper:nth-child(1) {
width: 90%;
}
.max-section-feature .col-md-12>.text {
padding-bottom: 2rem !important;
width: 15%;
}
}
@media (max-width: 767px) {
.max-section-feature .layout .flex-column>.initial-img-wrapper:nth-child(1) {
width: 80%;
}
.max-section-feature.max-section-sports .layout .flex-column>.initial-img-wrapper:nth-child(1) {
width: 110%;
}
.max-section-life::after {
background: linear-gradient(0degrgba(0001) 40%rgba(0000) 55%);
}
}
@media (max-width: 575px) {
.max-section-feature::before {
background: none;
}
.max-section-feature::after {
background: linear-gradient(0degrgb(000) 65%rgba(0000) 75%);
}
.max-section-originals::after {
background: linear-gradient(0degrgb(000) 55%rgba(0000) 70%);
}
.max-section-feature .layout .flex-column>.initial-img-wrapper:nth-child(1) {
height: auto;
right: -10%;
top: -20%;
width: 120%;
}
.max-section-originals .layout .flex-column>.initial-img-wrapper:nth-child(1) {
right: 0%;
top: -15%;
width: 100%;
}
.max-section-feature.max-section-sports .layout .flex-column>.initial-img-wrapper:nth-child(1) {
right: 0%;
top: -10%;
width: 100%;
}
/* temp solution for athletes blue background image
extra code to decrease padding above the module */
.max-section-feature.max-section-sports {
padding-top: 0rem !important;
}
.max-section-feature h2,
.max-section-feature h3 {
text-align: center !important;
}
.max-section-feature .col-md-12>.text {
padding-bottom: 1rem !important;
padding-top: 65vw !important;
text-align: center !important;
}
.max-section-feature .col-md-12>.text::after {
bottom: 30%;
height: 30%;
left: 50%;
transform: translate(-50%);
width: 30%;
}
.max-section-originals .col-md-12>.text::after {
width: 45%;
}
}
.max-section-feature.max-section-olympics .col-md-12>div[id*="Code"]>.row {
padding-bottom: 3rem;
padding-top: 5.5rem;
position: relative;
z-index: 2;
}
@media (max-width: 767px) {
.max-section-feature.max-section-olympics .col-md-12>div[id*="Code"]>.row {
padding-bottom: 3rem;
padding-top: 15.5rem;
position: relative;
z-index: 2;
}
}
.max-section-feature.max-section-sports .col-md-12>div[id*="Code"]>.row {
padding-bottom: 0;
padding-top: 2.5rem;
position: relative;
z-index: 2;
}
@media (max-width: 575px) {
.max-section-feature.max-section-sports::before {
background: none;
}
.max-section-feature.max-section-sports .col-md-12>div[id*="Code"]>.row {
padding-bottom: 1rem !important;
padding-top: 55vw !important;
text-align: center;
}
}
@media (min-width: 576px) {
.max-section-feature .col-md-12>.text {
padding-bottom: 0rem;
padding-top: 0rem;
height: 280px;
}
.max-section-sports .col-md-12>.text {
height: auto;
}
.max-section-feature .col-md-12>.text>div {
position: relative;
z-index: 2;
transform: translateY(0%);
top: 50%;
}
}
@media (min-width: 992px) {
.max-section-feature .col-md-12>.text>div {
transform: translateY(-50%);
}
}
/**
* ----------------------------------------
* Olympics Section
* ----------------------------------------
*/
.max-section-olympics::after {
background: linear-gradient(0degrgb(000) 0%rgba(0000) 30%);
}
.max-section-olympics h2 {
font-size: 3.3rem !important;
font-weight: 600;
letter-spacing: .1em;
margin: .5rem 0 1rem 0;
text-align: left;
text-transform: uppercase;
line-height: 3rem;
}
.max-section-olympics h2 svg,
.max-section-olympics h2 span {
display: inline-block;
}
.max-section-olympics h2 img {
max-width: 300px;
margin-top: 3rem;
}
@media (max-width: 1199px) {
.max-section-olympics h2 img {
margin-top: auto;
}
}
.max-section-olympics p {
margin-bottom: 2rem;
}
.max-section-olympics h5 {
font-size: .8rem;
color: #888888;
margin-bottom: 2rem;
font-weight: normal;
}
.max-section-olympics h5 {
font-size: .8rem;
color: #888888;
margin-bottom: 0rem;
font-weight: normal;
margin-bottom: 2rem;
}
.max-section-olympics h2>svg:first-of-type {
border-right: 3px solid #fff;
margin: 0 .5em 0 0;
padding: .25em .5em .25em 0;
width: 140px;
}
.max-section-olympics h2>svg#sports-logo-bleacher-report {
height: 44px;
margin: 0 .3em 0 0;
}
@media (max-width: 991px) {
.max-section-olympics p {
margin-bottom: 1rem;
}
.max-section-olympics h2 img {
max-width: 250px;
margin-top: 6rem;
}
}
@media (max-width: 767px) {
.max-section-olympics::after {
background: linear-gradient(0degrgb(000) 40%rgba(0000) 80%);
}
}
@media (max-width: 575px) {
.max-section-olympics h2 {
justify-content: center;
}
.max-section-olympics p {
margin-bottom: .5rem;
}
.max-section-olympics h2 img {
max-width: 250px;
margin-top: 4rem;
}
.max-section-olympics::after {
background: linear-gradient(0degrgb(000) 25%rgba(0000) 60%);
}
}
/**
* ----------------------------------------
* Sports Section
* ----------------------------------------
*/
.max-section-sports h2 {
font-size: 2.3rem !important;
font-weight: 600;
letter-spacing: .1em;
margin: 0 0 1rem 0;
text-align: center;
text-transform: uppercase;
}
.max-section-sports h2 svg,
.max-section-sports h2 span {
display: inline-block;
}
.max-section-sports h2 img {
max-width: 300px;
margin-top: 3rem;
}
@media (max-width: 1199px) {
.max-section-sports h2 img {
margin-top: auto;
}
}
.max-section-sports p {
margin-bottom: 3rem;
}
.max-section-sports h2>svg:first-of-type {
border-right: 3px solid #fff;
margin: 0 .5em 0 0;
padding: .25em .5em .25em 0;
width: 140px;
}
.max-section-sports h2>svg#sports-logo-bleacher-report {
height: 44px;
margin: 0 .3em 0 0;
}
/* Sports legal line */
.max-section-sports .image-grid::after {
content: "*Eventos deportivos del 2026.";
font-size: .8rem;
color: #999999;
text-align: left;
display: block;
line-height: 1rem;
}
.max-section-feature.max-section-sports .content-tray {
padding-bottom: 2rem;
position: relative;
z-index: 2;
}
.max-section-feature.max-section-sports .content-tray .event-title-container {
display: block;
}
@media (max-width: 991px) {
.image-grid .col-sm {
margin-bottom: 15px;
padding-left: 7px;
padding-right: 7px;
}
.max-section-sports p {
margin-bottom: 1rem;
}
.max-section-sports h2 img {
max-width: 250px;
margin-top: 6rem;
}
}
@media (max-width: 767px) {
.max-section-sports::after {
background: linear-gradient(0degrgb(000) 40%rgba(0000) 80%);
}
}
@media (max-width: 575px) {
.max-section-sports h2 {
justify-content: center;
}
.max-section-sports p {
margin-bottom: .5rem;
}
.max-section-sports h2 img {
max-width: 250px;
margin-top: 4rem;
}
.max-section-sports::after {
background: linear-gradient(0degrgb(000) 55%rgba(0000) 80%);
}
}
.max-section-sports .image-grid img {
border-radius: 10px;
}
.max-section-sports .image-grid h6 {
margin-top: .4rem;
margin-bottom: 0rem;
text-align: center;
font-weight: bold;
}
/* remove clickable titles */
.max-section-sports .image-grid .col.col-custom a {
cursor: not-allowed;
pointer-events: none;
text-decoration: none;
}
/**
* ----------------------------------------
* Numbered Questions
* ----------------------------------------
*/
.faq-headline>div {
width: 100%;
}
.faq-headline h2 {
text-align: center;
}
.faq-headline img {
max-width: 220px;
width: 45%;
}
.max-section-numbered-question .accordion {
padding: 0;
}
.max-section-numbered-question .accordion-header {
border: 0;
color: #4f8bff;
font-size: 1rem;
font-weight: bold;
padding: 0;
}
.max-section-numbered-question .accordion-panel {
border: 0;
}
.max-section-numbered-question .accordion-header svg {
display: none;
}
.max-section-numbered-question .col-lg-10 {
padding-left: 5rem;
}
.max-section-numbered-question .col-lg-10>.rich-text {
position: relative;
}
.max-section-numbered-question .col-lg-10>div:nth-child(n + 1) {
counter-increment: question-counter;
}
.max-section-numbered-question .col-lg-10>div:nth-child(n + 1)::before {
--size: 3rem;
background: linear-gradient(#2E3F4D 50%#4F6984);
border-radius: 50%;
color: #fff;
content: counter(question-counter);
font-size: calc(var(--size) - 1rem);
font-weight: 700;
height: var(--size);
left: calc(-1 * var(--size) - 1rem);
line-height: var(--size);
position: absolute;
text-align: center;
top: 1rem;
width: var(--size);
}
<>
/* remove camel text formating in fiiter legal links */
.max-section-footer .btn--legal-link {
text-transform: none;
}
<>
.hero-quilt-parent::before {
background: linear-gradient(0degrgba(0001) 10%rgba(0000) 100%);
content: '';
display: block;
height: 80vh;
min-height: 450px;
max-height: 650px;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.hero-quilt>div {
height: 80vh;
min-height: 450px;
max-height: 650px;
}
.hero-quilt .bottom-copy-col {
width: 100%;
bottom: 13rem;
text-align: center;
z-index: 1;
margin-bottom: -10rem;
}
.hero-quilt .bottom-copy-col h1 {
font-size: 1.6rem;
text-align: center;
font-weight: 400;
margin: 1rem .5rem .5rem .5rem;
line-height: 1.2;
}
.hero-quilt .bottom-copy-col h2 {
font-size: 1.2rem;
text-align: center;
font-weight: 400;
margin: .5rem .5rem 1rem .5rem;
line-height: 1.2rem
}
.hero-quilt .bottom-copy-col p {
text-transform: none;
letter-spacing: 0;
color: #999;
margin: 1rem auto -.5rem auto;
max-width: 750px;
line-height: .8rem;
font-size: 1rem;
}
.hero-quilt .bottom-copy-col p>small {
line-height: .8rem;
}
.hero-quilt .bottom-copy-col .max-logo-on-quilt {
display: flex;
justify-content: center;
}
.hero-quilt .bottom-copy-col .max-logo-on-quilt h2 {
margin: 0rem;
width: 100%;
}
.hero-quilt .bottom-copy-col .max-logo-on-quilt h2 img {
max-width: 220px;
width: 60%;
}
@media (max-width: 767px) {
.hero-quilt .bottom-copy-col {
bottom: 14rem;
}
.hero-quilt .bottom-copy-col p {
max-width: 90%;
}
}
@media (max-width: 575px) {
.hero-quilt-parent {
margin-top: 57px;
}
.hero-quilt-parent::before {
background: linear-gradient(0degrgba(0001) 0%rgba(000.6) 50%rgba(0000) 100%);
height: 560px;
}
.hero-quilt>div {
height: 500px;
}
.hero-quilt .bottom-copy-col h1 {
font-size: 1.2rem;
}
.hero-quilt .bottom-copy-col h2 {
font-size: 1rem;
margin: 0rem .5rem 1rem .5rem;
}
}
Empieza a disfrutar con los planes de HBO Max desde solo 6,99 €/mes
5 €/mes por el complemento* Deportes
*Requiere suscripción y el complemento Deportes (su disponibilidad varía dependiendo del proveedor de la suscripción). Renovación automática salvo cancelación. Sujeto a los Términos y Condiciones. La disponibilidad de los títulos varía según el país. +18.
Básico con anuncios
Disponible en 2 dispositivos a la vez
Resolución de vídeo Full HD
¿Quieres añadir deportes en directo? Más info
6,99 €/mes
Estándar
Disponible en 2 dispositivos a la vez
Resolución de vídeo Full HD
30 descargas
¿Quieres añadir deportes en directo? Más info
10,99 €/mes
Premium
Disponible en 4 dispositivos a la vez
4K UHD y Dolby Atmos a disponibilidad
100 descargas (sujeto a límites)
¿Quieres añadir deportes en directo? Más info
15,99 €/mes
4 dispositivos (deportes solo 2)
Todo HBO Max y Eurosport
100 descargas (sujeto a límites)
Canales DAZN 1-4LALIGA y F1®
Complemento Deportes incluido
44,99 €/mes
Básico con anuncios
Disponible en 2 dispositivos a la vez
Resolución de vídeo Full HD
¿Quieres añadir deportes en directo? Más info
69,90 €/año
Estándar
Disponible en 2 dispositivos a la vez
Resolución de vídeo Full HD
30 descargas
¿Quieres añadir deportes en directo? Más info
109 €/año
Premium
Disponible en 4 dispositivos a la vez
4K UHD y Dolby Atmos a disponibilidad
100 descargas (sujeto a límites)
¿Quieres añadir deportes en directo? Más info
159 €/año
Cobertura total. Control total.
VIVE MILANO CORTINA 2026 A TU MANERA
INCLUIDO EN TODOS LOS PLANES BASE
Se requiere suscripción. JJOO Milán Cortina 2026 en todos los planes. Sujeto a los Términos y Condiciones. 18+. © 2026. IOC. Todos los derechos reservados.
<>
.module-olympics-parent {
background-repeat: no-repeat;
background-color: #000000 !important;
background-position: center center;
z-index: 0;
position: relative;
background-size: auto 100%;
}
.module-olympics .column-copy {
display: flex !important;
min-height: 250px;
}
.module-olympics .column-copy>div>div {
padding-left: 0rem !important;
padding-right: 0rem !important;
padding-top: 0rem !important;
}
.module-olympics .column-copy .d-flex {
margin-bottom: 1rem;
}
.module-olympics .column-copy p svg {
width: 250px;
display: none;
}
.module-olympics .column-copy p img {
width: 200px;
}
.module-olympics>div>div p:nth-child(1) {
margin-bottom: 0rem;
}
.module-olympics .column-copy h2 {
font-size: 1.7rem;
line-height: 1.2;
margin-top: 0rem;
margin-bottom: .5rem;
font-weight: normal;
width: 50%;
}
.module-olympics .column-copy h3 {
font-size: 1.2rem;
line-height: 1.2;
margin-top: 0rem;
margin-bottom: .5rem;
font-weight: normal;
width: 50%;
}
.module-olympics p {
font-size: .9rem;
}
.module-olympics>div>div p {
margin-top: .5rem !important;
}
.module-olympics>div>div p small {
opacity: .7;
}
@media (min-width: 766px) {
.module-olympics-parent {
background-image: url("https://beam-images.warnermediacdn.com/2026-01/spa_mico_hero_banner_desktop_3000x800_0.jpg?host=wbd-dotcom-drupal-prd-us-east-1.s3.amazonaws.com&w=3000");
}
}
@media (max-width: 1024px) {
.module-olympics-parent {
background-position: calc(50% - 130px) center;
}
.module-olympics-parent::before {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 0;
display: block;
height: calc(160vw * 765 / 1000);
width: 100%;
background: linear-gradient(90degrgba(000.6) 0%rgba(000.5) 40%rgba(0000) 60%);
}
}
@media (max-width: 765px) {
.module-olympics-parent {
min-height: auto;
background-position: center top !important;
background-size: 100%;
background-image: url("https://beam-images.warnermediacdn.com/2026-01/spa_mico_hero_banner_mobile_ka_765x1000_0.jpg?host=wbd-dotcom-drupal-prd-us-east-1.s3.amazonaws.com&w=765");
}
.module-olympics .column-copy {
margin-top: 58vw;
}
.module-olympics .column-copy p {
justify-content: center;
}
.module-olympics .column-copy h2,
.module-olympics .column-copy h3 {
text-align: center !important;
width: auto !important;
}
.module-olympics>div>div {
-webkit-align-items: center !important;
-moz-box-align: center !important;
align-items: center !important;
}
.module-olympics>div>div p {
text-align: center !important;
}
.module-olympics .initial-img-wrapper {
width: 90% !important;
margin: 60vw auto auto;
}
.module-olympics-parent::before {
height: calc(160vw * 765 / 1000);
width: 100%;
background: linear-gradient(0degrgba(0001) 10%rgba(000.7) 20%rgba(0000) 50%);
}
}
@media (max-width: 575px) {
.module-olympics-parent {
min-height: auto;
background-position: center 30%;
background-size: 100%;
}
.module-olympics-parent::before {
height: 100%;
background: linear-gradient(0degrgba(0001) 20%rgba(0000) 60%);
}
.module-olympics .column-copy p img {
width: 45%;
}
}
<>
<>
.module-olympics>div>div p small {
opacity: 1 !important;
font-size: .8rem;
line-height: 1;
}
.module-olympics {
margin-top: 0 !important;
}
@media (max-width: 575px) {
.module-olympics {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
}
<>
.max-section-intro {
padding-top: 3rem !important;
padding-bottom: .5rem !important;
padding-inline: 2rem !important;
}
@media (min-width: 576px) {
.max-section-intro {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
}
Entretenimiento incomparable
<>
.max-section-portraits {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
}
.overflow-x-scroll {
overflow-x: scroll !important;
}
.genre-characters .row {
min-width: 1200px;/*1890px;*/
}
.genre-characters .col {
background-position: top center;
background-size: cover;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
height: 30vw;
margin-bottom: 1rem;
min-height: 360px;
min-width: 170px;
position: relative;
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.genre-characters .coming-soon {
display: none; /** temp hidden **/
position: absolute;
letter-spacing: 1px;
top: 4px;
background-color: white;
text-transform: uppercase;
padding: 0px 10px;
border-radius: 2px;
color: rgb(243231);
font-size: 12px;
font-weight: 700;
box-shadow: 0px 5px 8px rgb(2432310.7);
}
.genre-characters .col::after {
background-image: linear-gradient(180degrgba(0000) 70%rgb(000) 95%);
content: "";
height: 100%;
position: absolute;
width: 100%;
}
.genre-characters h4,
.genre-characters p,
.genre-characters img {
z-index: 1;
}
.genre-characters p {
font-size: 0.6rem;
font-weight: 300;
letter-spacing: 0.05rem;
text-transform: uppercase;
color: rgba(2312312310.8);
}
.genre-characters p span.fw-medium {
font-weight: 600;
}
.genre-characters img {
max-width: 100px;
}
Películas
DC
Superman
Para toda la familia
Colección Harry Potter
Drama
HBO Original
The White Lotus
Comedia
Friends
Acción
Max Original
Duster
True Crime
D+
La caída de Diddy
DESCUBRE LO MEJOR EN
<>
/* only for experiment */
.code-for-genre-carousel-parent {
display: none;
}
.genre-carousel-container-parent {
margin-bottom: 6rem;
}
.genre-carousel-container {
padding-inline: 0 !important;
padding-right: 15px !important;
padding-left: 15px !important;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.genre-carousel-container .carousel {
overflow: visible !important;
}
/* Indicators */
.genre-carousel-container .carousel-indicators {
bottom: unset;
margin: 0;
position: absolute;
top: -6.3rem;
z-index: 10 !important;
scrollbar-width: none;
justify-content: flex-start;
overflow: scroll;
opacity: 1;
}
.genre-carousel-container .carousel-indicators::-webkit-scrollbar {
width: 0 !important
}
.genre-carousel-container .carousel {
opacity: 0;
}
.carousel.show {
opacity: 1 !important;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
.genre-carousel-container .carousel-indicators li {
text-indent: 0 !important;
color: white;
background-color: transparent !important;
width: auto !important;
height: auto !important;
padding: 0 3.5rem;
font-size: 3.5rem;
font-weight: 100;
opacity: 0.5;
transform: scale(0.9);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
white-space: pre; /* no break text */
}
.genre-carousel-container .carousel-indicators li:focus-visible {
box-shadow: rgb(000) 0px 0px 0px 2pxrgb(255255255) 0px 0px 0px 5px;
border-radius: 12px;
outline: none;
opacity: 1;
}
.genre-carousel-container .carousel-indicators .active {
opacity: 1;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.genre-carousel-container .carousel-indicators li:first-child {
margin-left: 500px;
}
.genre-carousel-container .carousel-indicators li:last-child::after {
/* use this for Safari compatibility */
position: absolute;
content: '';
width: 500px;
height: 100%;
}
.genre-carousel-container .carousel-indicators {
-webkit-mask-image: linear-gradient(to righttransparent 0%black 20% 80%transparent 100%);
mask-image: linear-gradient(to righttransparent 0%black 20% 80%transparent 100%);
}
/* Carousel Prev/Next Arrows */
.genre-carousel-container .carousel-control-prev,
.genre-carousel-container .carousel-control-next {
opacity: 0.5 !important;
align-items: flex-start;
top: -3.6rem;
z-index: 20;
overflow: visible;
background-image: none !important;
}
.genre-carousel-container .carousel-control-prev:focus-visible svg,
.genre-carousel-container .carousel-control-next:focus-visible svg {
box-shadow: rgb(000) 0px 0px 0px 2pxrgb(255255255) 0px 0px 0px 5px;
border-radius: 12px;
outline: none;
}
.genre-carousel-container .carousel-control-prev:focus-visible,
.genre-carousel-container .carousel-control-next:focus-visible {
outline: none;
opacity: 1 !important;
}
.genre-carousel-container .carousel-control-prev:hover,
.genre-carousel-container .carousel-control-next:hover {
opacity: 1 !important;
}
.genre-carousel-container .carousel-control-prev {
justify-content: flex-start;
}
.genre-carousel-container .carousel-control-prev svg {
transform: rotate(-180deg);
}
.genre-carousel-container .carousel-control-next {
justify-content: flex-end;
}
/* General */
.genre-carousel-container .row {
margin-inline: -8px;
}
.genre-carousel-container .carousel-inner>.carousel-item {
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.genre-carousel-container h2 {
font-size: 1.5rem;
margin-bottom: 6rem;
text-transform: uppercase;
}
.genre-carousel-container h4 {
font-size: 2.2rem;
font-weight: 300;
margin-top: 1.5rem;
margin-bottom: 0;
}
.genre-carousel-container p {
font-size: 1.6rem;
font-weight: 500;
margin-top: 0.5rem;
}
.genre-carousel-container .carousel-inner .col-3 {
padding: 8px;
}
.genre-carousel-container .carousel-item img {
opacity: 1;
}
.genre-carousel-container .carousel-item .img-anim-out {
animation-name: animateOut;
animation-duration: .2s;
animation-fill-mode: both;
animation-timing-function: ease-in-out;
}
.genre-carousel-container .carousel-item .img-anim-in {
animation-name: animateIn;
animation-duration: .4s;
animation-fill-mode: both;
animation-timing-function: ease-in-out;
}
/* Accesability Reduce Motion */
@media (prefers-reduced-motion: reduce){
.genre-carousel-container .carousel-item .img-anim-out {
animation-name: null;
}
.genre-carousel-container .carousel-item .img-anim-in {
animation-name: null;
}
}
@keyframes animateIn {
0% {
opacity: 0;
transform: scale(0.95) translateX(15px);
}
25% {
opacity: 1;
transform: scale(0.95) translateX(15px);
}
100% {
opacity: 1;
transform: scale(1) translateX(0px);
}
}
@keyframes animateOut {
0% {
opacity: 1;
transform: scale(1) translateX(0px);
}
100% {
opacity: 0;
transform: scale(0.95) translateX(15px);
}
}
@media (max-width: 767px) {
.genre-carousel-container {
padding-top: 0 !important;
}
.genre-carousel-container .carousel-indicators {
top: -4.4rem;
margin-left: 1rem !important;
margin-right: 1rem !important;
}
.genre-carousel-container .carousel-indicators li {
font-size: 1.8rem;
padding: 0 1em;
}
.genre-carousel-container .carousel-inner {
padding-inline: 0;
padding-top: 0 !important;
}
.genre-carousel-container h2 {
font-size: 1.1rem;
margin-bottom: 4rem;
}
.genre-carousel-container h4 {
font-size: 1.6rem;
}
.genre-carousel-container p {
font-size: 1.3rem;
}
.genre-carousel-container .carousel-inner .col-3 {
padding: 4px;
}
.genre-carousel-container .carousel .carousel-control-prev,
.carousel .carousel-control-next {
top: -3rem !important;
}
}
@media (max-width: 575px) {
.genre-carousel-container .carousel-inner .col-3 {
flex: 0 0 50%;
max-width: 50%;
}
}
Disfruta en primera fila de eventos en directoligas y torneos de prestigio de deportes como tenisciclismosnooker y mucho más. Solo tienes que suscribirte a nuestro complemento Deportes junto con tu plan HBO Max.*
<>
/* lead image for sport */
.max-section-feature.max-section-sports.grid-1-row .layout .flex-column>.initial-img-wrapper:nth-child(1) {
right: -18%;
top: -26%;
width: 90%;
}
@media (max-width: 991px) {
.max-section-feature.max-section-sports.grid-1-row .layout .flex-column>.initial-img-wrapper:nth-child(1) {
right: -18%;
top: -35%;
width: 110%;
}
}
@media (max-width: 767px) {
.max-section-feature.max-section-sports.grid-1-row .layout .flex-column>.initial-img-wrapper:nth-child(1) {
right: -15%;
top: -30%;
width: 120%;
}
}
@media (max-width: 575px) {
.max-section-feature.max-section-sports.grid-1-row .layout .flex-column>.initial-img-wrapper:nth-child(1) {
right: 0%;
top: -10%;
width: 100%;
}
}
Tus deportes favoritos en directo
DAZN te ofrece grandes deportes en directo como LALIGAF1® y MotoGP™entre muchos otros. MÁS INFORMACIÓN
<>
/**
* ----------------------------------------
* Feature Sections v2
* ----------------------------------------
*/
.max-section-feature-flat {
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.max-section-feature-flat::before {
background: linear-gradient(90degrgba(000.8) 0%rgba(0000) 60%);
content: '';
bottom: 0;
display: block;
height: 100%;
left: calc(50% - 50vw);
width: 100vw;
position: absolute;
z-index: 2;
}
.max-section-feature-flat::after {
background: linear-gradient(0degrgba(0001) 42%rgba(0000) 55%);
content: '';
bottom: 0;
display: block;
height: 100%;
left: calc(50% - 50vw);
width: 100vw;
position: absolute;
z-index: 1;
}
.max-section-feature-flat>.row {
position: relative;
z-index: 2;
}
.max-section-feature-flat h2 {
font-size: 2.75rem;
line-height: 2.75rem;
margin-top: 0rem;
}
.max-section-feature-flat h3>svg {
max-width: 120px;
}
.max-section-feature-flat h3>svg#plan-name-dazn-logo {
max-width: 90px;
}
.max-section-feature-flat>.row>div[class*="col-"]:nth-child(1) {
padding-bottom: 3rem;
padding-top: 3rem;
}
.max-section-feature-flat>.row>div[class*="col-"]:nth-child(2)>.img-wrapper-override {
filter: drop-shadow(3px 3px 3px #000);
margin-bottom: 1em;
max-width: 300px;
align-self: end;
}
@media (max-width: 991px) {
.max-section-feature-flat-parent {
background-position: 64% 50% !important;
}
.max-section-feature-flat.max-content>.row>div[class*="col-"]:nth-child(2)>.img-wrapper-override {
max-width: 140px;
}
}
@media (max-width: 767px) {
.max-section-feature-flat>.row>div[class*="col-"]:nth-child(2)>.img-wrapper-override {
max-width: 200px;
align-self: start;
}
.max-section-feature-flat.max-content>.row>div[class*="col-"]:nth-child(2)>.img-wrapper-override {
max-width: 120px;
}
.max-section-feature-flat h2 {
font-size: 2rem;
line-height: 1.75rem;
}
}
@media (max-width: 575px) {
.max-section-feature-flat-parent {
background-position: 68% 0% !important;
background-size: auto 50% !important;
}
.max-section-feature-flat::before {
background: none;
}
.max-section-feature-flat::after {
background: linear-gradient(0degrgba(0001) 70%rgba(0000) 85%);
}
.max-section-feature-flat>.row {
padding-top: 50vw;
}
.max-section-feature-flat h2 {
font-size: 1.75rem;
margin-top: 0;
text-align: center !important;
line-height: 1.75rem;
}
.max-section-feature-flat h3 {
text-align: center !important;
}
.max-section-feature-flat>.row>div[class*="col-"]:nth-child(1) {
padding-bottom: 0;
padding-top: 0;
}
.max-section-feature-flat h3>svg#plan-name-dazn-logo {
max-width: 70px;
}
.max-section-feature-flat>.row>div[class*="col-"]:nth-child(2)>.img-wrapper-override {
margin: 0 auto .5rem !important;
max-width: 150px;
}
.max-section-feature-flat.dazn-content>.row>div[class*="col-"]:nth-child(2)>.img-wrapper-override {
margin: 0 auto .5rem !important;
max-width: 250px;
}
}
¿Qué es HBO Max?
HBO Max reúne los mundos de HBOWarner Bros.el Universo DC o Harry Potterademás de acontecimientos deportivos en directo y canales populares como Discovery.
¿Qué diferencias hay entre Max y HBO Max?
HBO Max ofrece el mismo servicio que Max. Este añoMax pasó a ser HBO Maxdestacando nuestra apuesta por las historias originales y de calidad.
¿Qué es el plan HBO Max DAZN?
Un nuevo plan para amantes del deporte y el entretenimiento que incluye todo el contenido de nuestro plan HBO Max Premium + el complemento Deportes y deportes en directo de DAZN.
¿Tienes más preguntas sobre HBO Max?
<>
/**********************************************/
/* */
/* Plan Picker v212 | Brand Refresh July 2025 */
/* */
/* Sports Add-on Modal Window */
/* */
/**********************************************/
#hbomax-sports-add-on-info-modal {
background-color: rgba(0000.3);
backdrop-filter: blur(0.5em);
}
#hbomax-sports-add-on-info-modal .modal-header img {
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px);
}
#hbomax-sports-add-on-info-modal .modal-header img+.close {
margin: 0;
position: absolute;
right: 0;
}
#hbomax-sports-add-on-info-modal .modal-content {
container-type: inline-size;
}
#hbomax-sports-add-on-info-modal h3 {
font-size: 1.5rem;
margin: 0rem;
}
#hbomax-sports-add-on-info-modal p {
font-size: .9rem;
margin: 1rem 0rem;
}
#hbomax-sports-add-on-info-modal p.disclaimers {
line-height: .9rem;
}
#hbomax-sports-add-on-info-modal ul>li>p {
font-size: .9rem;
margin: 0rem;
}
#hbomax-sports-add-on-info-modal h4 {
font-size: 1.2rem;
margin-bottom: 1rem;
}
#hbomax-sports-add-on-info-modal .sports-logos-proportional {
--sports-logo-max-height: 50cqi;
display: flex;
gap: 2.5rem;
align-items: center;
justify-content: center;
margin: 1rem 0rem 0rem 0rem;
flex-wrap: wrap;
}
.sports-logos-proportional #sports-logo-1 {
height: calc(var(--sports-logo-max-height) * var(--sports-logo-1-scale) * var(--extra-resize));
width: auto;
}
.sports-logos-proportional #sports-logo-2 {
height: calc(var(--sports-logo-max-height) * var(--sports-logo-2-scale) * var(--extra-resize));
width: auto;
}
.sports-logos-proportional #sports-logo-3 {
height:calc(var(--sports-logo-max-height) * var(--sports-logo-3-scale) * var(--extra-resize));
width: auto;
}
.sports-logos-proportional #sports-logo-4 {
height:calc(var(--sports-logo-max-height) * var(--sports-logo-4-scale) * var(--extra-resize));
width: auto;
}
/* ADJUSTMENTS FOR STRIPE IN PLAN PICKER */
.max-plan-picker-group ul>li a {
float: none;
color: #002be7;
}
/* EXTRA SPACE AFTER PLAN PICKER */
.max-plan-picker-group.max-plan-picker-group-t1 {
padding-bottom: 4rem;
}
Sports Add-on
Toda la acción. Toda la pasión. Toda la gloria. Todo Eurosport.
Disfruta en primera fila de grandes acontecimientos en directoligas y torneosincluidos los mejores deportes de invierno y el PGA TOUR. Solo tienes que suscribirte a nuestro complemento Deportes junto con tu plan base de HBO Max.*
-
Ve Eurosport 1 y Eurosport 2
-
El ciclismo y tenis de 2026 y mucho más
-
Limitado a 2 visualizaciones simultáneas
Añade deportes en directo a tu plan HBO Max por 5 €/mes*
*Precio solo del complemento Deportes. Ademásse requiere suscripción al plan estándar por 6,99 €/mes . Renovación automática salvo cancelación. Contiene anuncios y puede contener patrocinios y promociones cruzadas. Sujeto a los Términos y Condiciones. La disponibilidad varía dependiendo del proveedor de la suscripción. 18+.
Elige tu idiomaESPAÑOL