/* Home — hero: boneco dentro do backdrop; partículas canvas fora (podem vazar) */

.mu-home-cine {
    position: relative;
    margin: 0 0 1.25rem;
    min-height: min(62vh, 620px);
    border-radius: 14px;
    overflow: visible;
    background: transparent;
    z-index: auto;
    isolation: auto;
}

@media (min-width: 961px) {
    /* Desktop fixo: evita variar altura/posição entre PC e notebook */
    .mu-home-cine {
        min-height: 620px;
    }

    .mu-home-cine__hero {
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
    }

    .mu-home-cine__stage {
        min-height: 620px;
        align-items: start;
        padding-top: 2rem;
        padding-bottom: 1rem;
    }

    .mu-home-cine__col--center,
    .mu-home-cine__col--right {
        min-height: 480px;
    }

    .mu-home-cine__col--left {
        justify-content: flex-start;
        padding-top: 5rem;
    }

    .mu-home-cine__col--right {
        align-self: start;
        justify-content: flex-start;
        padding-top: 8.25rem;
        padding-bottom: 0;
    }
}

@media (max-width: 960px) {
    .mu-home__atmosphere {
        width: 100%;
        left: 0;
        transform: none;
    }
}

/* Home: largura total da tela, encostado na navbar (desktop) */
@media (min-width: 961px) {
    .mu-wrap--home .mu-home-cine {
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        margin-top: 0;
        border-radius: 0;
    }
}

.mu-wrap--home .mu-home-cine {
    margin-top: 0;
    border-radius: 0;
}

@media (max-width: 960px) {
    .mu-wrap--home .mu-home-cine {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

.mu-wrap--home .mu-home-cine__backdrop {
    border-radius: 0;
    background: transparent;
    pointer-events: none;
    isolation: isolate;
    /* Permite o personagem ultrapassar o topo do hero sem ser recortado pela navbar */
    overflow: visible;
    /* Abaixo da navbar (logo) — o boneco fica acima via .mu-home-cine__figure */
    z-index: 80;
}

/* Imagem de fundo única em .mu-home__atmosphere (evita corte escuro no bento) */
.mu-wrap--home .mu-home-cine__bg {
    display: none;
}

.mu-wrap--home .mu-home-cine__vignette {
    background:
        linear-gradient(0deg, rgba(2, 6, 16, 0.18) 0%, transparent 50%),
        linear-gradient(180deg, rgba(2, 6, 16, 0.22) 0%, transparent 20%);
}

.mu-home-cine__backdrop {
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: inherit;
    overflow: visible;
    background: #02060e;
    pointer-events: none;
}

.mu-home-cine__bg {
    position: absolute;
    inset: -2%;
    z-index: 0;
    background: url('../assets/mu/home-hero-bg.jpg') center 40% / cover no-repeat;
    transform: scale(1.06) translateZ(0);
    backface-visibility: hidden;
    will-change: transform;
    animation: mu-cine-bg-drift 52s linear infinite;
}

@keyframes mu-cine-bg-drift {
    0% {
        transform: scale(1.06) translate3d(0, 0, 0);
    }

    33% {
        transform: scale(1.085) translate3d(-0.4%, 0.25%, 0);
    }

    66% {
        transform: scale(1.1) translate3d(0.35%, -0.2%, 0);
    }

    100% {
        transform: scale(1.06) translate3d(0, 0, 0);
    }
}

.mu-home-cine__vignette {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(90deg, transparent 0%, rgba(2, 6, 16, 0.12) 38%, rgba(2, 6, 16, 0.82) 68%, rgba(2, 6, 16, 0.92) 100%),
        linear-gradient(0deg, rgba(2, 6, 16, 0.65) 0%, transparent 42%),
        linear-gradient(180deg, rgba(2, 6, 16, 0.3) 0%, transparent 20%);
}

/* Tempestade — desktop (CSS puro, GPU-friendly) */
.mu-home-cine__storm {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    overflow: hidden;
    mix-blend-mode: normal;
}

.mu-home-cine__storm-clouds {
    position: absolute;
    inset: -15% -10%;
    background:
        radial-gradient(ellipse 55% 40% at 22% 18%, rgba(18, 28, 52, 0.75), transparent 70%),
        radial-gradient(ellipse 50% 38% at 78% 22%, rgba(12, 22, 48, 0.65), transparent 68%),
        radial-gradient(ellipse 70% 45% at 50% 8%, rgba(8, 14, 32, 0.55), transparent 72%);
    opacity: 0.85;
    animation: mu-cine-storm-clouds 38s ease-in-out infinite;
}

@keyframes mu-cine-storm-clouds {
    0%, 100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(2%, 1%, 0);
    }
}

.mu-home-cine__storm-rain {
    position: absolute;
    inset: -10% 0 0;
    opacity: 0.3;
    background-image: repeating-linear-gradient(
        108deg,
        transparent 0,
        transparent 2px,
        rgba(160, 190, 230, 0.04) 2px,
        rgba(200, 220, 255, 0.13) 3px
    );
    background-size: 62px 125px;
    animation: mu-cine-storm-rain 0.52s linear infinite;
}

@keyframes mu-cine-storm-rain {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 34px 125px;
    }
}

.mu-home-cine__storm-flash {
    position: absolute;
    inset: 0;
    opacity: 0;
    background: radial-gradient(ellipse 75% 55% at 32% 18%, rgba(190, 220, 255, 0.52), transparent 68%);
    animation: mu-cine-storm-flash-a 8s ease-out infinite;
}

.mu-home-cine__storm-flash--b {
    background: radial-gradient(ellipse 60% 45% at 68% 12%, rgba(170, 200, 255, 0.44), transparent 65%);
    animation: mu-cine-storm-flash-b 8s ease-out infinite;
    animation-delay: 2.65s;
}

.mu-home-cine__storm-flash--c {
    background: radial-gradient(ellipse 90% 40% at 48% 8%, rgba(220, 235, 255, 0.32), transparent 72%);
    animation: mu-cine-storm-flash-c 8s ease-out infinite;
    animation-delay: 5.3s;
}

/* Meio-termo: ~1 relâmpago a cada 2,5–4s (3 camadas, ciclo 8s) */
@keyframes mu-cine-storm-flash-a {
    0%, 86%, 100% {
        opacity: 0;
    }

    87% {
        opacity: 0.78;
    }

    87.8% {
        opacity: 0.12;
    }

    88.5% {
        opacity: 0.42;
    }

    89.2% {
        opacity: 0;
    }
}

@keyframes mu-cine-storm-flash-b {
    0%, 86%, 100% {
        opacity: 0;
    }

    87% {
        opacity: 0.62;
    }

    88% {
        opacity: 0.1;
    }

    89% {
        opacity: 0.34;
    }

    90% {
        opacity: 0;
    }
}

@keyframes mu-cine-storm-flash-c {
    0%, 87%, 100% {
        opacity: 0;
    }

    88% {
        opacity: 0.58;
    }

    89% {
        opacity: 0.35;
    }

    90% {
        opacity: 0;
    }
}

