/**
 * Torneios Rápidos — cabeçalhos com presença (largura total do <main class="container">,
 * cantos inferiores arredondados, sombra suave) alinhado ao padrão .hero-section (rankings).
 */
/* Alinha com o padding horizontal do .container (Bootstrap 5: metade de --bs-gutter-x) */
main.container .rapidos-page-hero {
    --trp-side: calc(var(--bs-gutter-x, 1.5rem) * 0.5);
    margin-left: calc(-1 * var(--trp-side));
    margin-right: calc(-1 * var(--trp-side));
    width: auto;
    max-width: none;
    padding: 3.25rem 0 3.5rem;
    border-radius: 0 0 2rem 2rem;
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
    box-sizing: border-box;
    position: relative;
    z-index: 0;
}
main.container .rapidos-page-hero .container {
    /* Mantém o alinhamento do conteúdo com a grelha Bootstrap */
    max-width: 1320px;
}

/* Landing: faixa verde “Torneios Rápidos” (já usa .hero-section) — mais altura e presença */
main.container .hero-section.torneios-rapidos-landing-hero {
    padding-top: 4.75rem;
    padding-bottom: 5rem;
}

@media (max-width: 767.98px) {
    main.container .rapidos-page-hero {
        padding: 2.5rem 0 2.75rem;
        border-radius: 0 0 1.5rem 1.5rem;
    }
    main.container .hero-section.torneios-rapidos-landing-hero {
        padding-top: 3rem;
        padding-bottom: 3.25rem;
    }
}