body {
            background-color: #111827;
        }

        .text-gradient {
            background: linear-gradient(90deg, #a5b4fc, #6366F1);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .perspective-container {
            perspective: 1000px;
        }

        .tilt-card {
            transform-style: preserve-3d;
            transition: transform 0.1s linear;
            position: relative;
            overflow: hidden;
        }

        .tilt-card .glare {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 60%);
            mix-blend-mode: overlay;
            opacity: 0;
            transition: opacity 0.4s ease;
            pointer-events: none;
        }

        .tilt-card:hover .glare {
            opacity: 1;
        }

        .text-shadow {
            text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.7);
        }

        /* === AÑADE ESTOS NUEVOS ESTILOS PARA LA SECCIÓN DE CLIENTES === */
        #trust-showcase {
            position: relative;
            /* Imagen de fondo con una capa oscura para contraste */
            background-image: linear-gradient(rgba(17, 24, 39, 0.96), rgba(17, 24, 39, 0.96)), url(https://images.unsplash.com/photo-1533134486753-c833f0ed4866?q=80&w=2070);
            background-position: center center;
            background-size: cover;
            background-attachment: fixed;
            /* La magia del Parallax */
        }

        .swiper-clients .swiper-slide {
            display: flex;
            justify-content: center;
            align-items: center;
            height: auto;
        }

        .client-logo {
            filter: grayscale(1) opacity(0.5);
            transition: all 0.3s ease;
            max-height: 80px;
            /* Ajusta la altura máxima de los logos */
            width: auto;
        }

        .client-logo:hover {
            filter: grayscale(0) opacity(1);
            transform: scale(1.1);
        }

        /* === NUEVO: ESTILOS PARA LA SECCIÓN DE EQUIPO === */
        .team-card {
            background-color: transparent;
            transition: all 0.3s ease;
            padding: 1.5rem;
            border-radius: 1rem;
        }

        /* Al hacer hover, la tarjeta cambia de color y se eleva */
        .team-card:hover {
            background-color: #1f2937;
            /* bg-gray-800 */
            transform: translateY(-10px);
        }

        /* Los iconos sociales están ocultos por defecto */
        .team-card .social-links {
            opacity: 0;
            transform: translateY(10px);
            transition: all 0.3s ease;
        }

        /* Al hacer hover en la tarjeta, los iconos aparecen */
        .team-card:hover .social-links {
            opacity: 1;
            transform: translateY(0);
        }

        .social-icon {
            display: inline-block;
            color: #9ca3af;
            /* text-gray-400 */
            transition: all 0.2s ease;
        }

        .social-icon:hover {
            color: #F9FAFB;
            /* text-brand-light */
            transform: scale(1.2);
        }