/* Névoa — só transform (opacidade fixa = sem piscar com blur) */
.mu-home-cine__fog {
    position: absolute;
    inset: -20%;
    z-index: 3;
    pointer-events: none;
    filter: blur(28px);
    backface-visibility: hidden;
    will-change: transform;
}

.mu-home-cine__fog--1 {
    opacity: 0.42;
    background: radial-gradient(ellipse 70% 55% at 38% 38%, rgba(70, 120, 180, 0.38), transparent 68%);
    animation: mu-cine-fog-a 36s ease-in-out infinite;
}

.mu-home-cine__fog--2 {
    opacity: 0.32;
    background: radial-gradient(ellipse 60% 50% at 72% 42%, rgba(55, 95, 150, 0.32), transparent 62%);
    animation: mu-cine-fog-b 48s ease-in-out infinite;
}

.mu-home-cine__fog--3 {
    opacity: 0.28;
    background: radial-gradient(ellipse 55% 45% at 52% 72%, rgba(45, 80, 130, 0.28), transparent 58%);
    animation: mu-cine-fog-c 42s ease-in-out infinite;
}

@keyframes mu-cine-fog-a {
    0%, 100% {
        transform: translate3d(0, 0, 0) scale(1);
    }

    50% {
        transform: translate3d(-2.5%, 1.5%, 0) scale(1.05);
    }
}

@keyframes mu-cine-fog-b {
    0%, 100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(3%, -2%, 0);
    }
}

@keyframes mu-cine-fog-c {
    0%, 100% {
        transform: translate3d(1.5%, 0.5%, 0);
    }

    50% {
        transform: translate3d(-1.5%, -1.5%, 0);
    }
}

@media (max-width: 900px) {
    .mu-home-cine__storm-rain,
    .mu-home-cine__storm-flash {
        display: none;
    }

    .mu-home-cine__storm-clouds {
        opacity: 0.45;
        animation-duration: 52s;
    }
}

/* Partículas — fora do backdrop, podem ultrapassar o banner */
.mu-home-cine__canvas {
    position: absolute;
    inset: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 1;
    mix-blend-mode: normal;
}

/* Home: navbar acima do glow; boneco acima do fundo da nav (desktop) */
.mu-body--home:not(.mu-body--home-mobile) #mu-chrome-nav {
    position: relative;
    z-index: 90 !important;
    overflow: visible !important;
    clip-path: none;
}

.mu-body--home .mu-home-cine {
    position: relative;
    z-index: auto;
}

/* Personagem — centro do hero (tamanho/posição ajustados p/ charnovo.png) */
.mu-home-cine__figure {
    position: absolute;
    top: -8px;
    left: 50%;
    right: auto;
    bottom: 0;
    z-index: 300 !important;
    width: min(40vw, 680px);
    max-width: 680px;
    height: 100%;
    margin: 0;
    transform: translate(-50%, calc(97% - 148px));
    overflow: visible;
    pointer-events: none;
    user-select: none;
}

.mu-home-cine__col--left,
.mu-home-cine__col--right {
    position: relative;
    z-index: 400 !important;
}

.mu-home-cine__char-aura {
    display: none;
}

@keyframes mu-cine-aura {
    0%, 100% {
        opacity: 0.6;
        transform: translateX(-50%) scale(1);
    }

    50% {
        opacity: 1;
        transform: translateX(-50%) scale(1.1);
    }
}

.mu-home-cine__char-float {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: visible;
    background: none;
    border: none;
    box-shadow: none;
    animation: mu-cine-char-float 6s ease-in-out infinite;
    will-change: transform;
}

.mu-home-cine__char-stage {
    position: relative;
    display: block;
    line-height: 0;
    z-index: 2;
    transform: scale(0.62);
    transform-origin: bottom center;
    transition: transform 0.4s ease-out;
}

@keyframes mu-cine-char-float {
    0%, 100% {
        transform: translateY(0) scale(1);
    }

    50% {
        transform: translateY(-14px) scale(1.02);
    }
}

.mu-home-cine__char-visual {
    position: relative;
    display: inline-block;
    line-height: 0;
}

.mu-home-cine__char-img {
    display: block;
    width: auto;
    height: 119%;
    max-width: none;
    min-width: 95%;
    max-height: none;
    object-fit: cover;
    object-position: center 8%;
    filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.45));
}

/* Brilho só dentro da silhueta do PNG */
.mu-home-cine__char-fx {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    -webkit-mask-image: var(--mu-char-mask);
    mask-image: var(--mu-char-mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.mu-home-cine__char-shine {
    position: absolute;
    inset: -30% -50%;
    background: linear-gradient(
        110deg,
        transparent 40%,
        rgba(120, 180, 240, 0.04) 46%,
        rgba(190, 225, 255, 0.1) 50%,
        rgba(120, 180, 240, 0.04) 54%,
        transparent 60%
    );
    background-size: 240% 100%;
    mix-blend-mode: screen;
    opacity: 0.32;
    animation: mu-cine-armor-shine 6.2s ease-in-out infinite;
}

.mu-home-cine__staff-fire,
.mu-home-cine__char-sparks {
    display: block;
}

@keyframes mu-cine-armor-shine {
    0% {
        background-position: 120% 0;
        opacity: 0.25;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        background-position: -30% 0;
        opacity: 0.25;
    }
}

/* Chamas azuis na ponta do cajado */
.mu-home-cine__staff-fire {
    position: absolute;
    top: calc(8% - 100px);
    left: calc(57% + 110px);
    z-index: 8;
    width: 24%;
    height: 22%;
    pointer-events: none;
    transform: translate(-35%, -7%);
}

.mu-home-cine__staff-core {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36%;
    height: 36%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(255, 255, 255, 0.95) 0%,
        rgba(180, 235, 255, 0.55) 35%,
        rgba(60, 150, 255, 0.15) 62%,
        transparent 78%
    );
    filter: blur(3px);
    animation: mu-cine-staff-core 1.8s ease-in-out infinite;
}

.mu-home-cine__staff-heat {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 110%;
    height: 110%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(80, 190, 255, 0.35) 0%,
        rgba(40, 120, 255, 0.12) 55%,
        transparent 75%
    );
    filter: blur(16px);
    animation: mu-cine-staff-heat 1.4s ease-in-out infinite alternate;
}

.mu-home-cine__staff-burst {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    height: 55%;
    transform: translate(-50%, -65%);
    background: radial-gradient(ellipse at 50% 80%, rgba(200, 240, 255, 0.5) 0%, transparent 65%);
    filter: blur(6px);
    animation: mu-cine-staff-burst 1.2s ease-in-out infinite alternate;
}

.mu-home-cine__flame {
    position: absolute;
    bottom: 32%;
    left: 50%;
    width: 7px;
    height: 24px;
    margin-left: -3px;
    border-radius: 45% 45% 40% 40%;
    background: linear-gradient(
        to top,
        transparent 0%,
        rgba(20, 90, 220, 0.25) 18%,
        rgba(70, 170, 255, 0.55) 45%,
        rgba(180, 230, 255, 0.75) 72%,
        rgba(255, 255, 255, 0.9) 100%
    );
    filter: blur(1px);
    box-shadow: 0 0 10px rgba(60, 160, 255, 0.45);
    transform-origin: 50% 92%;
    opacity: 0;
    animation: mu-cine-flame 0.95s ease-out infinite;
    animation-delay: calc(var(--f-i) * 0.11s);
}

