body {
    font-family: 'Inter', sans-serif;
    background-color: #050505;
    touch-action: manipulation; /* Desactiva zoom de doble toque */
    -webkit-text-size-adjust: 100%; /* Evita ajuste de texto automático en iOS */
}

button {
    cursor: pointer; /* Crucial para que iOS detecte el clic correctamente */
}

h1, h2, h3, .font-oswald {
    font-family: 'Oswald', sans-serif;
}

.violet-gradient {
    background: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%);
}

.text-violet {
    color: #a78bfa;
}

.border-violet {
    border-color: #7c3aed;
}

.bg-card {
    background-color: #121212;
}

.hero-bg {
            background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.8)), 
                        url('../img/metfithero.webp');
            background-size: cover;
            background-position: center;
            background-attachment: scroll;
        }
        
        html {
            scroll-behavior: smooth;
        }
        
        .focus-card:hover {
            transform: translateY(-5px);
            border-color: #8b5cf6;
        }

        @keyframes scroll {
            0% { transform: translateX(0); }
            100% { transform: translateX(calc(-350px * 5)); }
        }

        .testimonial-track {
            display: flex;
            width: calc(350px * 10); 
            animation: scroll 40s linear infinite;
        }

        .testimonial-track:hover {
            animation-play-state: paused;
        }

        .testimonial-card {
            width: 350px;
            flex-shrink: 0;
            margin: 0 15px;
        }


a, button {
    transition: all 0.3s ease;
}

.scroll-smooth {
    scroll-behavior: smooth;
}

@keyframes floatDots {
    0% { transform: translateY(0);}
    50% { transform: translateY(-20px);}
    100% { transform: translateY(0);}
  }