/* /es/soluciones/analytics/css/style.css */
.animate-fade-in { animation: fadeIn 0.5s ease-out forwards; }
.animate-fade-up { animation: fadeUp 0.8s ease-out forwards; }
.animate-fade-down { animation: fadeDown 0.8s ease-out forwards; }

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes fadeDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } }

.service-tab { opacity: 0.5; transition: all 0.3s; }
.service-tab:hover { opacity: 0.8; }
.service-tab.active { 
    opacity: 1; 
    color: #ea580c; 
    border-bottom-color: #ea580c; 
}

.delay-100 { animation-delay: 0.1s; }

/* Responsive tabs en móvil */
@media (max-width: 768px) {
    .service-tab { padding: 12px 16px; font-size: 0.875rem; }
}