/* /descargar-app/ */
.hero-download {
            padding: 160px 0 96px !important;
            background-color: var(--color-canvas-ice) !important;
            text-align: center;
        }

        .btn-store {
            background: var(--color-polar-white) !important;
            color: var(--color-carbon-black) !important;
            border: 2px solid var(--color-carbon-black) !important;
            padding: 12px 25px !important;
            border-radius: var(--radius-default) !important;
            display: flex;
            align-items: center;
            gap: 12px;
            text-decoration: none;
            transition: transform 0.2s ease, background-color 0.2s ease;
            min-width: 200px;
        }

        .btn-store:hover {
            background: var(--color-lime-pop) !important;
            transform: scale(1.03);
            color: var(--color-carbon-black) !important;
        }

        .btn-store i {
            font-size: 2rem;
            color: var(--color-carbon-black) !important;
        }

        .download-phone-mockup {
            width: 280px;
            height: auto;
            background: var(--color-carbon-black) !important;
            border-radius: 43px !important;
            border: 4px solid var(--color-carbon-black) !important;
            box-shadow: none !important;
            margin: 0 auto;
            position: relative;
            z-index: 2;
            overflow: hidden;
        }

        .mockup-img {
            width: 100%;
            height: auto;
            display: block;
        }

        .step-pill {
            background: var(--color-polar-white) !important;
            padding: 25px !important;
            border-radius: var(--radius-default) !important;
            border: 2px solid var(--color-carbon-black) !important;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            gap: 20px;
            transition: transform 0.2s ease, background-color 0.2s ease;
            box-shadow: none !important;
        }

        .step-pill:hover {
            transform: translateX(5px);
            background-color: var(--color-sky-blue) !important;
        }

        .step-number {
            width: 45px;
            height: 45px;
            background: var(--color-carbon-black) !important;
            color: var(--color-polar-white) !important;
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 800;
            flex-shrink: 0;
            box-shadow: none !important;
            border: 2px solid var(--color-carbon-black) !important;
        }

        .qr-card {
            background: var(--color-polar-white) !important;
            border: 2px solid var(--color-carbon-black) !important;
            border-radius: var(--radius-default) !important;
            padding: 30px !important;
            display: inline-block;
        }

        @media (max-width: 991.98px) {
            .btn-store {
                min-width: 100%;
                justify-content: center;
            }
        }