.mu-home-cine__flame:nth-child(4) { --f-rot: -32deg; --f-x: -20px; --f-sx: 0.85; }
.mu-home-cine__flame:nth-child(5) { --f-rot: -18deg; --f-x: -11px; --f-sx: 0.95; }
.mu-home-cine__flame:nth-child(6) { --f-rot: -6deg; --f-x: -3px; --f-sx: 1; }
.mu-home-cine__flame:nth-child(7) { --f-rot: 8deg; --f-x: 6px; --f-sx: 1.05; }
.mu-home-cine__flame:nth-child(8) { --f-rot: 22deg; --f-x: 14px; --f-sx: 0.9; }
.mu-home-cine__flame:nth-child(9) { --f-rot: 34deg; --f-x: 22px; --f-sx: 0.8; }
.mu-home-cine__flame:nth-child(10) { --f-rot: -42deg; --f-x: -16px; height: 18px; width: 6px; }
.mu-home-cine__flame:nth-child(11) { --f-rot: 38deg; --f-x: 18px; height: 18px; width: 6px; }
.mu-home-cine__flame:nth-child(12) { --f-rot: -12deg; --f-x: -6px; height: 20px; }
.mu-home-cine__flame:nth-child(13) { --f-rot: 14deg; --f-x: 9px; height: 19px; }
.mu-home-cine__flame:nth-child(14) { --f-rot: 0deg; --f-x: 0px; height: 26px; width: 8px; margin-left: -4px; }
.mu-home-cine__flame:nth-child(15) { --f-rot: -24deg; --f-x: -8px; height: 16px; width: 5px; }
.mu-home-cine__flame:nth-child(16) { --f-rot: 26deg; --f-x: 11px; height: 17px; width: 5px; }
.mu-home-cine__flame:nth-child(17) { --f-rot: 4deg; --f-x: 2px; height: 22px; width: 6px; }

@keyframes mu-cine-staff-core {
    0%, 100% {
        transform: translate(-50%, -50%) scale(0.95);
        opacity: 0.85;
    }

    50% {
        transform: translate(-50%, -50%) scale(1.2);
        opacity: 1;
    }
}

@keyframes mu-cine-staff-heat {
    0% {
        transform: translate(-50%, -50%) scale(0.88);
        opacity: 0.55;
    }

    100% {
        transform: translate(-50%, -50%) scale(1.15);
        opacity: 0.9;
    }
}

@keyframes mu-cine-staff-burst {
    0% {
        transform: translate(-50%, -65%) scale(0.9);
        opacity: 0.45;
    }

    100% {
        transform: translate(-50%, -65%) scale(1.08);
        opacity: 0.85;
    }
}

@keyframes mu-cine-flame {
    0% {
        opacity: 0;
        transform: translateX(var(--f-x, 0)) rotate(var(--f-rot, 0deg)) scale(var(--f-sx, 1), 0.35) translateY(8px);
    }

    20% {
        opacity: 0.95;
    }

    55% {
        transform: translateX(calc(var(--f-x, 0px) + 2px)) rotate(calc(var(--f-rot, 0deg) + 4deg)) scale(calc(var(--f-sx, 1) * 1.15), 0.85) translateY(-14px);
        opacity: 0.85;
    }

    100% {
        opacity: 0;
        transform: translateX(var(--f-x, 0)) rotate(var(--f-rot, 0deg)) scale(calc(var(--f-sx, 1) * 0.75), 1.2) translateY(-34px);
    }
}

.mu-home-cine__char-sparks {
    position: absolute;
    inset: 8% 5% 20%;
    z-index: 6;
    pointer-events: none;
    mix-blend-mode: darken;
}

.mu-home-cine__spark {
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #000;
    box-shadow: none;
    opacity: 0;
    animation: mu-cine-spark 2.8s ease-out infinite;
    animation-delay: calc(var(--s-i) * 0.26s);
}

.mu-home-cine__spark:nth-child(1) { top: 15%; left: 20%; }
.mu-home-cine__spark:nth-child(2) { top: 35%; left: 75%; }
.mu-home-cine__spark:nth-child(3) { top: 55%; left: 30%; }
.mu-home-cine__spark:nth-child(4) { top: 25%; left: 50%; }
.mu-home-cine__spark:nth-child(5) { top: 70%; left: 60%; }
.mu-home-cine__spark:nth-child(6) { top: 45%; left: 10%; }
.mu-home-cine__spark:nth-child(7) { top: 60%; left: 85%; }
.mu-home-cine__spark:nth-child(8) { top: 20%; left: 65%; }
.mu-home-cine__spark:nth-child(9) { top: 75%; left: 35%; }
.mu-home-cine__spark:nth-child(10) { top: 40%; left: 45%; }
.mu-home-cine__spark:nth-child(11) { top: 50%; left: 70%; }
.mu-home-cine__spark:nth-child(12) { top: 30%; left: 25%; }

@keyframes mu-cine-spark {
    0% {
        opacity: 0;
        transform: scale(0.35) translateY(4px);
    }

    18% {
        opacity: 1;
        transform: scale(1.15) translateY(-6px);
    }

    100% {
        opacity: 0;
        transform: scale(0.25) translateY(-42px);
    }
}

/* Grade simétrica: esquerda | vão central (boneco) | direita */
.mu-home-cine__stage {
    position: relative;
    z-index: 400 !important;
    display: grid;
    grid-template-columns: minmax(0, 320px) minmax(200px, 1fr) minmax(0, 320px);
    gap: 0.85rem clamp(1.25rem, 3vw, 2.25rem);
    align-items: center;
    max-width: var(--mu-home-max, min(1480px, calc(100vw - 2rem)));
    margin: 0 auto;
    padding: clamp(1.35rem, 2.5vw, 2rem) var(--mu-home-gutter, 1.5rem) clamp(0.65rem, 1.2vw, 1rem);
    min-height: min(62vh, 620px);
    box-sizing: border-box;
    pointer-events: none;
}

.mu-home-cine__stage a,
.mu-home-cine__stage button {
    pointer-events: auto;
}

.mu-home-cine__col {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 0;
}

.mu-home-cine__col--left {
    align-items: center;
    text-align: center;
    justify-content: center;
    gap: 0.65rem;
    padding-right: 0;
}

.mu-home-cine__left-cta {
    width: 100%;
    max-width: 440px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.45rem;
}

.mu-home-cine__col--center {
    min-height: min(52vh, 480px);
    pointer-events: none;
}

.mu-home-cine__col--right {
    align-items: stretch;
    align-self: end;
    justify-content: flex-end;
    gap: 0.4rem;
    min-height: min(52vh, 480px);
    padding-top: 2.4rem;
    padding-bottom: 0.15rem;
}

