@font-face{
            font-family: 'Lemon Milk';
            src: url('/fontes/lemonmilk-bold.woff2') format('woff2');
            font-weight: 700;
            font-style: normal;
            font-display: swap;
        }

        @font-face{
            font-family: 'Ekster';
            src: url('/fontes/ekster-regular.woff2') format('woff2');
            font-weight: 400;
            font-style: normal;
            font-display: swap;
        }

        @font-face{
            font-family: 'Ekster';
            src: url('/fontes/ekster-medium.woff2') format('woff2');
            font-weight: 500;
            font-style: normal;
            font-display: swap;
        }

        @font-face{
            font-family: 'Ekster';
            src: url('/fontes/ekster-bold.woff2') format('woff2');
            font-weight: 700;
            font-style: normal;
            font-display: swap;
        }

        #block-aplicativo .app-section *,
#block-aplicativo .app-section *::before,
#block-aplicativo .app-section *::after{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        #block-aplicativo .app-section{
            --navy: #253064;
            --navy-deep: #1f2958;
            --gold: #d89a14;
            --white: #ffffff;
            font-family: 'Ekster', sans-serif;
        }

        #block-aplicativo .app-section button,
#block-aplicativo .app-section button:hover,
#block-aplicativo .app-section button:focus,
#block-aplicativo .app-section button:active,
#block-aplicativo .app-section button:focus-visible{
            -webkit-appearance: none;
            appearance: none;
            font: inherit;
            line-height: 1;
            outline: none;
        }

        #block-aplicativo .app-section button::-moz-focus-inner{
            border: 0;
            padding: 0;
        }

        #block-aplicativo .app-section a,
#block-aplicativo .app-section a:hover,
#block-aplicativo .app-section a:focus,
#block-aplicativo .app-section a:active,
#block-aplicativo .app-section a:visited{
            text-decoration: none !important;
        }

        /* ── Section ── */

        #block-aplicativo .app-section{
            width: 100%;
            background: var(--navy);
            position: relative;
            overflow: hidden;
            padding: 80px 0;
        }

        #block-aplicativo .app-shell{
            width: min(100%, 1520px);
            max-width: 1520px;
            margin: 0 auto;
            padding: 0 calc(3vh + 80px);
        }

        #block-aplicativo .app-layout{
            display: flex;
            gap: 20px;
            align-items: stretch;
        }

        #block-aplicativo .app-visual{
            flex: 1.35;
            min-width: 0;
        }

        #block-aplicativo .app-copy{
            flex: 1;
            min-width: 0;
        }

        /* ── Device stage ── */

        #block-aplicativo .app-visual{
            position: relative;
            padding: 20px 20px 24px;
            border: 1.25px solid var(--gold);
            border-radius: 20px;
            user-select: none;
            -webkit-user-select: none;
            overflow: visible;
            isolation: isolate;
        }

        #block-aplicativo .app-visual::before{
            content: "";
            position: absolute;
            inset: 44px 34px 68px 30px;
            background:
                radial-gradient(circle at 28% 74%, rgba(255, 255, 255, 0.09), transparent 34%),
                radial-gradient(circle at 76% 34%, rgba(255, 255, 255, 0.06), transparent 28%);
            filter: blur(20px);
            opacity: 0.62;
            pointer-events: none;
        }

        #block-aplicativo .device{
            position: absolute;
            display: block;
            max-width: none;
            height: auto;
            user-select: none;
            -webkit-user-select: none;
            transition:
                transform 0.65s cubic-bezier(0.23, 1, 0.32, 1),
                opacity 0.45s ease,
                filter 0.55s ease;
            filter: drop-shadow(0 26px 44px rgba(5, 9, 28, 0.36));
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

        #block-aplicativo .device--laptop{
            width: min(120%, 790px);
            left: -126px;
            bottom: -96px;
            z-index: 2;
            transform: translate3d(0, -10px, 0) rotate(-12deg) scale(1.08);
        }

        #block-aplicativo .device--phone{
            width: min(54%, 338px);
            right: -4%;
            top: 13%;
            z-index: 3;
            transform: translate3d(6px, -2px, 0) rotate(7deg) scale(1.04);
        }

        #block-aplicativo .app-visual[data-view="desktop"] .device--phone{
            opacity: 0.78;
            filter: blur(1.5px) drop-shadow(0 20px 30px rgba(5, 9, 28, 0.24));
        }

        #block-aplicativo .app-visual[data-view="mobile"] .device--laptop{
            transform: translate3d(236px, -104px, 0) rotate(-4deg) scale(0.39);
            opacity: 0.82;
            filter: blur(1.5px) drop-shadow(0 20px 30px rgba(5, 9, 28, 0.24));
        }

        #block-aplicativo .app-visual[data-view="mobile"] .device--phone{
            transform: translate3d(-342px, 38px, 0) rotate(-12deg) scale(2.62);
            opacity: 1;
            filter: drop-shadow(0 32px 50px rgba(5, 9, 28, 0.42));
        }

        /* ── Hit areas ── */

        #block-aplicativo .device-hit{
            position: absolute;
            border: none;
            background: transparent;
            padding: 0;
            cursor: pointer;
            z-index: 4;
            -webkit-tap-highlight-color: transparent;
            -webkit-appearance: none;
            appearance: none;
            box-shadow: none !important;
            outline: none !important;
            border-radius: 0 !important;
            color: transparent !important;
            font-size: 0 !important;
            line-height: 0 !important;
            text-indent: -9999px;
            overflow: hidden;
            touch-action: manipulation;
        }

        #block-aplicativo .device-hit:hover,
