/* Composición móvil independiente; fondo difuminado del hero de fase 1. */
@media (max-width: 63.999rem) {
    .dinamica-hero {
        --dinamica-highlight: linear-gradient(
            90deg,
            transparent 0%,
            rgb(129 31 140 / 75%) 18%,
            rgb(129 31 140 / 88%) 35%,
            rgb(129 31 140 / 88%) 65%,
            rgb(129 31 140 / 75%) 82%,
            transparent 100%
        );
        min-height: 0;
    }

    .dinamica-hero__inner {
        min-height: 0;
        padding: 0.35rem 0 0;
    }

    .dinamica-hero h1 {
        padding: 1rem 0.35rem;
        background: var(--dinamica-highlight);
        -webkit-backdrop-filter: blur(2px);
        backdrop-filter: blur(2px);
        font-size: clamp(2rem, 9.5vw, 3rem);
        font-weight: 600;
        line-height: 1;
        letter-spacing: -0.02em;
    }

    .dinamica-hero__campaign {
        width: 60%;
        max-width: 21rem;
        margin: 1rem auto -0.4rem;
    }

    .dinamica-hero__merco {
        width: 40%;
        max-width: 14rem;
        margin-inline: auto;
    }

    .dinamica-download {
        position: relative;
        grid-template-columns: minmax(0, 38fr) minmax(0, 62fr);
        min-height: 0;
        margin-top: 0.5rem;
        height: clamp(12rem, 52vw, 18rem);
        padding: 0 0.5rem;
        align-items: center;
    }

    .dinamica-download__phone {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        width: 46%;
        margin: 0;
        transform: translateY(0.75rem) rotate(-3deg);
    }

    .dinamica-download__copy {
        grid-column: 2;
        position: relative;
        isolation: isolate;
        gap: 0.35rem;
        padding: 1.6rem 0;
        transform: translateY(0.7rem);
    }

    .dinamica-download__copy::before {
        content: "";
        position: absolute;
        inset: 0 -0.5rem 0 -0.8rem;
        z-index: -1;
        background: var(--dinamica-highlight);
        -webkit-backdrop-filter: blur(2px);
        backdrop-filter: blur(2px);
        pointer-events: none;
    }

    .dinamica-download__copy strong {
        font-size: clamp(1.6rem, 8.8vw, 2.85rem);
        font-weight: 800;
        line-height: 0.9;
    }

    .dinamica-download__copy img {
        width: 29%;
        max-width: 6.5rem;
        flex-shrink: 0;
    }

    .dinamica-tickets {
        position: relative;
        z-index: 3;
        background: #842696 url("../../../public/images/phase-2/shared/confetti/hero-confetti-mobile-copia2.png") center top / cover;
    }

    .dinamica-tickets__inner {
        padding: 0 0 1.5rem;
    }

    .dinamica-tickets h2 {
        padding: 0.65rem 1.8rem 0.8rem;
        background: #63318a;
        box-shadow: 0 0.2rem 0.45rem rgb(64 12 76 / 20%);
        font-weight: 600;
    }

    .dinamica-tickets h2 span {
        margin-bottom: 0.35rem;
        font-size: clamp(1.7rem, 7.8vw, 2.65rem);
    }

    .dinamica-tickets h2 strong {
        position: relative;
        padding: 0.1rem 0.35rem;
        font-size: clamp(1.1rem, 5.5vw, 1.85rem);
        font-weight: 600;
        clip-path: none;
    }

    .dinamica-tickets h2 strong::before,
    .dinamica-tickets h2 strong::after {
        content: "";
        position: absolute;
        top: -0.1rem;
        width: 1.35rem;
        height: calc(100% + 0.2rem);
        background: center / contain no-repeat;
    }

    .dinamica-tickets h2 strong::before {
        right: calc(100% + 0.1rem);
        background-image: url("../../../public/images/phase-2/shared/icons/title-burst-left.png");
    }

    .dinamica-tickets h2 strong::after {
        left: calc(100% + 0.1rem);
        background-image: url("../../../public/images/phase-2/shared/icons/title-burst-right.png");
    }

    .dinamica-tickets p {
        padding-inline: 0.5rem;
        font-size: clamp(0.95rem, 4.3vw, 1.45rem);
        font-weight: 600;
    }

    .dinamica-win {
        overflow: hidden;
        isolation: isolate;
        background: #63318a url("../../../public/images/phase-2/shared/confetti/hero-confetti-mobile-copia2.png") center top / 100% auto no-repeat;
    }

    .dinamica-win::after {
        content: "";
        position: absolute;
        bottom: -3rem;
        left: -20%;
        z-index: -1;
        width: 140%;
        height: clamp(10rem, 40vw, 15rem);
        border-radius: 50% 50% 0 0;
        background: linear-gradient(#b60087, #92168a);
        transform: rotate(-6deg);
    }

    .dinamica-win__inner {
        min-height: 0;
        padding: 1rem 0.8rem 0;
    }

    .dinamica-win h2 {
        position: relative;
        clip-path: none;
        padding: 0.3rem 2rem;
        font-size: clamp(2rem, 8vw, 2.75rem);
        font-weight: 800;
    }

    .dinamica-win h2::before,
    .dinamica-win h2::after {
        content: "";
        position: absolute;
        top: 0;
        width: 1.6rem;
        height: 100%;
        background: center / contain no-repeat;
    }

    .dinamica-win h2::before {
        right: calc(100% + 0.2rem);
        background-image: url("../../../public/images/phase-2/shared/icons/title-burst-left.png");
    }

    .dinamica-win h2::after {
        left: calc(100% + 0.2rem);
        background-image: url("../../../public/images/phase-2/shared/icons/title-burst-right.png");
    }

    .dinamica-win > div > p {
        margin: 1rem 0;
        font-size: clamp(1.5rem, 6.8vw, 2.3rem);
        line-height: 1.05;
    }

    .dinamica-concerts { gap: 1.2rem; }
    .dinamica-concert h3 {
        margin: 0 0 0.25rem;
        padding: 0.2rem 0;
        background: #63318a;
        box-shadow: 0 0 0.25rem rgb(45 13 66 / 35%);
        font-size: clamp(1.3rem, 5.4vw, 1.9rem);
        font-weight: 800;
    }
    .dinamica-concert > p {
        margin: 0;
        font-size: clamp(0.85rem, 4vw, 1.35rem);
        font-weight: 600;
        line-height: 1.05;
    }
    .dinamica-concert__venue {
        width: 82%;
        height: clamp(3.2rem, 15vw, 5.2rem);
        margin: 0.5rem auto;
    }
    .dinamica-concert > .dinamica-concert__location {
        margin-top: 0.35rem;
        font-size: clamp(0.9rem, 3.8vw, 1.3rem);
        font-weight: 800;
        text-transform: uppercase;
    }
    .dinamica-concert__venue--lucky {
        width: 100%;
        height: clamp(2rem, 9vw, 3.2rem);
        margin: 0.15rem auto 0.4rem;
    }
    .dinamica-concert > .dinamica-concert__reveal {
        font-size: clamp(0.65rem, 2.7vw, 0.95rem);
        font-weight: 800;
    }
    .dinamica-concert__people,
    .dinamica-concert__artists {
        height: clamp(7rem, 29vw, 10rem);
        margin-top: 0.4rem;
    }
    .dinamica-concert__people img:nth-child(1) {
        left: 0; bottom: 0; width: 48%; height: 62%;
    }
    .dinamica-concert__people img:nth-child(2) {
        top: 0; left: 23%; width: 58%; height: 55%;
    }
    .dinamica-concert__people img:nth-child(3) {
        right: 0; bottom: 0; width: 38%; height: 60%;
    }
    .dinamica-concert__artists {
        grid-template-rows: 44% 56%;
        gap: 0 0.3rem;
    }
    .dinamica-concert__artists img,
    .dinamica-concert__artists img:first-child {
        width: 100%; height: 100%; max-height: none;
    }
    .dinamica-concert__artists img:first-child { width: 78%; }
    .dinamica-concert > .dinamica-concert__zone {
        margin-top: 0.4rem;
        font-size: clamp(0.4rem, 1.5vw, 0.55rem);
        text-transform: uppercase;
    }
    .dinamica-win__cart {
        position: relative;
        right: auto; bottom: auto;
        width: 58%;
        margin: 1rem 0 -0.25rem auto;
    }
    .dinamica-legacy-steps .step--one {
        margin-top: 0;
    }
}