.mu-home-cine__season {
    display: inline-block;
    padding: 0.22rem 0.6rem;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #061018;
    background: linear-gradient(90deg, #ffc857, #ff9f1c);
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(255, 180, 60, 0.35);
}

.mu-home-cine__brand .mu-home-cine__season {
    margin: 0 0 0.4rem;
    align-self: center;
}

.mu-home-cine__brand {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 0.1rem 0 0.15rem;
    padding-top: 10px;
}

.mu-home-cine__brand-logo-wrap {
    margin: 0;
    padding: 0;
    line-height: 0;
    width: min(100%, 40.14rem);
    max-width: 40.14rem;
}

.mu-home-cine__brand-logo {
    display: block;
    width: 100%;
    height: auto;
    max-height: min(51.06vh, 365px);
    object-fit: contain;
    object-position: center;
    filter: drop-shadow(0 6px 24px rgba(40, 120, 200, 0.35));
}

.mu-home-cine__title {
    position: relative;
    margin: 0;
    padding: 0.2rem 0 0.15rem;
    line-height: 1;
    text-transform: uppercase;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mu-home-cine__title-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.mu-home-cine__title-glow {
    position: absolute;
    left: 50%;
    top: 8%;
    width: min(100%, 28rem);
    height: 125%;
    transform: translateX(-50%);
    pointer-events: none;
    background: radial-gradient(ellipse 70% 55% at 50% 40%, rgba(100, 180, 255, 0.38), transparent 68%);
    filter: blur(10px);
    z-index: 0;
}

.mu-home-cine__title-stack {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.1rem;
    width: 100%;
}

.mu-home-cine__title-mu,
.mu-home-cine__title-ultimate {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 0.05em;
    width: 100%;
}

.mu-home-cine__title-mu {
    margin: 0;
    padding-bottom: 0.02rem;
    font-size: clamp(1.85rem, 4.2vw, 2.65rem);
    letter-spacing: 0.08em;
    line-height: 1;
}

.mu-home-cine__title-ultimate {
    margin: 0;
    padding-bottom: 0.08em;
    font-size: clamp(2.1rem, 5vw, 3.35rem);
    letter-spacing: 0.09em;
    line-height: 0.95;
}

/* Cinzel Bold — bevel, glows e sombra (estilo PS) */
.mu-home-cine__glyph {
    --mu-glyph-fx:
        -1px -1px 0 rgba(255, 255, 255, 0.55),
        1px 1px 0 rgba(0, 0, 0, 0.85),
        0 1px 0 rgba(0, 0, 0, 0.75),
        0 2px 0 rgba(0, 0, 0, 0.65),
        0 3px 0 rgba(0, 0, 0, 0.55),
        0 4px 0 rgba(0, 0, 0, 0.45),
        0 5px 0 rgba(0, 0, 0, 0.38),
        0 6px 0 rgba(0, 0, 0, 0.32),
        0 8px 14px rgba(0, 0, 0, 0.9),
        0 0 6px #00d0f4,
        0 0 14px rgba(0, 208, 244, 0.75),
        0 0 28px rgba(0, 208, 244, 0.45),
        0 0 42px rgba(0, 208, 244, 0.28);
    position: relative;
    display: inline-block;
    font-family: 'Cinzel', Georgia, 'Times New Roman', serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
    transform: scale(var(--mu-glyph-scale, 1));
    transform-origin: bottom center;
    color: transparent;
    -webkit-text-fill-color: transparent;
    user-select: none;
}

.mu-home-cine__glyph::after {
    content: attr(data-char);
    position: absolute;
    left: 0;
    top: 0;
    font: inherit;
    font-weight: inherit;
    font-family: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: transparent;
    pointer-events: none;
    z-index: 1;
    text-shadow: var(--mu-glyph-fx);
}

.mu-home-cine__glyph::before {
    content: attr(data-char);
    position: absolute;
    left: 0;
    top: 0;
    font: inherit;
    font-weight: inherit;
    font-family: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: transparent;
    background-size: 100% 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    pointer-events: none;
    z-index: 2;
    filter:
        drop-shadow(0 -2px 1px rgba(255, 255, 255, 0.95))
        drop-shadow(0 -1px 0 rgba(255, 255, 255, 0.7))
        drop-shadow(0 1px 0 rgba(0, 0, 0, 0.35));
}

/* MU: de baixo (branco) → cima (amarelo metálico) */
.mu-home-cine__glyph--mu::before {
    background-image: linear-gradient(
        to top,
        #ffffff 0%,
        #fffef5 18%,
        #f5e6a8 42%,
        #e8c85a 68%,
        #c9a028 88%,
        #a88418 100%
    );
}

/* ULTIMATE: de baixo (branco) → cima (azul metálico) */
.mu-home-cine__glyph--ultimate::before {
    background-image: linear-gradient(
        to top,
        #ffffff 0%,
        #f0f8ff 16%,
        #c8e8ff 38%,
        #7eb8e8 62%,
        #4a90c8 82%,
        #2a6090 100%
    );
}

/* Arco: pontas descem, meio sobe */
.mu-home-cine__title-ultimate .mu-home-cine__glyph--ultimate:nth-child(1),
.mu-home-cine__title-ultimate .mu-home-cine__glyph--ultimate:nth-child(8) {
    transform: scale(var(--mu-glyph-scale, 1)) translateY(0.14em);
}

.mu-home-cine__title-ultimate .mu-home-cine__glyph--ultimate:nth-child(2),
.mu-home-cine__title-ultimate .mu-home-cine__glyph--ultimate:nth-child(7) {
    transform: scale(var(--mu-glyph-scale, 1)) translateY(0.08em);
}

.mu-home-cine__title-ultimate .mu-home-cine__glyph--ultimate:nth-child(3),
.mu-home-cine__title-ultimate .mu-home-cine__glyph--ultimate:nth-child(6) {
    transform: scale(var(--mu-glyph-scale, 1)) translateY(0.035em);
}

.mu-home-cine__title-ultimate .mu-home-cine__glyph--ultimate:nth-child(4),
.mu-home-cine__title-ultimate .mu-home-cine__glyph--ultimate:nth-child(5) {
    transform: scale(var(--mu-glyph-scale, 1)) translateY(-0.11em);
}

@media (max-width: 960px) {
    .mu-home-cine__title-mu {
        font-size: clamp(1.65rem, 5.5vw, 2.25rem);
    }

    .mu-home-cine__title-ultimate {
        font-size: clamp(1.9rem, 6.5vw, 2.85rem);
    }
}

.mu-home-cine__tagline {
    margin: 0.2rem 0 0;
    width: 100%;
    text-align: center;
    font-size: clamp(0.72rem, 1.15vw, 0.88rem);
    font-weight: 600;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: rgba(190, 220, 255, 0.98);
    text-shadow:
        1px 0 0 #000,
        -1px 0 0 #000,
        0 1px 0 #000,
        0 -1px 0 #000,
        0 2px 6px rgba(0, 0, 0, 0.65),
        0 0 14px rgba(50, 130, 220, 0.35);
}

/* Rates em linha — estilo foto 2 */
.mu-home-cine__rates {
    list-style: none;
    margin: 0.35rem 0 0.5rem;
    padding: 0;
    display: flex;
    gap: 0.75rem 1.1rem;
    width: 100%;
    max-width: 100%;
    justify-content: center;
}

.mu-home-cine__rates--row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem 0.85rem;
    align-items: start;
    justify-items: center;
    width: 100%;
    box-sizing: border-box;
}

.mu-home-cine__rate {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    text-align: center;
    padding: 0;
    border: none;
    background: none;
    backdrop-filter: none;
}

.mu-home-cine__rate-img {
    display: block;
    width: 3.25rem;
    height: 3.25rem;
    object-fit: contain;
    object-position: center;
    background: transparent;
    mix-blend-mode: normal;
    filter: saturate(1.18) contrast(1.1) brightness(1.05);
}

.mu-home-cine__rate-img--drop,
.mu-home-cine__rate-img[src*="Icones_52"] {
    filter: saturate(1.42) contrast(1.18) brightness(1.12);
}

.mu-home-cine__rate-icon {
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    border: 1px solid rgba(255, 200, 100, 0.5);
    background:
        radial-gradient(circle at 35% 28%, rgba(255, 235, 180, 0.95), rgba(210, 160, 70, 0.4) 42%, rgba(50, 38, 12, 0.9) 100%);
    box-shadow: 0 0 14px rgba(255, 190, 80, 0.3);
}

.mu-home-cine__rate-icon--drop {
    border-radius: 8px;
    transform: rotate(45deg) scale(0.92);
}

.mu-home-cine__rate-icon--reset {
    border-radius: 6px;
    width: 2.35rem;
    height: 2.15rem;
}

.mu-home-cine__rate-text {
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
    line-height: 1.1;
    width: 100%;
    min-width: 0;
    align-items: center;
}

.mu-home-cine__rate-text strong,
.mu-home-cine__rate-text small {
    max-width: 100%;
    overflow-wrap: anywhere;
    text-shadow:
        1px 0 0 #000,
        -1px 0 0 #000,
        0 1px 0 #000,
        0 -1px 0 #000;
}

.mu-home-cine__rate-text strong {
    font-family: var(--mu-font-display);
    font-size: clamp(0.72rem, 2.6vw, 0.95rem);
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: none;
    color: #fff;
    text-shadow:
        1px 0 0 #000,
        -1px 0 0 #000,
        0 1px 0 #000,
        0 -1px 0 #000,
        0 1px 8px rgba(0, 0, 0, 0.45);
}

.mu-home-cine__rate:last-child .mu-home-cine__rate-text strong {
    font-size: clamp(0.66rem, 2.2vw, 0.82rem);
    letter-spacing: 0.02em;
}

.mu-home-cine__rate-text small {
    font-size: 0.6rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: rgba(170, 210, 245, 0.85);
}

.mu-home-cine__actions {
    display: flex;
    gap: 0.65rem;
    width: 100%;
    max-width: 100%;
    margin-top: 0.35rem;
    justify-content: center;
}

.mu-home-cine__actions--row {
    flex-direction: row;
    flex-wrap: nowrap;
}

.mu-home-cine__actions--row .mu-home-cine__btn {
    flex: 1 1 9.5rem;
    min-width: 0;
    width: auto;
    justify-content: center;
    text-align: center;
    padding: 0.72rem 1rem;
    font-size: 0.76rem;
    letter-spacing: 0.06em;
    border-radius: 8px;
}

.mu-home-cine__login-hint {
    margin: 0.15rem 0 0;
    font-size: 0.72rem;
    color: var(--mu-text-muted);
    text-align: center;
    width: 100%;
}

.mu-home-cine__login-link {
    padding: 0;
    border: none;
    background: none;
    font: inherit;
    font-weight: 600;
    color: rgba(160, 210, 255, 0.9);
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.mu-home-cine__login-link:hover {
    color: #fff;
}

.mu-home-cine__btn--primary {
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #f0f8ff !important;
    border: 1px solid rgba(170, 220, 255, 0.65) !important;
    background: linear-gradient(180deg, #7ec0f0 0%, #3d85c4 48%, #245a8f 100%) !important;
    box-shadow:
        0 0 22px rgba(80, 160, 255, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.28);
    color: #fff !important;
}

.mu-home-cine__btn--gold {
    background: linear-gradient(180deg, #f2d06a 0%, #d4a82a 45%, #9a7018 100%) !important;
    border: 1px solid rgba(255, 230, 170, 0.75) !important;
    color: #fff !important;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    box-shadow:
        0 0 20px rgba(220, 170, 60, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

.mu-home-cine__btn--gold:hover {
    filter: brightness(1.08);
    color: #000 !important;
}

.mu-home-cine__actions--row .mu-home-cine__btn:hover {
    color: #000 !important;
}

.mu-home-cine__btn--ghost {
    border-color: rgba(180, 220, 255, 0.35) !important;
}

.mu-home-cine__online {
    display: none;
}

/* —— Coluna direita: carrossel, evento, acesso rápido —— */
.mu-home-cine__carousel-head {
    margin: 0 0 0.35rem;
    text-align: center;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #e8c56a;
}

.mu-home-cine__carousel-wrap {
    width: 100%;
}

.mu-home-cine__carousel {
    position: relative;
    border-radius: 10px;
    border: 1px solid rgba(126, 184, 232, 0.35);
    background: rgba(4, 10, 22, 0.65);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.06);
    overflow: hidden;
}

.mu-home-cine__carousel .swiper {
    width: 100%;
    height: auto;
}

.mu-home-cine__carousel-slide {
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden;
}

.mu-home-cine__carousel-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.mu-home-cine__carousel-caption {
    position: absolute;
    inset: auto 0 0;
    padding: 0.65rem 0.75rem 0.7rem;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    background: linear-gradient(0deg, rgba(2, 6, 16, 0.92) 0%, transparent 100%);
    text-align: center;
}

.mu-home-cine__carousel-caption strong {
    font-family: var(--mu-font-display);
    font-size: 0.95rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #fff;
}

.mu-home-cine__carousel-caption span {
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(180, 220, 255, 0.8);
}

.mu-home-cine__carousel-arrow {
    position: absolute;
    top: 50%;
    z-index: 4;
    width: 1.75rem;
    height: 2.25rem;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(126, 184, 232, 0.45);
    border-radius: 4px;
    background: rgba(4, 12, 28, 0.75);
    color: #8ec5f0;
    transform: translateY(-50%);
    cursor: pointer;
    pointer-events: auto;
}

.mu-home-cine__carousel-arrow::after {
    font-size: 1.1rem;
    font-weight: 700;
}

.mu-home-cine__carousel-arrow--prev {
    left: 0.35rem;
}

.mu-home-cine__carousel-arrow--next {
    right: 0.35rem;
}

.mu-home-cine__carousel .swiper-horizontal > .swiper-pagination-bullets,
.mu-home-cine__carousel .swiper-pagination-bullets.swiper-pagination-horizontal {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    top: auto !important;
    width: 100% !important;
    margin: 0;
    padding: 0.45rem 0 0.55rem;
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
    transform: none !important;
    box-sizing: border-box;
}

.mu-home-cine__carousel .swiper-pagination {
    position: relative;
    padding: 0;
}

.mu-home-cine__carousel .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 !important;
    border: 1px solid rgba(126, 184, 232, 0.45);
    background: rgba(126, 184, 232, 0.28);
    opacity: 1;
    flex-shrink: 0;
}

.mu-home-cine__carousel .swiper-pagination-bullet-active {
    background: #5ed4e8;
    border-color: #8ee8f8;
    box-shadow: 0 0 10px rgba(94, 212, 232, 0.75);
    transform: none;
}

/* Próximo evento — fundo em arte; acento vem da imagem (--mu-event-accent*) */
.mu-home-cine__event-card {
    --mu-event-accent: #d4af37;
    --mu-event-accent-soft: rgba(212, 175, 55, 0.55);
    --mu-event-accent-glow: rgba(212, 175, 55, 0.4);
    position: relative;
    overflow: hidden;
    min-height: 5.5rem;
    border-radius: 10px;
    border: 1px solid var(--mu-event-accent-soft);
    box-shadow:
        0 8px 24px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 255, 255, 0.04) inset,
        0 0 18px var(--mu-event-accent-glow);
    transition: border-color .35s ease, box-shadow .35s ease;
}

.mu-home-cine__event-card__bg {
    position: absolute;
    inset: -1px;
    background-image: var(--mu-event-bg);
    background-size: cover;
    background-position: center left;
    background-repeat: no-repeat;
    opacity: 1;
    filter: saturate(1.08) contrast(1.04);
}

.mu-home-cine__event-card__shade {
    position: absolute;
    inset: 0;
    /* Sombra só à direita para legenda — arte à esquerda fica limpa */
    background:
        linear-gradient(90deg, rgba(6, 8, 14, 0.08) 0%, rgba(6, 8, 14, 0.28) 38%, rgba(6, 8, 14, 0.78) 68%, rgba(4, 6, 12, 0.9) 100%),
        linear-gradient(0deg, rgba(0, 0, 0, 0.18) 0%, transparent 48%);
    pointer-events: none;
}

.mu-home-cine__event-card__body {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
    padding: 0.7rem 0.85rem 0.65rem 42%;
    min-height: 5.5rem;
    justify-content: center;
}

.mu-home-cine__event-label {
    display: block;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #ffe29a;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.75);
}

.mu-home-cine__event-title {
    display: block;
    font-family: var(--mu-font-display);
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #fff;
    margin: 0.08rem 0;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.75);
}

.mu-home-cine__event-timer {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.04em;
    color: #fff6d8;
    text-shadow:
        0 0 12px var(--mu-event-accent-glow),
        0 2px 10px rgba(0, 0, 0, 0.8);
}

.mu-home-cine__event-hint {
    font-size: 0.62rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--mu-text-muted);
}

.mu-home-cine__quick {
    padding: 0.45rem 0.55rem;
    border-radius: 10px;
    border: 1px solid rgba(126, 184, 232, 0.28);
    background: rgba(6, 14, 28, 0.6);
    backdrop-filter: blur(8px);
}

.mu-home-cine__quick-title {
    display: block;
    margin-bottom: 0.3rem;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(126, 184, 232, 0.9);
}

.mu-home-cine__quick-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.25rem;
}