#block-aplicativo .device-hit:focus,
#block-aplicativo .device-hit:focus-visible,
#block-aplicativo .device-hit:active{
            background: transparent !important;
            border: none !important;
            box-shadow: none !important;
            outline: none !important;
            transform: none !important;
        }

        #block-aplicativo .device-hit--laptop{
            left: 0;
            bottom: 0;
            width: 72%;
            height: 80%;
        }

        #block-aplicativo .device-hit--phone{
            right: 4%;
            top: 10%;
            width: 26%;
            height: 55%;
        }

        #block-aplicativo .app-visual[data-view="mobile"] .device-hit--laptop{
            left: auto;
            right: 10%;
            top: 26%;
            bottom: auto;
            width: 36%;
            height: 42%;
        }

        #block-aplicativo .app-visual[data-view="mobile"] .device-hit--phone{
            left: 3%;
            top: 4%;
            right: auto;
            width: 52%;
            height: 72%;
        }

        /* ── Nav buttons ── */

        #block-aplicativo .device-controls{
            position: absolute;
            right: 24px;
            bottom: 18px;
            z-index: 5;
            display: flex;
            gap: 10px;
        }

        #block-aplicativo .nav-btn{
            width: 45px;
            height: 45px;
            border-radius: 50%;
            border: none;
            background: var(--gold);
            color: var(--white);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: transform 0.3s ease, background 0.3s ease;
            -webkit-appearance: none;
            appearance: none;
            box-shadow: none;
            outline: none;
            user-select: none;
            -webkit-user-select: none;
            touch-action: manipulation;
            -webkit-tap-highlight-color: transparent;
        }

        #block-aplicativo .nav-btn:hover{
            background: #c28a12;
            transform: scale(1.03);
        }

        #block-aplicativo .nav-btn:active{
            background: #c28a12;
            transform: scale(0.95);
        }

        #block-aplicativo .nav-btn:focus,
