/* Fondo fijo global (panel, clubes, etc.) — no aplica a landing pública */

.app-body .main-content {
    position: relative;
    background-color: #0a0a0c;
}

.app-body .main-content::before {
    content: '';
    position: fixed;
    top: 4rem;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-image: url('/images/landing/court-hero.png');
    background-size: cover;
    background-position: center 42%;
    background-repeat: no-repeat;
    opacity: 0.28;
    pointer-events: none;
}

.app-body .main-content::after {
    content: '';
    position: fixed;
    top: 4rem;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background:
        linear-gradient(
            180deg,
            rgba(10, 10, 12, 0.62) 0%,
            rgba(10, 10, 12, 0.82) 45%,
            rgba(10, 10, 12, 0.92) 100%
        ),
        radial-gradient(ellipse 80% 55% at 70% 15%, rgba(125, 20, 22, 0.12), transparent 50%);
    pointer-events: none;
}

@media (min-width: 769px) {
    .app-body .main-content::before,
    .app-body .main-content::after {
        left: 240px;
    }
}

.app-body .main-content > * {
    position: relative;
    z-index: 1;
}