/*
 * BannerPublicitarioWidgets (home + secciones)
 * Breakpoint canónico md 768. La imagen de fondo es dinámica y llega por --banner-bg.
 */

.banner-hero {
    background-image: var(--banner-bg);
    background-position-y: 48%;
}

.banner-title {
    font-size: 4.4rem;
    font-weight: 900;
}

.banner-title b {
    font-weight: 900;
    color: #fff;
}

.banner-subtitle {
    font-weight: 400;
}

#btn-banner {
    display: inline-flex;
    align-items: center;
}

@media (min-width: 768px) {
    #btn-banner {
        text-align: center;
    }
}