/* templates/core/club_esqui.html */

.hero-section.hero-section-spacing {
    /* Offset bajo navbar fijo (--navbar-h lo fija JS en base.html) */
    margin-top: var(--navbar-h, 76px);
    padding: clamp(2.5rem, 5vw, 4rem) 0 clamp(2rem, 4vw, 3.5rem);
    min-height: min(60vh, 560px);
    display: flex;
    align-items: center;
    overflow: hidden;
    background: var(--brand-dark, #0f172a);
}

.hero-bg-picture {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.hero-bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 35%;
}

@media (max-width: 767.98px) {
    .hero-section.hero-section-spacing {
        margin-top: var(--navbar-h, 102px);
        padding: 2rem 0 2.5rem;
        min-height: 0;
    }
}