/* Ajustes finais de identidade visual — MUSINTER 2027 */

/*
 * Mantém os quatro itens do menu com a mesma tipografia do site público,
 * inclusive na página PHP de Submissão.
 */
header .nav nav[aria-label="Navegação principal"] a {
    font-family: Arial, sans-serif !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    line-height: 1.65 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
}

/*
 * Sobre, Programação e Submissão compartilham a classe .page-hero.
 * A sobreposição azul preserva a identidade dos banners e mantém a fotografia
 * do auditório deliberadamente discreta para não prejudicar a leitura.
 */
.page-hero {
    background:
        linear-gradient(
            108deg,
            rgba(7, 31, 78, 0.94) 0%,
            rgba(12, 45, 88, 0.89) 52%,
            rgba(35, 77, 124, 0.86) 100%
        ),
        url("/auditorio-piano.png") center 48% / cover no-repeat !important;
}

.page-hero > .wrap {
    position: relative;
    z-index: 1;
}

@media (max-width: 760px) {
    header .nav nav[aria-label="Navegação principal"] a {
        font-size: 0.72rem !important;
        letter-spacing: 0.12em !important;
    }

    .page-hero {
        background-position: center 50% !important;
    }
}