.glassmorphism {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

        .service-card {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .service-card:hover {
            transform: translateY(-8px) scale(1.02);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
        }

        .scroll-reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.6s ease-out;
        }

        .scroll-reveal.revealed {
            opacity: 1;
            transform: translateY(0);
        }

        .nav-link {
            position: relative;
            transition: all 0.3s ease;
        }

        .nav-link::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -4px;
            left: 50%;
            background: white;
            transition: all 0.3s ease;
            transform: translateX(-50%);
        }

        .nav-link:hover::after {
            width: 100%;
        }

        .chatbot-modal {
            display: none;
        }

        .chatbot-modal.active {
            display: flex;
        }

        .hero-text {
            text-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
        }

        /* --- Estilos para el Fondo Aurora GLOBAL --- */
        .aurora-container {
            position: fixed;
            /* Anclado a la ventana */
            top: 50%;
            left: 50%;
            width: 150vw;
            height: 150vh;
            transform: translate(-50%, -50%);
            z-index: -1;
            /* Detrás de todo el contenido */
            animation: aurora-rotate 50s linear infinite;
        }

        .aurora-shape {
            position: absolute;
            border-radius: 50%;
            filter: blur(100px);
            opacity: 0.5;
        }

        .aurora-shape-1 {
            width: 500px;
            height: 500px;
            background-color: #7c3aed;
            /* Púrpura */
            top: 10%;
            left: 10%;
            animation: aurora-move 35s ease-in-out infinite alternate;
        }

        .aurora-shape-2 {
            width: 450px;
            height: 450px;
            background-color: #3b82f6;
            /* Azul */
            bottom: 15%;
            right: 10%;
            animation: aurora-move 40s ease-in-out infinite alternate-reverse;
        }

        .aurora-shape-3 {
            width: 400px;
            height: 400px;
            background-color: #ec4899;
            /* Rosa */
            top: 40%;
            right: 30%;
            animation: aurora-move 30s ease-in-out infinite alternate;
        }