/* Utilizando animaciones centralizadas de animations.css */

/* Page Header */
.page-header {
    animation: fadeIn 1s ease-out;
}

.page-header h1 {
    animation: slideInUp 0.8s ease-out;
}

.page-header p {
    animation: slideInUp 0.8s ease-out 0.2s;
    opacity: 0;
    animation-fill-mode: forwards;
}

/* Pricing Section */
.pricing-intro h2 {
    animation: slideInUp 0.8s ease-out;
}

.pricing-intro p {
    animation: slideInUp 0.8s ease-out 0.2s;
    opacity: 0;
    animation-fill-mode: forwards;
}

.pricing-tabs .nav-pills {
    animation: fadeIn 0.8s ease-out;
}

.pricing-tabs .nav-link {
    transition: all 0.3s ease;
}

.pricing-tabs .nav-link:hover {
    transform: translateY(-2px);
}

.price-card {
    animation: scaleIn 0.6s ease-out;
    animation-fill-mode: forwards;
    opacity: 0;
    transition: all 0.3s ease;
}

.price-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}

.price-card:nth-child(1) { animation-delay: 0.1s; }
.price-card:nth-child(2) { animation-delay: 0.2s; }
.price-card:nth-child(3) { animation-delay: 0.3s; }

.price-header {
    position: relative;
    overflow: hidden;
}

.price-header::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, transparent, rgba(255,255,255,0.1), transparent);
    transform: translateX(-100%);
    transition: transform 0.6s;
}

.price-card:hover .price-header::before {
    transform: translateX(100%);
}

.featured-tag {
    animation: pulse 2s infinite;
}

/* Installation Fee Section */
.installation-section {
    animation: fadeIn 0.8s ease-out;
}

.installation-card {
    animation: scaleIn 0.6s ease-out;
    animation-fill-mode: forwards;
    opacity: 0;
}

/* Compare Section */
.compare-heading h2 {
    animation: slideInUp 0.8s ease-out;
}

.compare-heading p {
    animation: slideInUp 0.8s ease-out 0.2s;
    opacity: 0;
    animation-fill-mode: forwards;
}

.compare-table {
    animation: fadeIn 1s ease-out;
}

/* FAQ Section */
.faq-heading h2 {
    animation: slideInUp 0.8s ease-out;
}

.faq-heading p {
    animation: slideInUp 0.8s ease-out 0.2s;
    opacity: 0;
    animation-fill-mode: forwards;
}

.accordion-item {
    animation: slideInRight 0.6s ease-out;
    animation-fill-mode: forwards;
    opacity: 0;
}

.accordion-item:nth-child(even) {
    animation: slideInLeft 0.6s ease-out;
}

/* CTA Section */
.cta-section {
    animation: fadeIn 1s ease-out;
}

.cta-content {
    animation: slideInUp 0.8s ease-out;
}

.cta-btn {
    animation: scaleIn 0.6s ease-out 0.4s;
    animation-fill-mode: forwards;
    opacity: 0;
}