/* ==========================================================================
   Banners de título, banner frame e banner da próxima edição
   ========================================================================== */

.page-title-banner {
    background-image: url('../../images/fundo_azul_suave.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 4rem 0;
    text-align: center;
}

.page-title-banner-Monster {
    background-image: url('../../images/fundo-verde-Monster.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 4rem 0;
    text-align: center;
}

.page-title-banner h1,
.page-title-banner-Monster h1 {
    color: var(--color-white);
    font-size: 2.5rem;
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Gobold', sans-serif;
}

.banner-monster-inner {
    position: relative;
    display: inline-block;
}

.banner-monster-logo {
    height: 5.5rem;
    width: auto;
}

@media (max-width: 768px) {
    .page-title-banner,
        .page-title-banner-Monster {
            padding: 2rem 0;
        }

    .page-title-banner h1,
        .page-title-banner-Monster h1 {
            font-size: 1.75rem;
        }
}

/* Banner frame — mesma borda e sombra offset dos cards */
.bgs-banner-frame {
    position: relative;
    display: block;
    width: fit-content;
    margin: 0 auto;
    border: var(--border-default);
}

/* Banner pós-feira (ingressos): reutiliza .hero-banner da home, sem o botão */
.bgs-next-edition {
    /* .bgs-banner-frame (acima) força display:block e a borda inferior de 10px do hero não se aplica */
    display: flex;
    border: var(--border-default);
}

.bgs-next-edition__msg {
    width: min(80%, 800px);
    height: auto;
    display: block;
}

@media (max-width: 768px) {
    .bgs-next-edition__msg {
            width: 94%;
        }
}