/* IAGO GAMES V15 - CORRECAO VISUAL */

.hero,
.release-feature {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    background: #23092e !important;
}

.hero {
    height: clamp(430px,32vw,520px) !important;
}

.release-feature {
    min-height: 460px !important;
}

/* Fundos panoramicos desfocados */

.hero-scene,
.release-feature-bg {
    position: absolute !important;
    inset: 0 !important;
    overflow: hidden !important;
    z-index: 0 !important;
    background-image: none !important;
    background-color: #23092e !important;
    transform: none !important;
    animation: none !important;
    filter: none !important;
}

.hero-scene::before,
.release-feature-bg::before {
    content: "";
    position: absolute;
    inset: -35px;
    z-index: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: blur(23px) brightness(.58) saturate(1.3);
    transform: scale(1.06);
    pointer-events: none;
}

.hero-scene::before {
    background-image:
      url("assets/gta/rockstar-home.jpg");
}

.release-feature-bg::before {
    background-image:
      url("assets/gta/rockstar-lancamentos.jpg");
}

/* Arte oficial inteira em primeiro plano */

.hero-scene .gta-picture,
.release-feature-bg .gta-picture {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    transform: none !important;
}

.gta-picture img {
    display: block !important;
    width: auto !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
    animation: none !important;
    filter: none !important;
    opacity: 1 !important;
    -webkit-mask-image:
      linear-gradient(90deg,
        transparent 0%,
        black 6%,
        black 94%,
        transparent 100%);
    mask-image:
      linear-gradient(90deg,
        transparent 0%,
        black 6%,
        black 94%,
        transparent 100%);
}

/* Iluminacao e contraste */

.hero-haze {
    z-index: 2 !important;
    pointer-events: none;
    background: linear-gradient(
      0deg,
      rgba(22,3,29,.48),
      transparent 40%
    ) !important;
}

.hero-copy {
    position: relative !important;
    z-index: 5 !important;
    justify-content: flex-end !important;
    padding-bottom: 30px !important;
}

.release-feature-content {
    position: relative !important;
    z-index: 5 !important;
    min-height: 460px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    padding-bottom: 35px !important;
}

/* Preservar botao e informacoes */

.hero-copy .button,
.release-feature-content .button {
    position: relative;
    z-index: 6;
}

.release-feature::before {
    background: linear-gradient(
      0deg,
      rgba(25,3,34,.55),
      transparent 50%
    ) !important;
}

/* Adaptacao para celulares */

@media(max-width:650px) {
    .hero {
        height: 490px !important;
    }

    .release-feature {
        min-height: 490px !important;
    }

    .release-feature-content {
        min-height: 490px !important;
        padding: 20px 20px 28px !important;
    }

    .gta-picture img {
        width: auto !important;
        height: 100% !important;
        -webkit-mask-image: none !important;
        mask-image: none !important;
    }

    .hero-copy {
        padding-bottom: 25px !important;
    }
}

@media(prefers-reduced-motion:reduce) {
    .hero-particles,
    .gta-picture img {
        animation: none !important;
    }
}