@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
        body { font-family: 'Plus Jakarta Sans', sans-serif; background-color: #030308; scroll-behavior: smooth; }
        
        @keyframes zervia-shine { 
            0%{background-position:200% center;} 
            100%{background-position:-200% center;} 
        }
        .zervia-name {
            background-image: linear-gradient(110deg,#8a6d1f 0%,#d4af37 18%,#f7e8a4 40%,#fffbe8 50%,#f7e8a4 60%,#d4af37 82%,#8a6d1f 100%);
            background-size: 220% auto;
            -webkit-background-clip: text; background-clip: text;
            -webkit-text-fill-color: transparent; color: transparent;
            animation: zervia-shine 4.5s linear infinite;
        }
        .zervia-logo-box {
            background: radial-gradient(circle at 30% 25%, rgb(var(--grad-tarjeta-centro)) 0%, rgb(var(--grad-tarjeta-borde)) 72%);
            border: 1px solid rgba(212,175,55,0.5);
            box-shadow: 0 0 14px rgba(212,175,55,0.18), inset 0 0 6px rgba(212,175,55,0.10);
        }
        .glow-cyan { box-shadow: 0 0 50px rgb(var(--acento-500) / .12); }
        .glow-gold { box-shadow: 0 0 50px rgba(212, 175, 55, 0.08); }
        
        .legal-content::-webkit-scrollbar, .chat-scroll::-webkit-scrollbar { width: 6px; }
        .legal-content::-webkit-scrollbar-track, .chat-scroll::-webkit-scrollbar-track { background: rgb(var(--neutro-900)); border-radius: 4px; }
        .legal-content::-webkit-scrollbar-thumb, .chat-scroll::-webkit-scrollbar-thumb { background: rgb(var(--neutro-700)); border-radius: 4px; }
        
        .tab-btn.active {
            border-color: rgb(var(--acento-500));
            color: #ffffff;
            background-color: rgb(var(--acento-500) / .05);
        }
        
        @keyframes slideUpFade {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .chat-animate { animation: slideUpFade 0.3s ease-out forwards; }
    
.dot-delay-1 { animation-delay:0.1s; }
.dot-delay-2 { animation-delay:0.2s; }