[x-cloak] {
            display: none !important;
        }

        /* Evita el scroll mientras carga */
        body.loading {
            overflow: hidden;
        }

        #preloader {
            pointer-events: all;
        }

        .hero-gradient {
            background: radial-gradient(circle at center, rgba(0, 85, 150, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
        }

        .nav-blur {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(10px);
        }