:root {
            --primary: #14B8A6;
            --primary-hover: #2DD4BF;
            --primary-glow: rgba(20, 184, 166, 0.4);
            --gold: #bf845c;
            --gold-light: #d1a182;
            --gold-glow: rgba(191, 132, 92, 0.4);
            --silver: #F8FAFC;
            --silver-hover: #FFFFFF;
            --silver-glow: rgba(255, 255, 255, 0.5);
            --dark: #0A3B2C;
            --slate-400: #E2E8F0;
        }

        body {
            background-color: var(--dark) !important;
            color: #F8FAFC;
            font-family: 'Inter', sans-serif;
            overflow-x: hidden;
            padding: 0 !important;
            margin: 0 !important;
        }

        .hero-bg {
            background-image: linear-gradient(rgba(10, 59, 44, 0.88), rgba(10, 59, 44, 0.88)), url('https://modeloslpdw01.mgaads.com/wp-content/uploads/2026/03/buscaApreensao.webp');
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
        }

        .text-glow {
            text-shadow: 0 0 25px rgba(255, 255, 255, 0.2);
        }

        /* Glass Botões */
        .btn-glass {
            position: relative;
            display: inline-flex;
            cursor: pointer;
            overflow: hidden;
            border-radius: 9999px;
            transition: all 0.3s ease;
            isolation: isolate;
            border: none;
            background: transparent;
            padding: 0;
            text-decoration: none;
        }

        .btn-glass-glow {
            position: absolute;
            inset: -100%;
            width: 300%;
            height: 300%;
            left: -100%;
            top: -100%;
            animation: spin-slow 3s linear infinite;
            background: conic-gradient(from 0deg, transparent 0deg, transparent 80deg, var(--gold-light) 180deg, transparent 280deg, transparent 360deg);
            z-index: 0;
            opacity: 0.9;
        }

        .btn-glass-base {
            position: absolute;
            inset: 1px;
            border-radius: 9999px;
            backdrop-filter: blur(12px);
            background: rgba(10, 59, 44, 0.85);
            border: 1px solid rgba(191, 132, 92, 0.3);
            z-index: 1;
            transition: all 0.3s ease;
        }

        .btn-glass:hover .btn-glass-base {
            background: rgba(10, 59, 44, 0.7);
        }

        .btn-glass:hover {
            transform: scale(1.05);
            box-shadow: 0 0 30px 5px var(--gold-glow);
        }

        .btn-glass-content {
            position: relative;
            z-index: 2;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            color: #FFFFFF;
            width: 100%;
            height: 100%;
        }

        @keyframes spin-slow {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }

        /* Texto Gradiente Ouro Escuro */
        .text-gold-gradient {
            font-family: 'Playfair Display', serif;
            font-style: italic;
            font-weight: 700;
            padding-right: 0.15em;
            background: linear-gradient(90deg, #bf845c 0%, #e0bc9f 25%, #a36b43 50%, #c9936e 75%, #bf845c 100%);
            background-size: 200% auto;
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            color: transparent;
            animation: gold-shimmer 4s linear infinite;
        }

        @keyframes gold-shimmer {
            0% {
                background-position: 0% center;
            }

            100% {
                background-position: 200% center;
            }
        }

        /* Botão Sólido Ouro Escuro */
        .btn-solid-gold {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            background: linear-gradient(135deg, #bf845c 0%, #86522c 100%);
            color: #FFFFFF;
            border-radius: 9999px;
            font-size: 0.75rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            padding: 20px 40px;
            border: none;
            cursor: pointer;
            text-decoration: none;
            transition: all 0.3s ease;
            box-shadow: 0 0 20px rgba(134, 82, 44, 0.3);
        }

        .btn-solid-gold:hover {
            background: linear-gradient(135deg, #d1a182 0%, #a36b43 100%);
            box-shadow: 0 0 35px rgba(191, 132, 92, 0.5);
            transform: scale(1.05);
            color: #FFFFFF;
        }

        /* Steps */
        [style*="--border-gradient"]::before {
            content: "";
            position: absolute;
            inset: 0;
            padding: 1px;
            border-radius: var(--border-radius-before, inherit);
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            background: var(--border-gradient);
            pointer-events: none;
        }

        .step-item {
            transition: background 0.3s, transform 0.3s;
        }

        .step-item.active {
            background: rgba(212, 175, 55, 0.1) !important;
            transform: translateX(-4px);
        }

        .step-item.active .step-badge {
            background: var(--gold);
            color: #fff;
            box-shadow: 0 0 16px var(--gold-glow);
        }

        .step-item.active .step-text {
            color: #fff;
            font-weight: 600;
        }

        .step-item.active .step-icon {
            opacity: 1;
            color: var(--gold-light);
        }

        /* Video / Modal */
        .video-preview {
            opacity: 0;
            transform: translateY(12px);
            pointer-events: none;
            transition: opacity 0.4s ease, transform 0.4s ease;
            max-height: 0;
            overflow: hidden;
        }

        .video-preview.visible {
            opacity: 1;
            transform: translateY(0);
            pointer-events: all;
            max-height: 400px;
            padding-bottom: 8px;
        }

        #video-modal {
            display: none;
            position: fixed;
            inset: 0;
            z-index: 1000;
            background: rgba(10, 59, 44, 0.95);
            backdrop-filter: blur(12px);
            align-items: center;
            justify-content: center;
        }

        #video-modal.open {
            display: flex;
        }

        #video-modal iframe {
            width: min(860px, 92vw);
            height: min(484px, 52vw);
            border: none;
            border-radius: 12px;
            border: 1px solid rgba(212, 175, 55, 0.3)
        }

        #video-modal .modal-close {
            position: absolute;
            top: 24px;
            right: 28px;
            font-size: 2rem;
            color: #fff;
            cursor: pointer;
            line-height: 1;
            opacity: 0.7;
            transition: opacity 0.2s;
        }

        #video-modal .modal-close:hover {
            opacity: 1;
        }

        /* Desktop Only Background */
        @media (min-width: 1024px) {
            .bg-quem-somos {
                background-image: url('../bckg%20quem%20somos%20greengold.png');
                background-size: cover;
                background-position: center left;
            }
        }

        /* Escopo WhatsApp Flutuante */
        .wa-widget-container {
            position: fixed !important;
            bottom: 24px !important;
            right: 24px !important;
            z-index: 99999 !important;
        }

        /* Variáveis estruturais dos Steps */
        .step-item {
            position: relative;
            --border-radius-before: 8px;
        }
        .step-item.active {
            --border-gradient: linear-gradient(180deg, rgba(191,132,92,0.3), rgba(255,255,255,0));
        }
        .step-item:not(.active) {
            --border-gradient: linear-gradient(180deg, rgba(255,255,255,0.1), rgba(255,255,255,0));
        }

        /* WhatsApp Floating Widget */
        @keyframes slide-up-fade {
            from {
                opacity: 0;
                transform: translateY(20px);
                pointer-events: none;
            }

            to {
                opacity: 1;
                transform: translateY(0);
                pointer-events: auto;
            }
        }
        .wa-bubble-enter {
            animation: slide-up-fade 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
        }

        @keyframes pulse-ring {
            0% {
                transform: scale(0.8);
                opacity: 0.7;
            }
            70% {
                transform: scale(1.6);
                opacity: 0;
            }
            100% {
                transform: scale(0.8);
                opacity: 0;
            }
        }

        .wa-btn-pulse::before {
            content: '';
            position: absolute;
            inset: 0;
            border-radius: 50%;
            background-color: #25D366;
            animation: pulse-ring 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
            z-index: -1;
        }