/* ── Gran Tarengo — estilos globales ── */

/* Transiciones suaves para las animaciones del hero */
#hero-logo, #hero-divider, #hero-title,
#hero-sub, #hero-chips, #hero-ctas, #hero-scroll {
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

#hero-logo img {
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Clamp de texto para tarjetas */
.line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Animación bounce para scroll indicator */
@@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50%       { transform: translateY(4px); }
}
.animate-bounce { animation: bounce 1.2s ease-in-out infinite; }

/* Scroll suave global */
html { scroll-behavior: smooth; }