<>
:root {
/* Brand Colors */
--accent-steel: #71B8F2;
--light-steel: #4F6984;
--dark-steel: #2E3F4D;
--light-slate: #8298ab;
--medium-slate: #4F6984;
--dark-slate: #4E505B;
--obsidian-black: #000000;
--dark-gradient: linear-gradient(var(--obsidian-black)#09192B);
--slate-lens-glare: radial-gradient(
100% 650% at 100% -100%
rgba(1131842420.25) 20%
rgba(1301521710.15) 40%
rgba(7880910.25) 85%
rgba(15020000.07) 95%
rgba(20080800.1) 100%
);
/* Color Assignments */
--link-color: var(--accent-steel);
--primary-component-gradient: var(--slate-lens-glare);
--primary-body-gradient: var(--dark-gradient);
}
/* Footer */
footer {
margin-inline: auto;
max-width: 960px;
}
/* Content Trays */
.content-tray-section .content-tray-button-group button {
opacity: 0.5;
transition: 0.2s all ease;
}
.content-tray-section .content-tray-button-group button:hover {
opacity: 1;
transform: scale(1) !important;
}
/* Hot Fix for Nav a11y */
nav .-hamburger:focus {
box-shadow: none;
outline: 2px solid white;
outline-offset: 2px;
border-radius: 4px;
}
nav>ul:first-of-type {
display: block !important;
}
nav>ul:nth-of-type(2) {
display: none !important;
}
@media screen and (min-width: 576px) {
nav>ul:first-of-type {
display: none !important;
}
nav>ul:nth-of-type(2) {
display: table !important;
}
}
@media screen and (min-width: 1132px) {
nav>ul:nth-of-type(2) {
display: none !important;
}
}
<>
.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;
}
<>
.img-play-btns a.btn:focus {
border: 3px #fff solid;
width: 163px;
height: 45px;
border-radius: 8px;
line-height:110%;
text-decoration: none;
padding-top: 14px !important;
background-color: rgba(64,68,89,0.6);
white-space: nowrap !important; /* Addition */
}
.img-play-btns .btn:hover {
color: #fff !important;
text-decoration: none;
}
.max-section-hero-parent {
position: relative;
background-position: center top;
}
.hhr-left h4{
letter-spacing: 0.3rem;
font-weight:800;
font-size: 1.5rem;
text-transform:uppercase;
}
.max-section-hero-parent.exp-t1-parent.max-section-hero-parent.exp-t3-parent {
margin-bottom:40px;
}
/*
.max-section-hero-parent::before {
background-image: linear-gradient(90deg,rgba(0001) 0%rgba(2552552550) 100%)linear-gradient(0deg#000rgba(000.8) 20%transparent 45%transparent 70%#000);
content: "";
height: 100%;
position: absolute;
width: 100%;
}*/
article {
background: #000 !important;
}
@media (max-width: 767px) {
/*.max-section-hero-parent {
background-position: -28px 56px !important;
background-repeat: no-repeat;
background-size: auto 300px !important;
}*/
.max-section-hero-parent::before {
background-image: linear-gradient(0deg#000rgba(000.8) 20%transparent 45%transparent 70%#000);
content: "";
height: 100%;
position: absolute;
width: 100%;
}
}
.img-play-btns a:not(.btn) {
display: block;
margin-bottom: 1rem;
margin-top: 1rem;
position: relative;
margin-left: 32px;
margin-right: 32px;
border: 2px solid #fff;
}
.img-play-btns a:not(.btn)::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-play-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M6.271 5.055a.5.5 0 0 1 .52.038l3.5 2.5a.5.5 0 0 1 0 .814l-3.5 2.5A.5.5 0 0 1 6 10.5v-5a.5.5 0 0 1 .271-.445z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: cover;
bottom: 8px;
content: '';
display: block;
height: 32px;
left: 8px;
position: absolute;
width: 32px;
}
.img-play-btns a:not(.btn)::after {
align-items: center;
background: rgba(000.6);
color: #fff;
content: 'VER GRATIS';
display: flex;
font-weight: bold;
height: 100%;
justify-content: center;
letter-spacing: .1em;
opacity: 0;
position: absolute;
text-align: center;
text-transform: uppercase;
transition: opacity 0.3s ease-out;
top: 0;
width: 100%;
}
.img-play-btns a:not(.btn):hover::after {
opacity: 1;
transition: opacity 0.3s ease-out;
border: 1px #fff solid;
}
.img-play-btns a:not(.btn):focus::after {
opacity: 1;
transition: opacity 0.3s ease-out;
border: 1px #fff solid;
white-space: nowrap !important;
content: 'VER\00a0 GRATIS'; /* Using non-breaking spaces */
}
.fade-bg-y-parent {
position: relative;
}
.fade-bg-y-parent::before {
background-image: linear-gradient(0deg#000transparent 30%transparent 70%#000);
content: "";
height: 100%;
position: absolute;
width: 100%;
}
div[id*="Code"] {
width: 100%;
}
Descubre el universo HBO Max
Disfruta de los éxitos más recientes y populares de nuestro catálogo. Descubre series como Juego de TronosFriendsThe Big Bang Theory y tu próxima serie favorita.
Los planes empiezan desde $119.00/mes
<>
/* Lume Styles*/
.max-section-hero-parent {
position: relative;
background-attachment: fixed;
}
.max-section-hero-parent .layout {
align-items: flex-end;
justify-content: flex-start;
}
.max-section-hero-parent .layout .col-md-12 {
display: block !important;
padding: 1.25em 1.5em;
position: relative;
z-index: 1;
color: #fff;
max-height: 400px;
min-height: 389px;
}
.max-section-hero-parent .layout .col-md-12 h1 {
font-family: Max Sans;
font-weight: 400;
font-: normal;
font-size: 32px;
line-height: 100%;
vertical-align: middle;
padding-bottom: 20px;
padding-top: 20px;
border-bottom: 1px solid rgba(255255255.5);
max-width: 530px;
}
.max-section-hero-parent .layout .col-md-12 p {
max-width: 530px;
padding-top: 0px;
font-family: Max Sans;
font-weight: 400 !important;
font-: normal;
font-size: 15px;
line-height: 20px;
vertical-align: middle;
}
.hero-featured-parent {
background-attachment: fixed;
position:relative;
}
.hhr-left h4{
letter-spacing: 0.3rem;
font-family: Max Sans;
font-weight: 400 !important;
font-: normal;
font-size: 32px !important;
line-height: 100%;
text-transform:unset !important;
padding-bottom:20px;
}
.series-header p {
border-top: #fff 1px solid;
padding-top: 20px;
}
/* .max-section-hero-parent::before {
background-image: linear-gradient(0deg#000rgba(000.8) 20%transparent 45%transparent 70%#000);
content: "";
height: 100%;
position: absolute;
width: 100%;
}*/
.img-play-btns p {
font-family: Max Sans;
font-weight: 400 !important;
font-: normal;
font-size: 15px;
line-height: 20px;
vertical-align: middle;
padding-top: 5px;
padding-bottom: 10px;
}
.img-play-btns h4 {
letter-spacing: 0.2rem;
font-family: Max Sans;
font-weight: 400 !important;
font-: normal;
font-size: 25px !important;
line-height: 100%;
padding-bottom: 10px;
}
.asset-info img {
max-width:250px;
margin-bottom: 20px;
}
@media screen and (max-width:768px) {
.max-section-hero-parent {
background-attachment: scroll;
background-position: -150px 0px;
}
.hero-featured-parent {
background-attachment: scroll;
}
.hero-featured-parent .btn {
margin-bottom:20px;
}
}
ELIGE EL MEJOR PLAN PARA TI
Básico con Anuncios
- 2 dispositivos a la vez
- Resolución Full HD
Estándar
- 2 dispositivos a la vez
- Resolución Full HD
- 30 descargas para disfrutar offline
Platino
- 4 dispositivos a la vez
- Resolución 4K Ultra HD*
- Audio Dolby Atmos*
- 100 descargas para disfrutar offline
Básico con Anuncios
- 2 dispositivos a la vez
- Resolución Full HD
Estándar
- 2 dispositivos a la vez
- Resolución Full HD
- 30 descargas para disfrutar offline
Platino
- 4 dispositivos a la vez
- Resolución 4K Ultra HD*
- Audio Dolby Atmos*
- 100 descargas para disfrutar offline
*Full HD4K Ultra HD y Dolby Atmos no están disponibles en todo el contenido de cada plan. El contenido en vivo en los planes Estándar y Platino puede contener publicidad. Las descargas pueden estar limitadas de acuerdo con el tipo de contenido. Para más informaciónvisita help.hbomax.com/plans
*Full HD4K Ultra HD y Dolby Atmos no están disponibles en todo el contenido de cada plan. El contenido en vivo en los planes Estándar y Platino puede contener publicidad. Las descargas pueden estar limitadas de acuerdo con el tipo de contenido. Para más informaciónhelp.hbomax.com/plans. Ahorro basado en un plan anual vs. su versión mensual si es pagado por 12 meses.
<>
.max-plan-picker-wrapper .max-plan-picker-nav .tab:last-of-type::before {
position: absolute;
top: -2rem;
font-size: 12px;
color: #FFFFFF;
content: "Ahorra hasta 20%";
}
@media (max-width: 768px) {
.max-section-plan-picker-parent{
margin-top: -80px !important;
}
}
<>
/**
* ----------------------------------------
* Max Plan Picker CSS
* ----------------------------------------
*/
.max-plan-picker-parent .max-plan-picker-column>.rich-text {
width: 100%;
text-align: center !important;
}
.max-plan-picker-wrapper .max-plan-picker-nav .tabs {
display: flex;
margin: 1.3rem auto;
padding: 0.25rem;
border-radius: 100px;
background-color: rgba(255255255.15);
}
.max-plan-picker-wrapper .max-plan-picker-nav .tabs.focused {
outline: 2px solid white;
outline-offset: 2px;
}
.max-plan-picker-wrapper .max-plan-picker-nav .tabs input[type=radio] {
position: absolute;
opacity: 0;
}
.max-plan-picker-wrapper .max-plan-picker-nav input[type="radio"]:not(:checked)+label.tab {
color: #FFF;
}
.max-plan-picker-wrapper .max-plan-picker-nav .tab {
position: relative;
z-index: 2;
width: 112px;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: .75rem;
border-radius: 100px;
font-size: .75rem;
font-weight: bold;
line-height: 1;
text-transform: uppercase;
cursor: pointer;
letter-spacing: .1em;
color: #000000;
transition: all 0.15s ease-in;
text-align: center;
}
.max-plan-picker-wrapper .max-plan-picker-nav .tab:hover {
background-color: rgba(255255255.15);
transition: all 0.15s ease-in;
}
.max-plan-picker-wrapper .max-plan-picker-nav .tab-active-bg {
position: absolute;
z-index: 1;
width: 112px;
height: 3rem;
display: flex;
border-radius: 100px;
background-color: #FFF;
transition: 0.25s ease-out;
}
.max-plan-picker-wrapper .max-plan-picker-nav input[type="radio"]:nth-of-type(1):checked~.tab-active-bg {
transform: translateX(0);
}
.max-plan-picker-wrapper .max-plan-picker-nav input[type="radio"]:nth-of-type(2):checked~.tab-active-bg {
transform: translateX(100%);
}
.max-plan-picker-wrapper .max-plan-picker-nav input[type="radio"]:nth-of-type(3):checked~.tab-active-bg {
transform: translateX(200%);
}
@media (min-width: 576px) {
.max-plan-picker-wrapper .max-plan-picker-nav .tab,
.max-plan-picker-wrapper .max-plan-picker-nav .tab-active-bg {
font-size: 1rem;
height: 2.5rem;
width: 160px;
}
.max-plan-picker-wrapper .max-plan-picker-nav .tab:last-of-type::before {
top: -1.3rem;
}
}
@media (min-width: 768px) {
.max-plan-picker-wrapper .max-plan-picker-nav .tab,
.max-plan-picker-wrapper .max-plan-picker-nav .tab-active-bg {
width: 200px;
}
}
/* Plan Picker - Plan Groups */
.max-plan-picker-wrapper .max-plan-picker-group {
color: #000;
transition: all 1s ease-in-out;
}
.max-plan-picker-group svg#bundle-lockup-disney-plus-hulu-max {
max-width: 340px;
}
.max-plan-picker-group svg#bundle-logo-disney-plus {
fill: #000;
}
.max-plan-picker-group svg#bundle-logo-hulu {
fill: #29A869;
}
.max-plan-picker-group svg#bundle-logo-max {
fill: #002be7;
}
.max-section-plan-picker svg#bundle-lockup-venu-max {
max-width: 200px;
}
.max-section-plan-picker svg#bundle-lockup-venu-max path#bundle-logo-venu-brand {
fill: #ff4e00;
}
.max-section-plan-picker svg#bundle-lockup-venu-max path#bundle-logo-max {
fill: #002be7;
}
.max-plan-picker-wrapper .max-plan-picker-group .max-plan-picker-card-group {
display: flex;
flex-direction: column;
width: 100%;
margin-inline: auto;
margin-block: var(--gap);
gap: var(--gap);
}
.max-plan-picker-group .price-plan-button-row {
flex-direction: column;
align-items: center;
text-align: center;
}
@media screen and (min-width: 768px) {
/* MD */
.max-plan-picker-wrapper .max-plan-picker-group .max-plan-picker-card-group {
flex-direction: row;
}
}
.max-plan-picker-wrapper .max-plan-picker-group .max-plan-picker-card-group .max-plan-picker-card-wrapper {
flex: 1;
margin-bottom: 0;
}
@media screen and (min-width: 768px) {
/* XL */
.max-plan-picker-wrapper .max-plan-picker-group__card>.rich-text:first-child {
min-height: 360px;
}
}
@media screen and (min-width: 992px) {
/* XL */
.max-plan-picker-wrapper .max-plan-picker-group__card>.rich-text:first-child {
min-height: auto;
}
}
.max-plan-picker-wrapper .max-plan-picker-group div.max-plan-picker-group__card {
display: block !important;
padding: 1.25em 1.5em;
border-radius: 0.25em !important;
background: #FFF;
position: relative;
z-index: 1;
}
.max-plan-picker-wrapper .max-plan-picker-group div.max-plan-picker-exp2-group__card {
display: block !important;
padding: 1.25em 1.5em;
border-radius: 0.25em !important;
background: #FFF;
position: relative;
z-index: 1;
height: 450px !important;
max-width: 480px !important;
}
.max-plan-picker-wrapper .max-plan-picker-group h3 {
margin: 0;
}
.max-plan-picker-wrapper .max-plan-picker-group h4 {
font-weight: bold;
flex-direction: column !important;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin: 0px;
font-size: 35px;
}
.max-plan-picker-wrapper .max-plan-picker-group h4 sup {
font-size: .875rem;
font-weight: normal;
letter-spacing: .1em;
}
.max-plan-picker-wrapper .max-plan-picker-group h4 em {
font-size: .875rem;
font-: normal;
font-weight: normal;
letter-spacing: .1em;
text-transform: none;
color: rgba(000.6);
}
.max-plan-picker-wrapper .max-plan-picker-group h5 {
margin-top: 0;
padding-bottom: .75rem;
border-bottom: 1px solid rgba(000.2);
color: rgba(000.6);
}
.max-plan-picker-wrapper .max-plan-picker-group h6 {
font-size: .875rem;
font-: normal !important;
font-weight: bold;
letter-spacing: .1em;
margin-bottom: 0;
text-transform: uppercase;
}
.max-plan-picker-wrapper .max-plan-picker-group .price-plan-button-row h6 {
color: #002be7;
}
.max-plan-picker-group .yearly-discount-badge {
position: absolute;
top: -6px;
right: 10px;
background: #00F0FF;
font-size: .8rem;
padding: 5px 10px;
z-index: 10;
font-weight: 900;
border-radius: 5px;
}
@media (min-width: 768px) and (max-width: 1200px) {
.max-plan-picker-wrapper .max-plan-picker-group h3 {
font-size: 1.2em;
}
}
@media screen and (min-width: 768px) {
.max-plan-picker-group .price-plan-button-row {
flex-direction: column;
text-align: center;
}
}
@media screen and (min-width: 1200px) {
.max-plan-picker-group .price-plan-button-row {
flex-direction: column;
align-items: center;
text-align: center;
}
}
/* Select Plan Buttons */
.max-plan-picker-card-wrapper .select-plan-button {
font-weight: 700;
line-height: 110%;
letter-spacing: 0px;
overflow: hidden;
text-transform: uppercase;
border-radius: 8px;
padding: 10px 24px;
transition: none 0s ease 0s;
white-space: nowrap;
}
.max-plan-picker-card-wrapper .select-plan-button.btn--primary {
background-color: #4F6984;
color: rgb(255255255);
}
.max-plan-picker-card-wrapper .select-plan-button.btn--primary:hover {
background-color: #4F6984;
outline: #06093A solid 2px;
}
.max-plan-picker-card-wrapper .select-plan-button.btn-md {
font-size: 12px;
padding: 13px 24px;
}
.max-plan-picker-card-wrapper a:focus,
.max-plan-picker-group a:focus-visible {
box-shadow: none !important;
outline: 2px solid black;
outline-offset: 2px;
}
/* Value Prop Icons */
.max-plan-picker-group {
--gap: 0.5em;
}
.max-plan-picker-group .text ul {
list--type: none;
padding: 0;
font-size: .875rem;
}
.max-plan-picker-group .text ul li {
padding-left: calc(var(--gap)*4);
}
.max-plan-picker-group .text ul.value-props-list {
margin-top: 1rem;
min-height: 135px;
}
/* Sports Add-On Line */
.max-plan-picker-group .text.sports {
position: relative;
z-index: 1;
}
.max-plan-picker-group .text.sports::before {
content: '';
position: absolute;
left: -1.5em;
top: 0;
right: -1.5em;
bottom: 0;
z-index: -1;
width: calc(100% + 3em);
height: 100%;
background-color: #DEEBFE;
}
.max-plan-picker-group .text.sports ul li {
padding-block: 1em;
}
.max-plan-picker-group [class*="value-prop"] {
position: relative;
display: block;
}
.max-plan-picker-group [class*="value-prop"]::before {
position: absolute;
top: 50%;
bottom: 0;
left: calc(var(--gap)*-4);
transform: translateY(-50%);
width: calc(var(--gap)*2);
height: calc(var(--gap)*2);
background-repeat: no-repeat;
background-size: contain;
content: "";
}
.max-plan-picker-group .value-prop-streams::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3.5,13.6l4.78,5.87,12.22-15' ='fill: none; stroke: %23000000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px;'/%3E%3C/svg%3E");
}
.max-plan-picker-group .value-prop-resolution::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6.5,20h11' ='fill: none; stroke: %23000000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px;'/%3E%3Crect x='1.5' y='4' width='21' height='12' rx='1' ry='1' ='fill: none; stroke: %23000000; stroke-width: 2px;'/%3E%3C/svg%3E");
}
.max-plan-picker-group .value-prop-sound::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3.5' y='13' width='5' height='7' rx='1' ry='1' ='fill: none; stroke: %23000000; stroke-width: 2px;'/%3E%3Cpath d='m5.5,13c0-3.86,0-9,6.5-9s6.5,5.14,6.5,9' ='fill: none; stroke: %23000000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px;'/%3E%3Crect x='15.5' y='13' width='5' height='7' rx='1' ry='1' ='fill: none; stroke: %23000000; stroke-width: 2px;'/%3E%3C/svg%3E");
}
.max-plan-picker-group .value-prop-downloads::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3.5,20h17' ='fill: none; stroke: %23000000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px;'/%3E%3Cpath d='m12,4v11m0,0l-4.5-4.5m4.5,4.5l4.5-4.5' ='fill: none; stroke: %23000000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px;'/%3E%3C/svg%3E");
}
.max-plan-picker-group .value-prop-sports::before {
width: calc(var(--gap)*3);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51' height='37' viewBox='0 0 51 37' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5586 10.3748V16.9912H14.2341L15.6663 15.642V11.724L14.2341 10.3748H10.5586ZM35.2458 10.3748V16.9912H38.9213L40.3535 15.642V11.724L38.9213 10.3748H35.2458ZM10.5586 20.5752V27.1917H14.2341L15.6663 25.8425V21.9244L14.2341 20.5752H10.5586Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.626953 36.8411H50.2851V0.726074H0.626953V36.8411ZM19.2488 17.1239L17.5374 18.7836L19.2488 20.4432V27.3566L15.6751 30.822H6.83422V6.74515H15.6751L19.2488 10.2105V17.1239ZM28.5598 17.9022L22.352 23.9213V19.665L28.5595 13.6459V17.9022H28.5598ZM40.8191 30.822L37.9917 20.5893H35.3877V30.822H31.6633V6.74515H40.5042L44.0778 10.2105V17.1239L41.4599 19.6628L44.5435 30.822H40.8191Z' fill='black'/%3E%3C/svg%3E");
}
.max-plan-picker-group .value-prop-access::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.86,7.15s0-.72,0-.72c0-1.89-1.73-3.43-3.86-3.43s-3.86,1.54-3.86,3.43v6h-1.72c-.47,0-.85.38-.85.85v6.87c0,.47.38.85.85.85h11.15c.47,0,.85-.38.85-.85v-6.87c0-.47-.38-.85-.85-.85h-9.43' ='fill: none; stroke: %23000000; stroke-linecap: round; stroke-width: 2px;' /%3E%3C/svg%3E");
}
.max-plan-picker-group [class*="value-prop-"] span.small {
color: rgba(000.6);
font-size: .85em;
}
/* Plan Picker - Legal Text */
.max-plan-picker-wrapper p.legal.small {
text-align: center;
}