/* --- GLOBAL STYLES --- */
        body { font-family: 'Inter', sans-serif; }
        .intel-i { font-weight: 700; color: #00C7FD; display: inline-block; }
        
        /* Acessibilidade */
        *:focus-visible { outline: 2px solid #00C7FD; outline-offset: 4px; }
        .skip-link { position: absolute; top: -40px; left: 0; background: #0071C5; color: white; padding: 8px; z-index: 100; transition: top 0.3s; }
        .skip-link:focus { top: 0; }
        
        /* Animations */
        .reveal { opacity: 0; filter: blur(12px); transform: translateY(30px) scale(0.98); transition: all 1s cubic-bezier(0.2, 0.8, 0.2, 1); }
        .reveal.active { opacity: 1; filter: blur(0); transform: translateY(0) scale(1); }

        /* Backgrounds */
        .bg-dot-pattern { background-image: radial-gradient(rgba(255, 255, 255, 0.1) 1.5px, transparent 1.5px); background-size: 24px 24px; }

        /* Glass Cards */
        .glass-card { background: rgba(15, 23, 42, 0.6); backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
        .glass-card:hover { background: rgba(30, 41, 59, 0.8); border-color: rgba(0, 199, 253, 0.4); transform: translateY(-8px); box-shadow: 0 20px 40px -10px rgba(0, 199, 253, 0.15); }

        /* Blog Categories */
        .category-btn { transition: all 0.3s ease; border: 1px solid transparent; }
        .category-btn.active { background: rgba(0, 199, 253, 0.15); border-color: #00C7FD; color: #00C7FD; }
        .category-btn:hover:not(.active) { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.2); }

        /* Custom Scrollbar */
        .custom-scrollbar::-webkit-scrollbar { width: 6px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: rgba(15, 23, 42, 0.5); border-radius: 4px; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: rgba(59, 130, 246, 0.5); border-radius: 4px; }
        .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: rgba(0, 199, 253, 0.8); }

        /* Article Modal */
        .article-modal { transition: opacity 0.3s ease, visibility 0.3s ease; }
        .article-drawer { transform: translateX(100%); transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
        .article-modal.open .article-drawer { transform: translateX(0); }
        .article-modal.open { opacity: 1; visibility: visible; pointer-events: auto; }
        .article-modal.closed { opacity: 0; visibility: hidden; pointer-events: none; }

        /* Rich Text Styling (Prose) */
        .prose p { margin-bottom: 1.5em; line-height: 1.8; color: #cbd5e1; }
        .prose h3 { color: white; font-weight: 700; font-size: 1.5rem; margin-top: 2em; margin-bottom: 0.75em; }
        .prose ul { list-style: none; padding-left: 0; margin-bottom: 1.5em; }
        .prose ul li { position: relative; padding-left: 1.5rem; margin-bottom: 0.5rem; color: #94a3b8; }
        .prose ul li::before { content: '•'; color: #00C7FD; position: absolute; left: 0; font-weight: bold; }
        .prose blockquote { border-left: 4px solid #00C7FD; padding-left: 1.5rem; font-style: italic; color: #94a3b8; margin: 2rem 0; background: rgba(0,199,253,0.05); padding: 1.5rem; border-radius: 0 0.5rem 0.5rem 0; }
        .prose strong { color: white; }

        /* Social Share Button */
        .share-btn:hover { transform: scale(1.1); }
        .share-btn.facebook:hover { color: #1877F2; }
        .share-btn.twitter:hover { color: #1DA1F2; }
        .share-btn.linkedin:hover { color: #0A66C2; }
        .share-btn.whatsapp:hover { color: #25D366; }

        /* Page Specific: Blog Hero */
        .page-blog .blog-hero-bg {
            background: linear-gradient(to bottom, rgba(2, 6, 23, 0.85), #020617), url('https://images.unsplash.com/photo-1499750310159-52f0f83ad497?q=80&w=2000&auto=format&fit=crop');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
        }

        /* Card Overlay Share */
        .card-share-overlay {
            background: rgba(15, 23, 42, 0.9);
            backdrop-filter: blur(4px);
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        .group:hover .card-share-overlay {
            opacity: 1;
        }



.hp-field {
    position: absolute;
    left: -9999px;
}