body {
            font-family: 'Inter', sans-serif;
            scroll-behavior: smooth;
            background-color: #f8fafc;
        }

        .text-gradient {
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        /* --- Estilos del Slider Premium --- */
        .hero-slider {
            position: relative;
            width: 100%;
            height: 100vh;
            min-height: 700px;
            overflow: hidden;
            background-color: #0b1120;
        }
        
        .slide {
            position: absolute;
            inset: 0;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.8s ease-in-out, transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transform: scale(1.05);
            z-index: 1;
        }
        
        .slide.active {
            opacity: 1;
            visibility: visible;
            transform: scale(1);
            z-index: 2;
        }

        .slide-content {
            opacity: 0;
            transform: translateY(40px);
            transition: opacity 0.8s ease-out, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
            transition-delay: 0.3s;
        }

        .slide.active .slide-content {
            opacity: 1;
            transform: translateY(0);
        }

        .slider-progress {
            position: absolute;
            bottom: 0;
            left: 0;
            height: 4px;
            background: rgba(255, 255, 255, 0.1);
            width: 100%;
            z-index: 10;
        }
        
        .progress-bar {
            height: 100%;
            background: linear-gradient(90deg, #06b6d4, #2563eb);
            width: 0%;
            transition: width linear;
        }

        /* Utilidades Glassmorphism y 3D */
        .glass-nav {
            background: rgba(255, 255, 255, 0.8);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        }

        .glass-card {
            background: rgba(255, 255, 255, 0.7);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.5);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.05);
        }

        .dark-glass {
            background: rgba(15, 23, 42, 0.6);
            backdrop-filter: blur(24px);
            -webkit-backdrop-filter: blur(24px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .perspective-1000 { perspective: 1000px; }

        /* Animaciones base */
        @keyframes fadeUp {
            from { opacity: 0; transform: translateY(40px); }
            to { opacity: 1; transform: translateY(0); }
        }
        @keyframes floatSlow {
            0%, 100% { transform: translateY(0) rotate(0deg); }
            50% { transform: translateY(-20px) rotate(2deg); }
        }
        
        .animate-fade-up {
            animation: fadeUp 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
            opacity: 0;
        }
        .animate-float { animation: floatSlow 8s ease-in-out infinite; }

        /* Utilidades para el Artículo / Blog */
        .article-body p { margin-bottom: 1.5rem; line-height: 1.8; color: #475569; }
        .article-body h3 { font-size: 1.5rem; font-weight: 800; color: #0f172a; margin-top: 2.5rem; margin-bottom: 1rem; }
        .article-body ul { margin-bottom: 1.5rem; padding-left: 1.5rem; list-style-type: disc; color: #475569; }
        .article-body li { margin-bottom: 0.5rem; }
        
        /* Ocultar barra de scroll para filtros horizontales */
        .hide-scrollbar::-webkit-scrollbar { display: none; }
        .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
        
        /* Utilidades de retardo para el Grid de artículos */
        .delay-100 { animation-delay: 100ms; }
        .delay-200 { animation-delay: 200ms; }
        .delay-300 { animation-delay: 300ms; }