.mu-home-cine__quick-grid a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.28rem;
    padding: 0.32rem 0.38rem;
    font-size: 0.72rem;
    font-weight: 600;
    text-align: center;
    color: #e8f4fc;
    text-decoration: none;
    border-radius: 6px;
    border: 1px solid rgba(126, 184, 232, 0.2);
    background: rgba(8, 18, 36, 0.65);
    transition: border-color 0.2s, background 0.2s;
}

.mu-home-cine__quick-grid a:hover {
    border-color: rgba(126, 184, 232, 0.5);
    background: rgba(20, 40, 72, 0.75);
    color: #fff;
}

.mu-home-cine__quick-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 4px;
    font-size: 0.65rem;
    color: #5ed4e8;
    background: rgba(91, 159, 212, 0.15);
}

.mu-home-cine__online-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #6ee7b8;
    box-shadow: 0 0 8px #6ee7b8;
}

/* Sidebar — evento em destaque */
.mu-home-event-feature {
    position: relative;
    padding: 1rem 1.1rem;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(220, 80, 80, 0.35);
    background: linear-gradient(145deg, rgba(40, 12, 20, 0.7), rgba(12, 8, 24, 0.65));
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
}

.mu-home-event-feature__label {
    display: block;
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--mu-text-muted);
}