#block-aplicativo .nav-btn:visited{
            color: var(--white);
            background: var(--gold);
            box-shadow: none;
            outline: none;
        }

        #block-aplicativo .nav-btn:focus-visible{
            box-shadow:
                0 0 0 2px #ffffff,
                0 0 0 4px rgba(216, 154, 20, 0.55);
        }

        #block-aplicativo .nav-btn svg{
            width: 20px;
            height: 20px;
            pointer-events: none;
        }

        /* ── Copy ── */

        #block-aplicativo .app-copy{
            color: var(--white);
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        #block-aplicativo .app-tag{
            display: block;
            margin-bottom: 8px;
            font-size: 18px;
            font-weight: 700;
            color: var(--gold);
            text-transform: uppercase;
            letter-spacing: 2px;
            line-height: 1;
        }

        #block-aplicativo .app-title{
            margin: 0 0 18px;
            font-family: 'Lemon Milk', sans-serif;
            font-size: 34px;
            font-weight: 700;
            line-height: 1.16;
            text-transform: uppercase;
            color: var(--white);
        }

        #block-aplicativo .app-description{
            margin: 0 0 20px;
            font-size: 18px;
            line-height: 1.52;
            color: rgba(255, 255, 255, 0.9);
        }

        #block-aplicativo .feature-list{
            display: flex;
            flex-direction: column;
            gap: 12px;
            margin-bottom: 20px;
        }

        #block-aplicativo .feature-card{
            background: rgba(255, 255, 255, 0.98);
            color: #111111;
            border-radius: 10px;
            padding: 12px 16px;
            box-shadow: 0 10px 24px rgba(10, 14, 30, 0.2);
        }

        #block-aplicativo .feature-card h3{
            margin: 0 0 4px;
            font-size: 14px;
            font-weight: 700;
            text-transform: uppercase;
        }

        #block-aplicativo .feature-card p{
            margin: 0;
            font-size: 14px;
            line-height: 1.36;
            color: rgba(17, 17, 17, 0.84);
        }

        /* ── CTA ── */

        #block-aplicativo .app-cta{
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 0;
            padding: 14px 28px;
            border-radius: 8px;
            background: var(--gold);
            color: var(--white);
            text-decoration: none;
            font-family: 'Lemon Milk', sans-serif;
            font-weight: 700;
            font-size: 14px;
            letter-spacing: 0.1px;
            text-transform: uppercase;
            text-align: center;
            position: relative;
            overflow: visible;
            isolation: isolate;
            border: 1px solid rgba(216, 154, 20, 0.5);
            transition: all 0.4s ease;
            -webkit-appearance: none;
            appearance: none;
            box-shadow: none;
            outline: none;
            -webkit-tap-highlight-color: transparent;
        }

        #block-aplicativo .app-cta::before{
            content: "";
            position: absolute;
            inset: 0;
            border-radius: 8px;
            opacity: 0;
            z-index: -1;
            box-shadow: 0 0 15px var(--gold);
        }

        #block-aplicativo .app-cta-sheen{
            position: absolute;
            inset: 0;
            overflow: hidden;
            border-radius: 8px;
            pointer-events: none;
            z-index: 1;
        }

        #block-aplicativo .app-cta-sheen::after{
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: -35%;
            width: 34%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent);
            transform: translateX(-160%) skewX(-22deg);
            transition: transform 0.6s ease;
            opacity: 0;
            filter: blur(1px);
        }

        #block-aplicativo .app-cta-label{
            position: relative;
            z-index: 2;
        }

        #block-aplicativo .app-cta:hover{
            background: #f7b11d;
            color: var(--white);
            box-shadow:
                0 0 10px rgba(216, 154, 20, 0.75),
                0 0 28px rgba(216, 154, 20, 0.35);
        }

        #block-aplicativo .app-cta:hover::before{
            animation: aplicativo__electric-pulse 1.2s ease-out infinite;
        }

        #block-aplicativo .app-cta:hover .app-cta-sheen::after{
            transform: translateX(420%) skewX(-22deg);
            opacity: 1;
        }

        #block-aplicativo .app-cta:focus,
