/* Estilos para pantallas pequeñas */
        @media (max-width: 768px) {
            .container {
                padding: 1rem;
            }

            .hero {
                padding: 3rem 0;
            }

            .hero h1 {
                font-size: 2.5rem;
            }
        }