.mu-home-event-feature__title {
    display: block;
    margin-top: 0.2rem;
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
}

.mu-home-event-feature__timer {
    margin: 0.35rem 0 0;
    font-size: 0.88rem;
    font-weight: 600;
    color: #ff8a8a;
    font-variant-numeric: tabular-nums;
}

.mu-home-event-feature__glow {
    position: absolute;
    top: -30%;
    right: -20%;
    width: 70%;
    height: 90%;
    background: radial-gradient(circle, rgba(255, 60, 60, 0.35), transparent 68%);
    pointer-events: none;
    animation: mu-cine-aura 4s ease-in-out infinite;
}

/* Seções — estilo mockup */
.mu-home-section-head {
    margin-bottom: 0.35rem;
}

.mu-home-section-head__title {
    margin: 0 0 0.2rem;
    font-family: var(--mu-font-display);
    font-size: 1.15rem;
    font-weight: 700;
    color: #fff;
}

.mu-home-section-head__sub {
    margin: 0;
    font-size: 0.82rem;
    color: var(--mu-text-muted);
}

.mu-home-highlights--systems .mu-home-highlight {
    min-height: 118px;
    border-width: 1px;
}

.mu-home-highlight--dl {
    border-color: rgba(110, 200, 140, 0.35);
    background: linear-gradient(160deg, rgba(16, 48, 32, 0.55), rgba(8, 16, 28, 0.85));
}

.mu-home-highlight--rank {
    border-color: rgba(126, 184, 232, 0.35);
}

.mu-home-highlight--market {
    border-color: rgba(220, 180, 80, 0.35);
    background: linear-gradient(160deg, rgba(48, 36, 12, 0.45), rgba(8, 16, 28, 0.85));
}

.mu-home-highlight--info {
    border-color: rgba(140, 160, 255, 0.35);
}

.mu-panel--news .mu-panel__title {
    font-size: 1.05rem;
}

