.ultimasNoticiasEnHome .ListBr {
    height: 100%;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .ultimasNoticiasEnHome {
        grid-area: auto/auto/span 2/span 1;
    }
}

@media screen and (min-width: 768px) {
    #lightbox .lightbox-content img {
        width: auto;
        max-width: unset;
        height: auto;
        max-height: calc(100vh - 100px);
    }

    #lightbox {
        z-index: 10000002;
    }
}

@media screen and (min-width: 1280px) {
    .PromoCat .Promo-title {
        font-size: 3.2rem;
    }

    .PromoCat-content {
        padding: 5.5rem 5rem;
    }
}

#elpais_1_epd_middle {
    margin-bottom: 4rem;
}

#elpais_1_epd_box1,
#elpais_1_epd_box2,
#elpais_1_epd_box3 {
    max-width: unset;
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.ListGal {
    display: flex;
    flex-direction: column;
}

.ListGal .List-description {
    padding-left: 0;
    padding-right: 0;
    order: 3;
}

#ListPremium .List-cta .Button {
    background-color: var(--color-section-premium-secondary);
    border: none;
    border-radius: 20px;
    color: var(--color-primary-text);
    font-family: var(--font-3);
    font-size: 1.6rem;
    font-weight: 600;
    height: auto;
    margin: 0;
    padding: 0 3.2rem;
    position: relative;
    text-transform: uppercase;
}


@media only screen and (min-width: 1024px) {
    #ListPremium .List-cta .Button:before {
        background-color: var(--color-section-premium-secondary);
        content: "";
        display: block;
        height: 50px;
        left: -30px;
        position: absolute;
        top: -6px;
        width: 1px;
    }
}

.ListBlock .PromoOp[data-promo-layout="1/2"] .Promo-title {
    font-size: 1.7rem;
    line-height: 1.3;
}

.ListBlock .PromoOp .Promo-title {
    line-height: 1.3;
}

.ListBlock .PromoOp .PromoOp-image {
    width: 26px;
    height: 26px;
    flex-shrink: 0;
}

.ListBlock .PromoOp .Promo-description {
    line-height: 1.3;
    font-size: 1.5rem;
}

.PromoOp .Promo-author {
    color: var(--color-list-secondary, var(--color-tertiary-text));
}

@media screen and (min-width: 490px) {
    .ListBlock .PromoOp {
        position: relative;
        border: none;
    }

    .ListBlock .PromoOp::before {
        background-color: var(--color-list-tertiary, #e1e1e1);
        content: "";
        display: block;
        height: 1px;
        left: 0;
        position: absolute;
        top: -2rem;
        width: 100%;
    }

    .ListBlock .PromoOp::after {
        background-color: var(--color-list-tertiary, #e1e1e1);
        content: "";
        display: block;
        height: calc(100% + 2rem);
        position: absolute;
        right: -2rem;
        top: 0;
        width: 1px;
    }

    .ListBlock .PromoOp .PromoOp-content {
        padding: 0;
    }

    .ListBlock .PromoOp .PromoOp-footer,
    .ListBlock .PromoOp[data-promo-layout="1/2"] .PromoOp-footer {
        padding: 1rem;
        background: #eaf4ff;
    }

    .ListBlock .PromoOp:not([data-promo-layout="1/2"]) .PromoOp-footer {
        margin-top: 4rem;
    }
}

.PromoFlex[data-hide-dates="true"] {
    padding: 1rem;
    background: #eaf0d6;
}

.PromoFlex[data-hide-dates="true"] .Promo-category {
    padding: .5rem 1rem;
    background-color: #333;
}

.PromoFlex[data-hide-dates="true"] .Promo-category a {
    color: #fff;
}

@media screen and (min-width: 490px) {
    .ListBlock .PromoPortada {
        padding: 0;
        border: none;
        position: relative;
        overflow: visible;
    }

    .ListBlock .PromoPortada::before {
        background-color: var(--color-list-tertiary, #e1e1e1);
        content: "";
        display: block;
        height: 1px;
        left: 0;
        position: absolute;
        top: -2rem;
        width: 100%;
    }

    .ListBlock .PromoPortada::after {
        background-color: var(--color-list-tertiary, #e1e1e1);
        content: "";
        display: block;
        height: calc(100% + 2rem);
        position: absolute;
        right: -2rem;
        top: 0;
        width: 1px;
    }

    .ListBlock .PromoPortada .Promo-title {
        font-family: var(--font-2);
        text-transform: none;
        text-align: left;
        padding: 0;
    }
}

@media screen and (min-width: 768px) {

    .masVistasEnHome,
    .masVistasEnHome .ListFeatured,
    .ultimasNoticiasEnHome,
    .ultimasNoticiasEnHome .ListBr {
        height: auto;
    }

    .ultimasNoticiasEnHome {
        height: 100%;
    }

    .ultimasNoticiasEnHome[data-items="3"] .ListBr-items .PromoBr:nth-child(n + 4),
    .ultimasNoticiasEnNota[data-items="3"] .ListBr-items .PromoBr:nth-child(n + 4) {
        display: none;
    }

    .ultimasNoticiasEnHome[data-items="4"] .ListBr-items .PromoBr:nth-child(n + 5),
    .ultimasNoticiasEnNota[data-items="4"] .ListBr-items .PromoBr:nth-child(n + 5) {
        display: none;
    }

    .ultimasNoticiasEnHome[data-items="5"] .ListBr-items .PromoBr:nth-child(n + 6),
    .ultimasNoticiasEnNota[data-items="5"] .ListBr-items .PromoBr:nth-child(n + 6) {
        display: none;
    }

    .ultimasNoticiasEnHome[data-items="6"] .ListBr-items .PromoBr:nth-child(n + 7),
    .ultimasNoticiasEnNota[data-items="6"] .ListBr-items .PromoBr:nth-child(n + 7) {
        display: none;
    }

    .ultimasNoticiasEnHome[data-items="7"] .ListBr-items .PromoBr:nth-child(n + 8),
    .ultimasNoticiasEnNota[data-items="7"] .ListBr-items .PromoBr:nth-child(n + 8) {
        display: none;
    }
}

.PromoLive-wrapper {
	background-color: transparent;
}

.PromoLive-wrapper[data-promo-layout="2x2"] {
	grid-column-start: 1;
    grid-column-end: 2;
}

[class*="PromoLive"] .PromoLive-content {
	padding: 1.5rem 0;
    height: auto;
    gap: 1rem;
}

.PromoLive-wrapper[data-promo-layout="1x1"] [class*="PromoLive"] .Promo-title {
	font-size: 1.7rem;
    line-height: 1.3;
}

@supports (aspect-ratio: 16 / 9) {
	.PromoLive-wrapper .PromoLive-video-wrapper {
	height: auto;
    padding-bottom: 0;
    aspect-ratio: 16 / 9;
}
}

@media screen and (min-width: 1024px) {
	.ListBlock .OneColumnContainer-column .PromoLive-wrapper[data-promo-layout="2x2"], .ListBlock .TwoColumnContainer3070-column .PromoLive-wrapper[data-promo-layout="2x2"], .ListBlock .TwoColumnContainer7030-column .PromoLive-wrapper[data-promo-layout="2x2"], .ListBlock .TwoColumnContainer-column .PromoLive-wrapper[data-promo-layout="2x2"] {
	grid-area: auto / auto / span 2 / span 2 !important;
}
}