body {
            font-family: 'Plus Jakarta Sans', sans-serif;
            background-color: #ffffff;
        }

        /* Gradiente: Azul -> Indigo -> Cyan */
        .gradient-text {
            background: linear-gradient(135deg, #0284c7 0%, #4f46e5 50%, #06b6d4 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-size: 200% auto;
            animation: gradientMove 5s ease infinite;
        }

        @keyframes gradientMove {
            0% {
                background-position: 0% 50%;
            }

            50% {
                background-position: 100% 50%;
            }

            100% {
                background-position: 0% 50%;
            }
        }

        /* Fondo de Cuadrícula Técnica */
        .bg-grid {
            background-size: 40px 40px;
            background-image: linear-gradient(to right, rgba(226, 232, 240, 0.5) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(226, 232, 240, 0.5) 1px, transparent 1px);
            mask-image: linear-gradient(to bottom, black 40%, transparent 100%);
            -webkit-mask-image: linear-gradient(to bottom, black 40%, transparent 100%);
        }

        /* Blobs de color de fondo */
        .aurora-blob {
            position: absolute;
            filter: blur(80px);
            z-index: -1;
            opacity: 0.6;
            animation: float 10s infinite ease-in-out alternate;
        }

        .blob-1 {
            top: -10%;
            left: -10%;
            width: 90vw;
            height: 90vw;
            background: #e0f2fe;
            animation-delay: 0s;
        }

        .blob-2 {
            top: 20%;
            right: -20%;
            width: 80vw;
            height: 80vw;
            background: #e0e7ff;
            animation-delay: 2s;
        }

        .blob-3 {
            bottom: -10%;
            left: 10%;
            width: 90vw;
            height: 90vw;
            background: #ccfbf1;
            animation-delay: 4s;
        }

        @media (min-width: 768px) {
            .blob-1 {
                top: -10%;
                left: -10%;
                width: 50vw;
                height: 50vw;
            }

            .blob-2 {
                top: 10%;
                right: -10%;
                width: 40vw;
                height: 40vw;
            }

            .blob-3 {
                bottom: -10%;
                left: 20%;
                width: 45vw;
                height: 45vw;
            }
        }

        @keyframes float {
            0% {
                transform: translate(0, 0) scale(1);
            }

            100% {
                transform: translate(20px, 40px) scale(1.1);
            }
        }

        /* Botón WhatsApp */
        .btn-glow {
            box-shadow: 0 0 20px rgba(37, 211, 102, 0.4);
            transition: all 0.3s ease;
        }

        .btn-glow:hover {
            box-shadow: 0 0 30px rgba(37, 211, 102, 0.6);
            transform: translateY(-2px);
        }

        /* Efecto Glass */
        .glass {
            background: rgba(255, 255, 255, 0.7);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.5);
        }

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

        .card-hover:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 40px -5px rgba(0, 0, 0, 0.1), 0 10px 20px -5px rgba(0, 0, 0, 0.04);
            border-color: #c7d2fe;
        }