@media (max-width: 960px) {
    .mu-wrap--home {
        --mu-home-gutter: 1rem;
        --mu-home-section-gap: 1rem;
    }

    .mu-home {
        overflow-x: hidden;
    }

    .mu-wrap--home .mu-promo {
        width: auto;
        margin-left: var(--mu-home-gutter);
        margin-right: var(--mu-home-gutter);
    }

    .mu-home-cine {
        display: block;
        position: relative;
        align-items: stretch;
        min-height: 0;
        overflow: visible;
        margin-top: 0;
        margin-bottom: 1rem;
        --mu-cine-mobile-hero-top: 230px;
        --mu-cine-mobile-waist: calc(min(54vw, 320px) + 105px);
    }

    /* Camada de fundo — do topo do hero (antes só a partir da cintura = faixa preta em cima) */
    .mu-home-cine__hero {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        flex: none;
        width: 100%;
        min-height: 0;
        margin-top: 0;
        overflow: visible;
        pointer-events: none;
        z-index: 1;
    }

    .mu-home-cine__backdrop {
        display: block;
        position: absolute;
        inset: 0;
        z-index: 1;
        border-radius: 0;
        overflow: hidden;
        pointer-events: none;
    }

    /* Desktop usa z-index 80 no backdrop — no mobile precisa ficar ATRÁS do boneco e do stage */
    .mu-wrap--home .mu-home-cine__backdrop {
        z-index: 1 !important;
        isolation: auto;
        overflow: hidden;
        background: transparent;
    }

    .mu-wrap--home .mu-home-cine__bg {
        display: block !important;
        background-position: center 28% !important;
    }

    .mu-wrap--home .mu-home-cine__vignette {
        background:
            linear-gradient(0deg, rgba(2, 6, 16, 0.1) 0%, transparent 48%),
            linear-gradient(180deg, rgba(2, 6, 16, 0.14) 0%, transparent 22%);
    }

    .mu-home-cine__storm-clouds {
        opacity: 0.32;
    }

    .mu-home-cine__fog {
        opacity: 0.22;
    }

    .mu-home-cine__fog--1 { opacity: 0.28; }
    .mu-home-cine__fog--2 { opacity: 0.2; }
    .mu-home-cine__fog--3 { opacity: 0.16; }

    .mu-home-cine__canvas {
        display: none !important;
    }

    .mu-home-cine__figure {
        display: block !important;
        position: absolute !important;
        top: var(--mu-cine-mobile-hero-top);
        bottom: auto;
        left: 50%;
        right: auto;
        z-index: 300 !important;
        width: min(108vw, 620px);
        max-width: 620px;
        height: min(112vw, 580px);
        min-height: 480px;
        padding-top: 0;
        margin: 0;
        transform: translateX(-50%) !important;
        flex: none;
        overflow: visible;
        pointer-events: none;
        box-sizing: border-box;
    }

    .mu-body--home-mobile .mu-home,
    .mu-body--home-mobile .mu-wrap--home,
    .mu-body--home-mobile .mu-main {
        overflow: visible !important;
    }

    /* Empilhamento: fundo nav (1–3) → boneco (50+) → controles nav (500) */
    body.mu-body--home #mu-chrome-nav.mu-navbar {
        position: relative !important;
        top: auto !important;
        z-index: auto !important;
        isolation: auto !important;
        overflow: visible !important;
        pointer-events: none;
    }

    body.mu-body--home #mu-chrome-nav .mu-navbar__bg {
        z-index: 1 !important;
        pointer-events: none;
    }

    body.mu-body--home #mu-chrome-nav .mu-navbar__overlay {
        z-index: 2 !important;
        pointer-events: none;
    }

    body.mu-body--home #mu-chrome-nav .mu-navbar__ornament {
        z-index: 3 !important;
        pointer-events: none;
    }

    body.mu-body--home .mu-page {
        position: relative;
        z-index: 50 !important;
    }

    body.mu-body--home #mu-chrome-nav .mu-navbar__inner,
    body.mu-body--home #mu-chrome-nav .mu-navbar__end,
    body.mu-body--home #mu-chrome-nav .mu-brand,
    body.mu-body--home #mu-chrome-nav .mu-nav,
    body.mu-body--home #mu-chrome-nav .mu-nav-toggle,
    body.mu-body--home #mu-chrome-nav .mu-btn,
    body.mu-body--home #mu-chrome-nav .mu-notif-center,
    body.mu-body--home #mu-chrome-nav .mu-profile-menu {
        position: relative;
        z-index: 500 !important;
        pointer-events: auto;
    }

    .mu-home-cine__char-float {
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center;
        overflow: visible;
        animation: mu-cine-char-float-mobile 7s ease-in-out infinite;
    }

    .mu-home-cine__char-stage {
        transform: scale(1.52) !important;
        transform-origin: bottom center;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }

    .mu-home-cine__char-visual {
        display: block;
        width: 100%;
        height: 100%;
        line-height: 0;
    }

    .mu-home-cine__char-img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        max-height: 100% !important;
        object-fit: contain !important;
        object-position: center bottom !important;
    }

    .mu-home-cine__staff-fire,
    .mu-home-cine__char-sparks {
        display: none !important;
    }

    /* Conteúdo começa NA CINTURA do boneco (sobreposto), não embaixo dos pés */
    .mu-home-cine__stage {
        position: relative;
        z-index: 400 !important;
        flex: none;
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        min-height: 0;
        margin-top: 0;
        padding: var(--mu-cine-mobile-waist) var(--mu-home-gutter, 1rem) 0.85rem;
        box-sizing: border-box;
        pointer-events: auto;
    }

    body.mu-body--home-mobile .mu-home-cine {
        z-index: 410;
    }

    body.mu-body--home-mobile .mu-home-cine__stage a,
    body.mu-body--home-mobile .mu-home-cine__stage button {
        pointer-events: auto !important;
        touch-action: manipulation;
    }

    .mu-home-cine__col {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .mu-home-cine__brand {
        display: flex !important;
        order: 1;
        position: relative;
        z-index: 12;
        width: 100%;
        margin: 0 0 0.35rem;
        padding-top: 0;
    }

    .mu-home-cine__brand-logo-wrap {
        width: min(100%, 27.6rem);
        max-width: 100%;
    }

    .mu-home-cine__brand-logo {
        max-height: min(46vw, 265px);
        width: 100%;
        height: auto;
    }

    .mu-home-cine__col--left {
        order: 1;
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        align-items: stretch;
        text-align: center;
        position: relative;
        z-index: 12;
    }

    .mu-home-cine__col--left .mu-home-trailer-card {
        order: 3;
        margin: 0.65rem 0 0;
    }

    .mu-home-cine__col--right {
        order: 2;
        position: relative;
        z-index: 12;
        gap: 0.45rem;
        min-height: 0;
        padding-top: 0;
        justify-content: flex-start;
        align-items: stretch;
    }

    .mu-home-cine__left-cta {
        order: 2;
        position: relative;
        z-index: 12;
        width: 100%;
        max-width: none;
        margin-top: 0.15rem;
    }

    .mu-home-cine__rates,
    .mu-home-cine__rates--row {
        width: 100%;
        max-width: none;
    }

    .mu-home-cine__actions--row {
        width: 100%;
    }

    .mu-home-cine__col--center {
        display: none;
    }

    .mu-home-cine__actions,
    .mu-home-cine__rates {
        max-width: none;
    }

    .mu-home-cine__rates--row {
        gap: 0.45rem 0.35rem;
    }

    .mu-home-cine__actions--row .mu-home-cine__btn {
        flex: 1 1 calc(50% - 0.35rem);
        min-width: 0;
    }
}

