:root {
            --color-trg-dark: #1e293b;
            /* Slate 900 */
            --color-trg-gold: #fbbf24;
            /* Amber 400 */
            /* Define o laranja como a cor primária da UI */
            --plyr-color-main: #f59e0b;
            /* Laranja Amber 500 para combinar com o seu HUD */
            --plyr-video-control-background-hover: rgba(245, 158, 11, 0.8);
            --plyr-range-fill-background: #f59e0b;
            /* Ajusta o arredondamento para casar com o seu design de luxo */
            --plyr-control-radius: 12px;
        }

        html {
            scroll-behavior: smooth;
            scroll-padding-top: 50px;
        }

        @media (prefers-reduced-motion: reduce) {
            html {
                scroll-behavior: auto;
            }
        }

        /* PLAYER VIDEO MODAL PREMIUM PLYR*/

        /* 🚀 BOTAO DE FECHAR SUPREMO - CLICKMOTION GLOBAL */
        #video-modal button[onclick="closeVideoModal()"] {
            z-index: 999 !important;
            /* Ganha de todas as camadas do player e das nebulosas */
            pointer-events: auto !important;
            /* Força o navegador a reconhecer o clique aqui */
            cursor: pointer !important;
        }

        /* 💎 LAYER ENGINE - CLICKMOTION GLOBAL */
        #video-container {
            position: relative;
            overflow: hidden;
            border-radius: 2.5rem;
            background: #000;
            z-index: 10;
            /* Permite que cliques passem para os filhos */
            pointer-events: auto !important;
        }

        /* 1. O Plyr precisa ser o mestre da interação */
        .plyr {
            pointer-events: auto !important;
            z-index: 50 !important;
        }

        /* 2. Blindagem: YouTube vira um fantasma (não recebe clique) */
        .youtube-blindado {
            pointer-events: none !important;
            user-select: none !important;
            z-index: 1;
        }

        /* 🚀 OS CONTROLES: Ficam acima do balanço e aceitam clique */
        .plyr__controls {
            position: absolute !important;
            bottom: 20px !important;
            left: 20px !important;
            right: 20px !important;
            z-index: 200 !important;
            /* Acima de qualquer névoa */
            background: rgba(0, 0, 0, 0.6) !important;
            backdrop-filter: blur(15px) saturate(180%) !important;
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 1.5rem !important;
            padding: 12px 24px !important;
            pointer-events: auto !important;
            /* GARANTE O CLIQUE */
        }

        /* Brilho nos sliders do TRG */
        .plyr--full-ui input[type=range] {
            color: var(--plyr-color-main) !important;
        }

        .plyr__control--overlaid {
            position: absolute !important;
            z-index: 200 !important;
            /* Fica acima de qualquer sombra (z-30) */
            pointer-events: auto !important;
            /* OBRIGATÓRIO PARA CLICAR */
            transform: translate(-50%, -50%) !important;
            /* Trava no centro real */
            /* Seu design de luxo mantido */
            background: rgba(0, 0, 0, 0.6) !important;
            background: rgba(245, 158, 11, 0.9) !important;
        }

        /* 4. BLOQUEIO DE INTERFERÊNCIA: */
        /* Força todas as divs decorativas (sombras, luzes, vinhetas) a serem ignoradas pelo mouse */
        #modal-content div[class*="absolute"][class*="inset-0"],
        #modal-content div[class*="shadow-"],
        #modal-content div[class*="bg-gradient-"] {
            pointer-events: none !important;
        }

        /* 🚀 ENGENHARIA MOBILE - PLAYER MOBILE */

        /* 1. Ajuste do Modal para Mobile: Ocupa mais espaço na tela */
        /* 📱 AJUSTE DE PROPORÇÃO MOBILE - Marcelo Amancio */
        /* 🚀 ENGENHARIA MOBILE - PLAYER DE ELITE */

        @media (max-width: 768px) {

            /* 1. Ajuste do Visor (MANTIDO) */
            #modal-content {
                max-width: 90vw !important;
                transform: scale(0.9) !important;
                border-radius: 2rem !important;
            }

            /* 2. BLINDAGEM AGRESSIVA: Esconde o botão original do YouTube */
            .youtube-blindado {
                /* Zoom de 1.8x joga o play do YouTube para longe das bordas */
                transform: translate(-50%, -50%) scale(1.8) !important;
                pointer-events: none !important;
                /* YouTube não sente o clique */
            }

            /* 3. SOBERANIA DO PLYR: Força o botão dele a aparecer e ser clicável */
            .plyr__control--overlaid {
                display: flex !important;
                /* Devolve o botão do Plyr */
                z-index: 200 !important;
                /* Acima de qualquer camada */
                pointer-events: auto !important;
                background: rgba(245, 158, 11, 0.9) !important;
                /* Seu Laranja Master */
            }

            /* 4. DOCK DE CONTROLES (ESTILO IPHONE) */
            .plyr__controls {
                padding: 8px 16px !important;
                bottom: 12px !important;
                z-index: 200 !important;
            }
        }

        /* 2. Gatilho do Aviso de Rotação (Somente Mobile + Vertical) */
        @media (max-width: 900px) and (orientation: portrait) {
            #rotation-warning {
                display: flex !important;
            }

            /* Esconde o conteúdo do vídeo enquanto não girar */
            #modal-content {
                opacity: 0 !important;
                pointer-events: none;
            }
        }

        /* 3. Animação de Rotação do Celular */
        @keyframes phoneRotate {

            0%,
            100% {
                transform: rotate(0deg);
            }

            40%,
            60% {
                transform: rotate(90deg);
            }
        }

        /* 4. Ajuste de Altura do Player no Mobile */
        .plyr {
            height: 100% !important;
        }


        /* EFEITOS DESIGN - BOTAO FECHAR MODAL*/
        /* 💎 ESTILIZAÇÃO DO BOTÃO "INVISIBLE GLASS" */
        button[onclick="closeVideoModal()"] {
            transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
                background 0.3s ease,
                border-color 0.3s ease,
                box-shadow 0.4s ease !important;
            will-change: transform;
            /* Otimiza a GPU para o imã */
        }

        button[onclick="closeVideoModal()"]:active {
            scale: 0.85 !important;
            /* Feedback tátil de clique real */
            transition: transform 0.1s ease !important;
        }

        /* BARRA DE SCROLL PERSONALIZADA DOURADA FORMULARIO ANAMNESE Marcelo Amancio Elite */
        @keyframes ghost-scroll {
            0% {
                transform: translateY(-100%);
            }

            100% {
                transform: translateY(100%);
            }
        }

        /* Faz a aba "nascer" da lateral */
        #external-scroll-warning {
            transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
        }

        /* Barra de rolagem interna ultra-fina para não poluir */
        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }

        .custom-scrollbar::-webkit-scrollbar-track {
            background: transparent;
        }

        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #C5A059;
            border-radius: 20px;
        }

        /* CLASSE PARA ERRO DE VALIDAÇÃO (IMPRESCINDÍVEL) */
        .input-error {
            border-color: #ef4444 !important;
            /* Red 500 */
            box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.3) !important;
        }

        .option-card input:checked~div {
            border-color: var(--color-trg-gold);
            background-color: #fffbeb;
            /* yellow-50 */
            box-shadow: 0 0 15px rgba(251, 191, 36, 0.6);
        }

        .option-card input:checked~div .check-icon {
            opacity: 1;
            transform: scale(1);
        }

        .option-card-check input:checked~div {
            background-color: var(--color-trg-gold);
            color: var(--color-trg-dark);
            border-color: var(--color-trg-dark);
            box-shadow: 0 0 10px rgba(251, 191, 36, 0.8);
        }

        .option-card-check input:checked~div strong {
            color: var(--color-trg-dark);
        }

        /* Animações */
        .animate-fade-in {
            animation: fadeIn 0.5s ease-out;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(10px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Detalhes de Luxo */
        body {
            font-feature-settings: "ss01", "ss02";
            /* IMPLEMENTAÇÃO DO CURSOR DOURADO PROFISSIONAL */
            /* 1. CURSOR PADRÃO: SETA DOURADA */
            cursor: url('img/cursor-dourado.webp') 0 0, default;
        }

        /* EFEITO HOVER PREMIUM: Banner Dourado */
        .gold-banner-container {
            /* Esconde o banner 100% para baixo (saída elegante de 0px até -100%) */
            transform: translateY(100%);
            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            /* Easing foda */
            opacity: 0;
            pointer-events: none;
            /* Garante que não interfira no clique da área de cima */
        }

        /* Estado visível e flutuando */
        .gold-banner-container.is-active {
            transform: translateY(0);
            /* Volta para a posição original */
            opacity: 1;
            pointer-events: auto;
        }

        /* O elemento que dispara o hover effect: a sombra do form */
        #anamnese .form-trigger:hover .gold-banner-container {
            transform: translateY(0);
            opacity: 1;
        }

        /* 2. CURSOR NOS ESTADOS INTERATIVOS */

        /* CURSOR PARA ELEMENTOS CLICÁVEIS (Mão Dourada) */
        .cta-button,
        a,
        button,
        [onclick],
        .cursor-pointer {
            /* CURSOR POINTER MAO PERSONALIZADO DOURADO */
            /* cursor: url('img/cursor-pointer.png') 16 16, pointer; */

            /* Efeito de feedback visual para o Hover */
            transition: transform 0.1s ease-in-out;
        }

        /* CURSOR PARA INPUTS (Texto Dourado) */
        /* CORREÇÃO DA PRIORIDADE E SELETORES: Aplicamos a imagem personalizada (cursor-texto.png) a elementos editáveis e de leitura/seleção. */
        /* Prioridade: O seletor abaixo é mais específico que o 'body', mas menos específico que o seletor de clique. */
        input[type="text"],
        input[type="number"],
        input[type="email"],
        input[type="password"],
        textarea,
        select,
        [contenteditable="true"],
        p,
        span,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        li,
        .text-selectable {
            cursor: url('img/cursor-texto.webp') 16 16, text;
        }

        /* NOVO: REGRAS PARA GARANTIR QUE A MÃO DOURADA SOBREPÕE O TEXTO QUANDO O ELEMENTO PAI É CLICÁVEL */
        /* Exceção 1: Elementos dentro de A e BUTTON devem ser ponteiros (mão), não texto. */
        /* 

a p,
button p,
a span,
button span,
a h1,
button h1 {
    cursor: url('img/cursor-pointer.webp') 16 16, pointer;
} */

        /* Exceção 2: Inputs e Textareas devem sempre ser texto, mesmo se o elemento pai for um link/botão. */
        input[type="text"],
        textarea {
            cursor: url('img/cursor-texto.webp') 16 16, text;
        }

        .cta-button:hover,
        a:hover,
        button:hover {
            transform: scale(1.03);
            /* Pequeno zoom/salto para indicar ação */
        }

        /* Limpando quaisquer restos de cursores antigos */
        .custom-cursor {
            display: none !important;
        }

        /* ESTILOS DE DEMONSTRAÇÃO */
        .static-element {
            cursor: default;
        }

        ::-webkit-scrollbar {
            width: 10px;
        }

        ::-webkit-scrollbar-track {
            background: #0f0f0f;
        }

        ::-webkit-scrollbar-thumb {
            background: linear-gradient(to bottom, #9A7B3E, #C5A059);
            border-radius: 5px;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: #E5C585;
        }

        /* Inputs Premium */
        .input-lux {
            background-color: #ffffff;
            border: 1px solid #E5E7EB;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            color: #1A1A1A;
            font-weight: 500;
        }

        .input-lux:focus {
            border-color: #C5A059;
            box-shadow: 0 0 0 4px rgba(197, 160, 89, 0.15);
            outline: none;
            transform: translateY(-2px);
        }

        .input-error {
            border-color: #EF4444 !important;
            background-color: #FEF2F2 !important;
            animation: shake 0.5s;
        }

        /* Card Selecionável com Check Dourado */
        .option-card {
            perspective: 1000px;
        }

        .option-card div {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .option-card input:checked+div {
            border-color: #C5A059;
            background: linear-gradient(135deg, #FFF9F0 0%, #fff 100%);
            box-shadow: 0 10px 25px -5px rgba(197, 160, 89, 0.3);
            transform: translateY(-4px);
        }

        .option-card input:checked+div .check-icon {
            opacity: 1;
            transform: scale(1) rotate(0deg);
        }

        .option-card input:checked+div .main-icon {
            color: #C5A059;
            transform: scale(1.1);
        }

        /* Navbar Vidro */
        .glass-nav {
            background: rgba(15, 15, 15, 0.85);
            backdrop-filter: blur(16px);
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        }

        /* Loader Elegante */
        .loader {
            width: 24px;
            height: 24px;
            border: 3px solid rgba(255, 255, 255, 0.2);
            border-bottom-color: #fff;
            border-radius: 50%;
            display: inline-block;
            box-sizing: border-box;
            animation: rotation 1s linear infinite;
        }

        @keyframes rotation {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        @keyframes shake {

            10%,
            90% {
                transform: translate3d(-1px, 0, 0);
            }

            20%,
            80% {
                transform: translate3d(2px, 0, 0);
            }

            30%,
            50%,
            70% {
                transform: translate3d(-4px, 0, 0);
            }

            40%,
            60% {
                transform: translate3d(4px, 0, 0);
            }
        }

        /* Accordion FAQ */
        .faq-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
        }

        .faq-item.active .faq-content {
            max-height: 200px;
        }

        .faq-item.active .faq-icon {
            transform: rotate(180deg);
            color: #C5A059;
        }

        /* === AQUI ESTÁ A MÁGICA DA SELEÇÃO DOURADA === */
        ::selection {
            background-color: #C5A059;
            /* Fundo Dourado */
            color: #ffffff;
            /* Texto Branco */
        }

        ::-moz-selection {
            /* Para Firefox */
            background-color: #C5A059;
            color: #ffffff;
        }

        /* EFEITO DE BARRA EXPANSIVA DOURADA */
        /* --- NAVBAR LINK STYLES --- */
        .nav-link {
            position: relative;
            padding-bottom: 4px;
            transition: color 0.3s ease;
        }

        .nav-link::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: 0;
            left: 50%;
            background-color: #C5A059;
            transition: all 0.3s ease-in-out;
        }

        .nav-link:hover::after {
            width: 100%;
            left: 0;
        }

        /* --- ACTIVE SCROLL SPY STATE (O SEGREDO DO OURO) --- */
        .nav-link.active-link {
            color: #C5A059 !important;
            /* Força a cor Dourada */
        }

        .nav-link.active-link::after {
            width: 100%;
            /* Mantém a barra cheia */
            left: 0;
            background-color: #C5A059;
        }

        /* HAMBURGER ANIMATION */
        .hamburger-line {
            transition: all 0.3s ease-in-out;
            transform-origin: center;
        }

        .menu-open .line-1 {
            transform: translateY(7px) rotate(45deg);
            background-color: #C5A059;
        }

        .menu-open .line-2 {
            opacity: 0;
        }

        .menu-open .line-3 {
            transform: translateY(-7px) rotate(-45deg);
            background-color: #C5A059;
        }

        /* MOBILE MENU LINKS */
        .mobile-link {
            transition: all 0.5s ease;
            opacity: 0;
            transform: translateY(20px);
        }

        .menu-open .mobile-link {
            opacity: 1;
            transform: translateY(0);
        }

        /* Inputs & Checkbox */
        .input-lux {
            background: #fff;
            border: 1px solid #E5E7EB;
            transition: all 0.3s;
        }

        .input-lux:focus {
            border-color: #C5A059;
            box-shadow: 0 0 0 4px rgba(197, 160, 89, 0.15);
            outline: none;
        }

        .input-error {
            border-color: #EF4444 !important;
            background-color: #FEF2F2 !important;
            animation: shake 0.5s;
        }

        .option-card input:checked+div {
            border-color: #C5A059;
            background: linear-gradient(135deg, #FFF9F0, #fff);
            transform: translateY(-2px);
        }

        .option-card input:checked+div .check-icon {
            opacity: 1;
            transform: scale(1);
        }

        .option-card input:checked+div .main-icon {
            color: #C5A059;
        }

        /* Utils */
        .faq-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
        }

        .faq-item.active .faq-content {
            max-height: 300px;
        }

        .faq-item.active .faq-icon {
            transform: rotate(180deg);
            color: #C5A059;
        }

        .loader {
            width: 20px;
            height: 20px;
            border: 2px solid #fff;
            border-bottom-color: transparent;
            border-radius: 50%;
            display: inline-block;
            animation: rotation 1s linear infinite;
        }

        @keyframes rotation {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        @keyframes shake {

            0%,
            100% {
                transform: translateX(0);
            }

            25% {
                transform: translateX(-5px);
            }

            75% {
                transform: translateX(5px);
            }
        }

        /* DEPOIMENTOS */
        /* === MARQUEE & DEPOIMENTOS CUSTOM STYLE === */
        .marquee-wrapper {
            width: 100%;
            overflow: hidden;
            display: flex;
        }

        .marquee-track {
            display: flex;
            gap: 2.5rem;
            width: max-content;
            animation: scrollMarquee 180s linear infinite;
            /* Tempo ajustado */
            padding: 0 2.5rem;
        }

        .marquee-track:hover {
            animation-play-state: paused;
        }

        @keyframes scrollMarquee {
            0% {
                transform: translateX(0);
            }

            100% {
                transform: translateX(-50%);
            }
        }

        .review-card {
            background: white;
            padding: 2rem;
            border-radius: 1rem;
            /* NOVO: Sombra premium e borda dourada */
            box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.1), 0 0 15px rgba(197, 160, 89, 0.1);
            border-top: 3px solid #C5A059;
            width: 350px;
            /* Largura fixa ideal para leitura */
            flex-shrink: 0;
            position: relative;
            transition: transform 0.3s ease, box-shadow 0.5s ease;
        }

        .review-card:hover {
            transform: translateY(-8px) scale(1.02);
            /* Salto dramático no hover */
            box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.2), 0 0 30px rgba(197, 160, 89, 0.4);
        }

        /*  EFEITOS E ANIMACOES SECAO COMO FUNCIONA - TRG EXPERIENCE */
        /* ANIMAÇÕES GERAIS */
        .animate-pulse-slow {
            animation: pulse 6s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        }

        /* CÉREBRO FLUTUANDO E PULSANDO */
        .animate-brain-float-pulse {
            animation: brainFloatPulse 8s ease-in-out infinite alternate;
        }

        @keyframes brainFloatPulse {
            0% {
                transform: translateY(-50%) translateX(0) scale(1.0);
                opacity: 0.8;
            }

            50% {
                transform: translateY(-55%) translateX(15px) scale(1.05);
                opacity: 1;
            }

            100% {
                transform: translateY(-50%) translateX(0) scale(1.0);
                opacity: 0.8;
            }
        }

        /* FILTROS E BRILHO NEON GARANTIDOS */
        .brain-filters {
            /* Filtros para garantir o tom Laranja/Dourado: Sepia e Hue-rotate para o tom + Saturate/Brightness para o brilho */
            filter: sepia(0.8) saturate(4) hue-rotate(-30deg) brightness(1.5) contrast(1.5) drop-shadow(0 0 10px #f59e0b) drop-shadow(0 0 30px #f97316) drop-shadow(0 0 60px #b45309);
        }

        /* FILTROS SUAVIZADOS (SEM FORÇAR A COR BASE - MANTEM ORIGINAL + NEON DOURADO) */
        .brain-filters-professional {
            /* Mantém a cor original da imagem (assumindo que seja azul/cinza) e adiciona apenas o halo dourado. */
            filter: brightness(1.2) contrast(1.1) drop-shadow(0 0 10px #f59e0b) drop-shadow(0 0 20px #f97316);
        }

        .animate-shine {
            background-size: 200% auto;
            animation: shine 4s linear infinite;
        }

        @keyframes shine {
            to {
                background-position: 200% center;
            }
        }

        .animate-scan {
            animation: scan 2s linear infinite;
            background: linear-gradient(to bottom, transparent, #f59e0b, transparent);
            background-size: 100% 4px;
            background-repeat: no-repeat;
        }

        @keyframes scan {
            0% {
                top: -10%;
            }

            100% {
                top: 110%;
            }
        }

        /* LINHA NEURAL */
        .animate-nerve-running {
            stroke-dasharray: 50 1200;
            stroke-dashoffset: 1200;
            animation: nerveRun 2.5s linear infinite;
        }

        @keyframes nerveRun {
            to {
                stroke-dashoffset: 0;
            }
        }

        /* SEÇÃO MÉTODO */
        /* 1. Textura de Ruído Sutil */
        .bg-noise {
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
        }

        /* Animações Botão Seção Método */
        /* Animação Shine Automática (Passa rápido, espera, repete) */
        @keyframes shine-periodic {
            0% {
                transform: translateX(-150%) skewX(-15deg);
            }

            15% {
                transform: translateX(150%) skewX(-15deg);
            }

            /* Passa em 0.5s (15% de 3s) */
            100% {
                transform: translateX(150%) skewX(-15deg);
            }

            /* Fica parado esperando */
        }

        .animate-shine-periodic {
            animation: shine-periodic 3s infinite linear;
        }

        /* SEÇÃO TERAPEUTA */
        /* Textura de Luxo (Noise) */
        .bg-noise-fine {
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
        }

        /* Moldura de Luz Dinâmica */
        .authority-frame::before {
            content: "";
            position: absolute;
            inset: -2px;
            border-radius: 1.5rem;
            padding: 2px;
            background: linear-gradient(135deg, rgba(197, 160, 89, 0.5) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(197, 160, 89, 0.5) 100%);
            mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            pointer-events: none;
        }

        /* 1. Efeito de Destaque Dourado (Corrigido) */
        .text-gradient-gold {
            background: linear-gradient(to right, #C5A059, #F5D18F, #C5A059);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            font-weight: 800;
        }

        /* 2. Animação de Flutuação (Suave e segura) */
        @keyframes floatInfinite {

            0%,
            100% {
                transform: translateY(0);
            }

            50% {
                transform: translateY(-10px);
            }
        }

        .animate-float-infinite {
            animation: floatInfinite 6s ease-in-out infinite;
        }

        /* 3. Efeito Shimmer (Brilho que passa pelo botão) */
        @keyframes shimmerScan {
            0% {
                transform: translateX(-150%);
            }

            100% {
                transform: translateX(150%);
            }
        }

        /* Importante: O botão que usar esta classe DEVE ter 'overflow: hidden' no HTML/Tailwind */
        .animate-shimmer {
            animation: shimmerScan 3s infinite ease-in-out;
        }

        /* 4. Sincronia Neural (Unificada e sem quebrar layout) */
        @keyframes stepHighlight {

            0%,
            35%,
            100% {
                transform: scale(1);
                filter: brightness(1);
            }

            15% {
                transform: scale(1.02);
                /* Escala menor para não cortar nas bordas */
                filter: brightness(1.2);
            }
        }

        .animate-step-sync {
            animation: stepHighlight 4s ease-in-out infinite;
            will-change: transform, filter;
        }

        /* 5. Seta do Botão (Movimento lateral) */
        @keyframes bounceHorizontal {

            0%,
            100% {
                transform: translateX(0);
            }

            50% {
                transform: translateX(5px);
            }
        }

        .animate-bounce-horizontal {
            animation: bounceHorizontal 1.5s infinite;
            display: inline-block;
            /* Garante que a transformação funcione na seta */
        }

        /* 6. Pulso de Aura (Ajustado para ser usado como background) */
        @keyframes pulseSlow {

            0%,
            100% {
                opacity: 0.3;
                transform: scale(1);
            }

            50% {
                opacity: 0.6;
                transform: scale(1.1);
            }
        }

        /* Removi o position absolute daqui. Aplique o position no HTML se necessário. */
        .animate-pulse-glow {
            animation: pulseSlow 8s ease-in-out infinite;
        }