.hero-gradient {
            background: linear-gradient(-45deg, #002845, #004C83, #001a2e, #002845);
            background-size: 400% 400%;
            animation: gradient 15s ease infinite;
        }
        @keyframes gradient {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }
        /* Header Transparente Inicial */
        .header-transparent {
            background: rgba(255, 255, 255, 0);
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(0px);
        }
        /* Header Scrolled (Glass) */
        .header-scrolled {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(12px);
            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        }
        .header-scrolled .text-brand-dark { color: #002845; }
        .header-transparent .text-brand-dark { color: #ffffff; }
        
        @media(max-width: 768px) {
            .header-transparent .text-brand-dark { color: #ffffff; }
            .header-scrolled .text-brand-dark { color: #002845; }
        }

        .glass-dark-card {
            background: rgba(0, 40, 69, 0.9);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        .scrollbar-hide::-webkit-scrollbar { display: none; }
        .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
        details > summary { list-style: none; }
        details > summary::-webkit-details-marker { display: none; }