.hero-media-wrap {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.35), 0 8px 20px rgba(0, 0, 0, 0.22);
    aspect-ratio: 4 / 3;
    max-height: 520px;
    background-color: #000;
}

.hero-media-wrap .swiper,
.hero-media-wrap .swiper-wrapper,
.hero-media-wrap .swiper-slide {
    height: 100%;
}

.hero-media-wrap .swiper-slide {
    position: relative;
}

.hero-media-wrap .swiper-slide img,
.hero-media-wrap video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.hero-slide-badge {
    position: absolute;
    bottom: 14px;
    left: 14px;
    z-index: 2;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28);
    pointer-events: none;
}

@media (max-width: 991px) {
    .home-hero-portada > .container {
        height: auto !important;
        min-height: 0;
        padding-top: 0.25rem;
        padding-bottom: 5.5rem;
    }

    .home-hero-portada .hero-brand-logo {
        max-width: 220px;
    }

    .home-hero-portada .hero-media-wrap {
        max-height: min(360px, 55vh);
    }
}

@media (max-width: 575px) {
    .home-hero-portada .hero-media-wrap {
        max-height: min(280px, 50vh);
    }
}