@media (max-width: 560px) {
    .mu-home-cine__rates--row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.45rem 0.35rem;
    }

    .mu-home-cine__actions--row {
        flex-wrap: wrap;
    }

    .mu-home-cine__actions--row .mu-home-cine__btn {
        flex: 1 1 100%;
    }
}

@keyframes mu-cine-char-float-mobile {
    0%,
    100% {
        transform: translateY(0) scale(1);
    }

    50% {
        transform: translateY(-3px) scale(1.005);
    }
}

@media (max-width: 520px) {
    .mu-home-cine {
        --mu-cine-mobile-waist: calc(min(56vw, 310px) + 105px);
    }

    .mu-home-cine__stage {
        padding-bottom: 0.75rem;
    }

    .mu-home-cine__pills {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mu-home__atmosphere-bg {
        animation: none !important;
        transform: scale(1.06);
    }

    .mu-home-cine__bg,
    .mu-home-cine__storm-clouds,
    .mu-home-cine__storm-rain,
    .mu-home-cine__storm-flash,
    .mu-home-cine__fog,
    .mu-home-cine__char-float,
    .mu-home-cine__char-aura,
    .mu-home-cine__char-shine,
    .mu-home-cine__staff-core,
    .mu-home-cine__staff-heat,
    .mu-home-cine__staff-burst,
    .mu-home-cine__flame,
    .mu-home-cine__spark,
    .mu-home-event-feature__glow {
        animation: none !important;
    }

    .mu-home-cine__bg {
        transform: scale(1.06);
    }
}

/* Mobile: sem canvas de partículas; animações leves (visual mantido, menos CPU no reload) */
.mu-body--home-mobile .mu-home-cine__canvas {
    display: none !important;
}

@media (max-width: 900px) {
    .mu-body--home-mobile .mu-home-cine__fog,
    .mu-body--home-mobile .mu-home-cine__flame,
    .mu-body--home-mobile .mu-home-cine__spark,
    .mu-body--home-mobile .mu-home-cine__char-aura,
    .mu-body--home-mobile .mu-home-cine__char-shine,
    .mu-body--home-mobile .mu-home-cine__staff-core,
    .mu-body--home-mobile .mu-home-cine__staff-heat,
    .mu-body--home-mobile .mu-home-cine__staff-burst {
        animation: none !important;
    }

    .mu-body--home-mobile .mu-home-cine__char-float {
        animation: mu-cine-char-float-mobile 7s ease-in-out infinite !important;
    }
}

/* iOS Safari: carrossel nativo (sem Swiper), menos camadas decorativas */
.mu-body--home-ios-safari .mu-home-cine__fog,
.mu-body--home-ios-safari .mu-home-cine__staff-fire,
.mu-body--home-ios-safari .mu-home-cine__char-sparks {
    display: none !important;
}

.mu-body--home-ios-safari .mu-home-carousel--systems .swiper-wrapper {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 0.75rem;
    padding-bottom: 0.25rem;
}

.mu-body--home-ios-safari .mu-home-carousel--systems .swiper-slide {
    flex: 0 0 88%;
    scroll-snap-align: start;
    height: auto;
}

.mu-body--home-ios-safari .mu-home-carousel--systems .swiper-pagination,
.mu-body--home-ios-safari .mu-home-carousel--systems .mu-home-carousel__nav {
    display: none !important;
}

/* Live2D hero (desktop) — poster até o modelo carregar; fallback se falhar */
.mu-home-cine__char-poster {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

.mu-home-cine__char-poster.is-visible,
.mu-home-cine__char-stage--live2d-fallback .mu-home-cine__char-poster {
    opacity: 1;
    visibility: visible;
}

.mu-home-cine__char-stage--live2d:not(.mu-home-cine__char-stage--live2d-fallback):not(.mu-home-cine__char-stage--live2d-hybrid) .mu-home-cine__char-poster {
    opacity: 0;
    visibility: hidden;
}

/* Modo hibrido: capa Live2D embaixo + PNG HD do boneco por cima.
   Scale GOLDEN 1.48 desde o 1.º paint — sem FOUC 0.62→1.48. */
.mu-home-cine__char-stage--live2d-hybrid {
    isolation: isolate;
    transform: scale(1.48);
    transform-origin: bottom center;
    transition: none;
}
.mu-home-cine__char-stage--desktop-live2d {
    transform: scale(1.48);
    transform-origin: bottom center;
    transition: none;
}

.mu-home-cine__char-stage--live2d-hybrid .mu-home-cine__char-live2d-wrap {
    z-index: 2;
    opacity: 1;
    /* Site tune: −10px X, −10% size, +40px Y */
    transform: translate(-2px, 40px) scale(0.9);
    transform-origin: center center;
    overflow: hidden;
}

.mu-home-cine__char-stage--live2d-hybrid .mu-home-cine__char-poster {
    opacity: 1;
    visibility: visible;
    z-index: 5;
    transform: none;
}

/* Espelho Launcher .cine__char-poster (height/scale/Y) */
.mu-home-cine__char-stage--live2d-hybrid .mu-home-cine__char-poster-img {
    height: 108%;
    min-width: 0;
    width: auto;
    transform: translateY(78px) scale(0.96);
    transform-origin: bottom center;
}

.mu-home-cine__char-stage--live2d-hybrid .mu-home-cine__char-visual--live2d {
    position: absolute;
    inset: 0;
    z-index: 6;
    pointer-events: none;
}

.mu-home-cine__char-stage--live2d-hybrid .mu-home-cine__staff-fire--live2d {
    z-index: 8;
    opacity: 1;
    visibility: visible;
    pointer-events: none;
}

.mu-home-cine__char-poster-img {
    display: block;
    width: auto;
    height: 119%;
    max-width: none;
    min-width: 95%;
    object-fit: contain;
    object-position: center bottom;
}

.mu-home-cine__char-stage--desktop-live2d {
    width: 100%;
    height: 100%;
    overflow: visible;
}

.mu-home-cine__char-visual--live2d {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.mu-home-cine__char-live2d-wrap {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: block;
    opacity: 0;
    overflow: visible;
    pointer-events: none;
    min-height: 100%;
}

.mu-home-cine__char-live2d {
    display: block;
    width: 100%;
    height: 100%;
}

.mu-home-cine__char-stage--live2d .mu-home-cine__char-live2d-wrap {
    opacity: 1;
}

/* Brilho suave no Live2D (sem máscara PNG) */
.mu-home-cine__char-fx--live2d {
    -webkit-mask-image: none;
    mask-image: none;
    inset: 8% 12% 18%;
    border-radius: 42% 38% 55% 45%;
    opacity: 0.55;
}

/* Chamas azuis na arma — site: launcher + 10px direita / +40px baixo */
.mu-home-cine__staff-fire--live2d {
    top: 8%;
    left: 62%;
    width: 22%;
    height: 20%;
    transform: translate(calc(-38% + 22px), calc(-4% + 103px));
    z-index: 9;
}

.mu-home-cine__char-stage--live2d .mu-home-cine__staff-fire--live2d {
    opacity: 1;
    visibility: visible;
    pointer-events: none;
}