/* Banner de cabecera para Descargas y Ranking (imagen: assets/banners/descarga-banner.webp) */
.page-banner {
    position: relative; z-index: 1;
    min-height: 240px; padding: 48px 6vw;
    display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;
    background:
        linear-gradient(180deg, rgba(8,6,15,.25) 0%, rgba(8,6,15,.1) 40%, #08060f 100%),
        url('/assets/banners/descarga-banner.webp') center / cover;
}
.page-banner h1 {
    font-family: 'Cinzel', serif;
    font-size: clamp(2.2rem, 5vw, 3.4rem);
    font-weight: 900; letter-spacing: .02em; line-height: 1.1; margin: 0 0 8px;
    background: linear-gradient(135deg, #fff 0%, #f0e6ff 40%, #fbbf24 100%);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
    filter: drop-shadow(0 4px 24px rgba(0,0,0,.8));
}
.page-banner p { color: #d8cdf0; margin: 0; font-size: 16px; text-shadow: 0 2px 14px #000; }
.page-banner + .main-container, .page-banner + .ranking-section { padding-top: 40px; }
@media (max-width: 700px) { .page-banner { min-height: 190px; padding: 32px 18px; } }