#block-aplicativo .app-cta:active,
#block-aplicativo .app-cta:visited{
            color: var(--white);
            text-decoration: none;
            outline: none;
        }

        #block-aplicativo .app-cta:focus-visible{
            box-shadow:
                0 0 0 2px #ffffff,
                0 0 0 4px rgba(216, 154, 20, 0.55);
        }

        @keyframes aplicativo__electric-pulse{
            0% { transform: scale(1); opacity: 0.08; }
            100% { transform: scale(1.05); opacity: 0; }
        }

        /* ── Reveal ── */

        #block-aplicativo .reveal-item{
            opacity: 0;
            transform: translate3d(40px, 0, 0) scale(0.97);
            transition:
                opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1),
                transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
            transition-delay: var(--reveal-delay, 0s);
            will-change: opacity, transform;
        }

        #block-aplicativo .app-visual.reveal-item{
            transform: translate3d(-34px, 0, 0) scale(0.97);
        }

        #block-aplicativo .reveal-item.is-visible{
            opacity: 1;
            transform: none;
        }

        /* ── Responsive ── */

        @media (max-width: 960px){
            #block-aplicativo .app-section{
                padding: 60px 0;
            }

            #block-aplicativo .app-shell{
                padding: 0 28px;
            }

            #block-aplicativo .app-layout{
                flex-direction: column;
                gap: 20px;
                align-items: center;
            }

            #block-aplicativo .app-visual{
                order: 6;
                flex: none;
                width: 100%;
                min-height: clamp(340px, 58vw, 430px);
                height: auto;
                padding: 18px 18px 62px;
                overflow: hidden;
            }

            #block-aplicativo .app-copy{
                flex: none;
                width: 100%;
                display: contents;
            }

            #block-aplicativo .app-tag{ order: 1; width: min(100%, 620px); margin-left: auto; margin-right: auto; text-align: center; }
            #block-aplicativo .app-title{ order: 2; width: min(100%, 620px); margin-left: auto; margin-right: auto; text-align: center; }
            #block-aplicativo .app-description{ order: 3; width: min(100%, 620px); margin-left: auto; margin-right: auto; text-align: center; }
            #block-aplicativo .feature-list{ order: 4; width: min(100%, 620px); margin-bottom: 0; margin-left: auto; margin-right: auto; gap: 10px; }
            #block-aplicativo .app-cta{ order: 5; width: min(100%, 620px); align-self: center; }

            #block-aplicativo .feature-card{ padding: 12px 14px; }

            #block-aplicativo .device--laptop{
                width: min(112%, 680px);
                left: -18%;
                bottom: -72px;
                transform: translate3d(0, -8px, 0) rotate(-11deg) scale(1.03);
            }

            #block-aplicativo .device--phone{
                width: min(40%, 248px);
                right: 2%;
                top: 15%;
                transform: translate3d(0, -2px, 0) rotate(7deg) scale(1);
            }

            #block-aplicativo .device-hit--laptop{ left: 0; bottom: 0; width: 68%; height: 75%; }
            #block-aplicativo .device-hit--phone{ right: 2%; top: 10%; width: 38%; height: 55%; }

            #block-aplicativo .app-visual[data-view="mobile"] .device--laptop{
                transform: translate3d(365px, -103px, 0) rotate(-4deg) scale(0.4);
                opacity: 0.8;
                filter: blur(1.5px) drop-shadow(0 20px 30px rgba(5, 9, 28, 0.24));
            }

            #block-aplicativo .app-visual[data-view="mobile"] .device--phone{
                transform: translate3d(-232px, 59px, 0) rotate(-6deg) scale(1.9);
                opacity: 1;
                filter: drop-shadow(0 28px 42px rgba(5, 9, 28, 0.34));
            }

            #block-aplicativo .app-visual[data-view="mobile"] .device-hit--laptop{
                left: auto; right: 8%; top: 25%; bottom: auto; width: 38%; height: 42%;
            }

            #block-aplicativo .app-visual[data-view="mobile"] .device-hit--phone{
                left: 2%; top: 4%; right: auto; width: 58%; height: 82%;
            }

            #block-aplicativo .device-controls{ right: 16px; bottom: 14px; gap: 8px; }
            #block-aplicativo .nav-btn{ width: 40px; height: 40px; }
            #block-aplicativo .nav-btn svg{ width: 18px; height: 18px; }
        }

        @media (max-width: 640px){
            #block-aplicativo .app-section{
                padding: 48px 0 56px;
            }

            #block-aplicativo .app-shell{
                padding: 0 16px;
            }

            #block-aplicativo .app-copy{
                width: 100%;
                max-width: none;
            }

            #block-aplicativo .app-tag{ font-size: 14px; letter-spacing: 1.4px; margin-bottom: 6px; }

            #block-aplicativo .app-tag,
