<>
.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;
}
<>
@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;
}
}
/**
* ----------------------------------------
* Hero & Spotlight Intro
* ----------------------------------------
*/
.max-section-hero-parent {
position: relative;
height: 1000px;
margin-top: 50px;
}
.max-section-hero-parent::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
display: block;
height: 100%;
width: 100%;
/*background: linear-gradient(0degrgba(0001) 15%rgba(0000) 50%);*/
}
.max-section-hero h1>svg {
margin-top: 3rem;
max-width: 260px;
}
.max-section-hero h1 {
text-align: center;
}
.max-section-hero h3 {
font-size: 2.25rem;
text-align: center;
}
.max-section-hero .btn {
z-index: 1;
}
@media (min-width: 576px) and (min-height: 840px) {
/*.max-section-hero div[class*="col"] {
padding-top: 18rem;
}*/
.max-section-intro div[class*="col"] {
padding-top: 2rem;
}
}
/**
* ----------------------------------------
* Feature Sections
* ----------------------------------------
*/
.max-section-feature {
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.max-section-feature::before {
background: linear-gradient(360degrgba(000.8) 0%rgba(0000) 80%);
content: '';
bottom: 0;
display: block;
height: 100%;
left: calc(50% - 50vw);
width: 100vw;
position: absolute;
z-index: 0;
}
.max-section-feature::after {
background: linear-gradient(0degrgba(0001) 30%rgba(0000) 50%);
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;
}
.max-section-feature h2 {
font-size: calc(1.575rem + 4vw);
font-weight: 100;
margin: 0;
}
.max-section-feature h3 {
margin: 0;
}
.max-section-feature>.row:first-of-type::before {
background-position: top center;
background-repeat: no-repeat;
background-size: 100%;
content: '';
display: block;
height: 250%;
right: 2%;
position: absolute;
top: -15%;
width: 46%;
z-index: 1;
}
.max-section-reality>.row:first-of-type::before {
background-image: url(https://beam-images.warnermediacdn.com/2024-01/character.png?host=wbd-dotcom-drupal-prd-us-east-1.s3.amazonaws.com);
}
.max-section-originals>.row:first-of-type::before {
background-image: url(https://beam-images.warnermediacdn.com/2023-12/true_detective_characters.png?host=wbd-dotcom-drupal-prd-us-east-1.s3.amazonaws.com);
}
.max-section-life>.row:first-of-type::before {
background-image: url(https://beam-images.warnermediacdn.com/2023-12/tbbt_characters.png?host=wbd-dotcom-drupal-prd-us-east-1.s3.amazonaws.com);
}
.max-section-family>.row:first-of-type::before {
background-image: url(https://beam-images.warnermediacdn.com/2023-05/feature-harry-potter-char.png?host=wbd-dotcom-drupal-prd-us-east-1.s3.amazonaws.com);
}
.max-section-movies>.row:first-of-type::before {
background-image: url(https://beam-images.warnermediacdn.com/2023-12/barbie_characters_0.png?host=wbd-dotcom-drupal-prd-us-east-1.s3.amazonaws.com);
}
.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: 15%;
z-index: 2;
margin-bottom: 30px;
}
.max-section-reality .col-md-12>.text::after {
background-image: url(https://beam-images.warnermediacdn.com/2024-01/tt_spa.png?host=wbd-dotcom-drupal-prd-us-east-1.s3.amazonaws.com);
}
.max-section-originals .col-md-12>.text::after {
background-image: url(https://beam-images.warnermediacdn.com/2023-12/true_detective_tt.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/2023-12/tbbt_tt.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/2023-05/feature-harry-potter-tt.png?host=wbd-dotcom-drupal-prd-us-east-1.s3.amazonaws.com);
}
.max-section-movies .col-md-12>.text::after {
background-image: url(https://beam-images.warnermediacdn.com/2023-12/barbie_tt_0.png?host=wbd-dotcom-drupal-prd-us-east-1.s3.amazonaws.com);
}
.max-section-feature .image-grid {
padding-bottom: 2rem;
position: relative;
z-index: 2;
}
@media (min-width: 1200px) {
.max-section-feature h2 {
font-size: 4.5rem !important;
}
}
@media (max-width: 991px) {
.max-section-feature>.row:first-of-type::before {
width: 60%;
}
.max-section-feature .col-md-12>.text {
padding-bottom: 2rem !important;
}
.max-section-feature .col-md-12>.text::after {
height: 30%;
width: 25%;
}
}
@media (max-width: 575px) {
.max-section-hero-parent {
display: none;
}
.max-section-feature::before {
background: none;
}
.max-section-feature::after {
background: linear-gradient(0degrgba(0001) 60%rgba(0000) 85%);
}
.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 .row:first-of-type::before {
right: 0;
width: 100%;
}
.max-section-feature .col-md-12>.text::after {
bottom: 30%;
height: 30%;
right: 30%;
width: 40%;
}
}
/**
* ----------------------------------------
* Numbered Questions
* ----------------------------------------
*/
.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(2n + 1) {
counter-increment: question-counter;
}
.max-section-numbered-question .col-lg-10>div:nth-child(2n + 1)::before {
--size: 3rem;
background: linear-gradient(#002be7 50%#000066);
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);
}
<>
.text-highlights{
display: flex;
max-width: 1200px;
text-align: center;
font-size: 35px;
font-weight: 400;
margin: 100px auto 50px;
}
.logos{
display: flex;
flex-direction: row;
align-items: center;
}
.single-logo{
margin: 0 10px;
padding: 0 10px;
}
.subtext-highlights{
display: flex;
justify-content: center;
align-items: center;
text-align: center;
white-space: nowrap;
}
.destacado{
font-size: 35px;
font-weight: 600;
padding: 50px 20px 15px;
}
.normal{
font-size: 18px;
font-weight: 400;
padding: 50px 20px 15px;
}
.hightlights-s .title-break-word{
display:none;
}
@media (max-width: 575px) {
.logos{
justify-content: center;
flex-wrap: wrap;
align-items: center;
padding: 0 10px;
}
.single-logo{
width: 25%;
margin: 0;
padding: 10px 15px;
}
.text-highlights{
font-size: 28px;
width: 100%;
margin-left: 0;
}
.subtext-highlights{
flex-direction: column;
white-space: wrap;
}
.destacado{
font-size: 24px;
font-weight: 600;
padding: 50px 0 10px 0;
}
.normal{
padding: 0 0 40px 0;
}
}
Suscríbete ahoraSuscríbetemira películas y disfruta todas las historias que tenemos para ti: comediasdramas y clásicos de la pantalla grande.
Nuevo y popular
Son el tema de conversaciónúnete
