/* ========================================
   ANIMACIONES SUAVES - EFECTOS ELEGANTES
   ======================================== */

/* Suavizar estadísticas de la academia */
.academia-stats .stat-item {
    animation: none !important;
    transition: all 0.3s ease;
}

.academia-stats .stat-item:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 10px 30px rgba(199, 0, 57, 0.2);
}

/* Suavizar estadísticas de Caballo de Silicio */
.caballo-stats .stat-item {
    animation: none !important;
    transition: all 0.3s ease;
}

.caballo-stats .stat-item:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 10px 30px rgba(199, 0, 57, 0.2);
}

/* Suavizar estadísticas de contacto */
.contact-stats .stat-item {
    animation: none !important;
    transition: all 0.3s ease;
}

.contact-stats .stat-item:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 10px 30px rgba(0, 212, 170, 0.2);
}

/* Suavizar tarjetas de revistas */
.revista-item,
.revista-card,
[class*="revista"] {
    transition: all 0.3s ease;
}

.revista-item:hover,
.revista-card:hover,
[class*="revista"]:hover {
    transform: translateY(-3px) scale(1.01);
    box-shadow: 0 8px 25px rgba(199, 0, 57, 0.15);
}

/* Suavizar tarjetas de beneficios */
.benefit-card {
    transition: all 0.3s ease;
}

.benefit-card:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 10px 30px rgba(199, 0, 57, 0.2);
}

/* Suavizar tarjetas de nivel intermedio */
.nivel-benefit-card {
    transition: all 0.3s ease;
}

.nivel-benefit-card:hover {
    transform: translateY(-3px) scale(1.01);
    box-shadow: 0 8px 25px rgba(199, 0, 57, 0.15);
}

/* Suavizar tarjetas de logros */
.logro-item {
    transition: all 0.3s ease;
}

.logro-item:hover {
    transform: translateY(-3px) scale(1.01);
    box-shadow: 0 8px 25px rgba(199, 0, 57, 0.15);
}

/* Suavizar botones */
.btn,
.btn-primary,
.btn-secondary {
    transition: all 0.3s ease;
}

.btn:hover,
.btn-primary:hover,
.btn-secondary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(199, 0, 57, 0.3);
}

/* Suavizar elementos de navegación */
.nav-link {
    transition: all 0.3s ease;
}

.nav-link:hover {
    transform: translateY(-1px);
}

/* Suavizar iconos */
.benefit-icon,
.nivel-benefit-icon,
.logro-icon {
    transition: all 0.3s ease;
}

.benefit-card:hover .benefit-icon,
.nivel-benefit-card:hover .nivel-benefit-icon,
.logro-item:hover .logro-icon {
    transform: scale(1.05);
}

/* Eliminar animaciones exageradas de entrada */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Aplicar animación suave de entrada */
.academia-stats .stat-item,
.caballo-stats .stat-item,
.contact-stats .stat-item,
.benefit-card,
.nivel-benefit-card,
.logro-item {
    animation: fadeInUp 0.6s ease-out;
}

/* Retrasos escalonados para entrada suave */
.academia-stats .stat-item:nth-child(1) { animation-delay: 0.1s; }
.academia-stats .stat-item:nth-child(2) { animation-delay: 0.2s; }
.academia-stats .stat-item:nth-child(3) { animation-delay: 0.3s; }

.caballo-stats .stat-item:nth-child(1) { animation-delay: 0.1s; }
.caballo-stats .stat-item:nth-child(2) { animation-delay: 0.2s; }
.caballo-stats .stat-item:nth-child(3) { animation-delay: 0.3s; }

.contact-stats .stat-item:nth-child(1) { animation-delay: 0.1s; }
.contact-stats .stat-item:nth-child(2) { animation-delay: 0.2s; }
.contact-stats .stat-item:nth-child(3) { animation-delay: 0.3s; }

/* ===== ARREGLOS DE ESPACIADO EN MÓVILES ===== */

/* Arreglar espaciado de precios en móviles */
@media (max-width: 768px) {
    .pricing-amount {
        margin-top: 0.5rem !important;
    }
    
    .pricing-card .pricing-label {
        margin-bottom: 0.5rem !important;
    }
    
    .pricing-card .pricing-amount .currency {
        font-size: 2rem !important;
        line-height: 1.2 !important;
    }
    
    .pricing-card .pricing-amount .amount {
        font-size: 1.2rem !important;
        margin-left: 0.3rem !important;
    }
    
    .pricing-card .pricing-amount .period {
        font-size: 0.9rem !important;
        margin-top: 0.2rem !important;
    }
}

@media (max-width: 480px) {
    .pricing-amount {
        margin-top: 0.3rem !important;
        padding-top: 0.5rem !important;
    }
    
    .pricing-card .pricing-label {
        margin-bottom: 0.3rem !important;
    }
    
    .pricing-card .pricing-amount .currency {
        font-size: 1.8rem !important;
        line-height: 1.1 !important;
    }
    
    .pricing-card .pricing-amount .amount {
        font-size: 1rem !important;
        margin-left: 0.2rem !important;
    }
    
    .pricing-card .pricing-amount .period {
        font-size: 0.8rem !important;
        margin-top: 0.1rem !important;
    }
}

/* Arreglar espaciado de precios de nivel intermedio en móviles */
@media (max-width: 768px) {
    .nivel-pricing-amount {
        margin-top: 0.5rem !important;
    }
    
    .nivel-pricing-card .nivel-pricing-label {
        margin-bottom: 0.5rem !important;
    }
    
    .nivel-pricing-card .nivel-pricing-amount .nivel-currency {
        font-size: 2rem !important;
        line-height: 1.2 !important;
    }
    
    .nivel-pricing-card .nivel-pricing-amount .nivel-amount {
        font-size: 1.2rem !important;
        margin-left: 0.3rem !important;
    }
    
    .nivel-pricing-card .nivel-pricing-amount .nivel-period {
        font-size: 0.9rem !important;
        margin-top: 0.2rem !important;
    }
}

@media (max-width: 480px) {
    .nivel-pricing-amount {
        margin-top: 0.3rem !important;
        padding-top: 0.5rem !important;
    }
    
    .nivel-pricing-card .nivel-pricing-label {
        margin-bottom: 0.3rem !important;
    }
    
    .nivel-pricing-card .nivel-pricing-amount .nivel-currency {
        font-size: 1.8rem !important;
        line-height: 1.1 !important;
    }
    
    .nivel-pricing-card .nivel-pricing-amount .nivel-amount {
        font-size: 1rem !important;
        margin-left: 0.2rem !important;
    }
    
    .nivel-pricing-card .nivel-pricing-amount .nivel-period {
        font-size: 0.8rem !important;
        margin-top: 0.1rem !important;
    }
}