#block-aplicativo .app-title,
#block-aplicativo .app-description,
#block-aplicativo .feature-list,
#block-aplicativo .app-cta{
                width: min(100%, 322px);
                margin-left: auto;
                margin-right: auto;
            }

            #block-aplicativo .app-tag,
#block-aplicativo .app-title,
#block-aplicativo .app-description{
                text-align: center;
            }

            #block-aplicativo .app-title{
                margin-bottom: 12px;
                font-size: clamp(22px, 7.6vw, 29px);
                line-height: 1.12;
            }

            #block-aplicativo .app-description{
                margin-bottom: 14px;
                font-size: 14px;
                line-height: 1.46;
            }

            #block-aplicativo .feature-list{ gap: 8px; }
            #block-aplicativo .feature-card{ border-radius: 8px; padding: 10px 12px; }
            #block-aplicativo .feature-card h3{ margin-bottom: 3px; font-size: 11px; }
            #block-aplicativo .feature-card p{ font-size: 11px; line-height: 1.3; }

            #block-aplicativo .app-visual{
                width: min(100%, 322px);
                min-height: 262px;
                padding: 12px 12px 42px;
                border-radius: 16px;
                aspect-ratio: 1 / 0.88;
                margin: 10px auto 0;
                align-self: center;
                overflow: visible;
            }

            #block-aplicativo .device--laptop{ width: 128%; left: -22%; bottom: -42px; transform: translate3d(0, -4px, 0) rotate(-12deg) scale(1.02); }
            #block-aplicativo .device--phone{ width: 35%; right: 1%; top: 12%; transform: translate3d(0, 0, 0) rotate(6deg) scale(1.04); }
            #block-aplicativo .device-hit--laptop{ left: 0; bottom: 0; width: 80%; height: 85%; }
            #block-aplicativo .device-hit--phone{ right: 0; top: 8%; width: 40%; height: 70%; }

            #block-aplicativo .app-visual[data-view="desktop"] .device--phone{
                opacity: 0.9;
                filter: blur(0.35px) drop-shadow(0 18px 28px rgba(5, 9, 28, 0.26));
            }

            #block-aplicativo .app-visual[data-view="mobile"] .device--laptop{
                transform: translate3d(126px, -107px, 0) rotate(-4deg) scale(0.34);
                opacity: 0.72;
                filter: blur(1.5px) drop-shadow(0 14px 22px rgba(5, 9, 28, 0.2));
            }

            #block-aplicativo .app-visual[data-view="mobile"] .device--phone{
                transform: translate3d(-120px, 91px, 0) rotate(-6deg) scale(3.2);
                opacity: 1;
                filter: drop-shadow(0 22px 34px rgba(5, 9, 28, 0.38));
            }

            #block-aplicativo .app-visual[data-view="mobile"] .device-hit--laptop{ left: auto; right: 4%; top: 36%; bottom: auto; width: 40%; height: 32%; }
            #block-aplicativo .app-visual[data-view="mobile"] .device-hit--phone{ left: 4%; top: 8%; right: auto; width: 82%; height: 86%; }

            #block-aplicativo .device-controls{ right: 10px; bottom: 8px; gap: 6px; }
            #block-aplicativo .nav-btn{ width: 28px; height: 28px; }
            #block-aplicativo .nav-btn svg{ width: 12px; height: 12px; }

            #block-aplicativo .app-cta{ padding: 12px 16px; font-size: 12px; }
        }