/* La capa editorial debe utilizar los controles del gestor de apariencia. */
body.public-site[data-rdp-public-module="culture"] .cultural-v2975 .cultural-v2971-hero {
    background: var(--rdp-current-hero-end) !important;
}
body.public-site[data-rdp-public-module="culture"] .cultural-v2975 .cultural-v2971-hero::before {
    inset: 0;
    width: 100%;
    background-size: cover;
    background-position: center right;
}
body.public-site[data-rdp-public-module="culture"] .cultural-v2975 .cultural-v2971-hero::after {
    /* Alternativa para navegadores sin color-mix. */
    background: linear-gradient(90deg, var(--rdp-current-hero-start) 0%, var(--rdp-current-hero-end) 48%, transparent 84%);
    background: linear-gradient(90deg,
        color-mix(in srgb, var(--rdp-current-hero-start) calc(var(--rdp-current-hero-opacity) * 100%), transparent) 0%,
        color-mix(in srgb, var(--rdp-current-hero-start) calc(var(--rdp-current-hero-opacity) * 100%), transparent) 27%,
        color-mix(in srgb, var(--rdp-current-hero-end) calc(var(--rdp-current-hero-opacity) * 88%), transparent) 48%,
        color-mix(in srgb, var(--rdp-current-hero-end) calc(var(--rdp-current-hero-opacity) * 45%), transparent) 64%,
        transparent 84%);
}
@media (max-width: 767.98px) {
    body.public-site[data-rdp-public-module="culture"] .cultural-v2975 .cultural-v2971-hero::after {
        background: linear-gradient(180deg, var(--rdp-current-hero-start), var(--rdp-current-hero-end));
        background: linear-gradient(180deg,
            color-mix(in srgb, var(--rdp-current-hero-start) calc(var(--rdp-current-hero-opacity) * 100%), transparent) 0%,
            color-mix(in srgb, var(--rdp-current-hero-end) calc(var(--rdp-current-hero-opacity) * 100%), transparent) 65%,
            color-mix(in srgb, var(--rdp-current-hero-end) calc(var(--rdp-current-hero-opacity) * 82%), transparent) 100%);
    }
}