
    @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
    @keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }
    .infinity-blog-article { animation: fadeInUp 0.8s ease-out; }
    .pain-point-card:hover .pain-icon { animation: pulse 0.6s ease-in-out; }
    .product-card-image-focused:hover .product-badge { animation: pulse 0.6s ease-in-out; }
    
    /* Estilo para FAQ con etiqueta <details> */
    .faq-item summary::-webkit-details-marker { display: none; } /* Ocultar flecha en Chrome/Safari */
    .faq-item summary { list-style: none; } /* Ocultar flecha en Firefox */
    .faq-item[open] .faq-toggle { transform: rotate(45deg); }
    .faq-toggle { transition: transform 0.3s ease; }
    
    @media (max-width: 768px) {
        .article-header h1 { font-size: 2rem !important; }
        .pain-points-grid, .features-grid, .roi-content { grid-template-columns: 1fr !important; }
        .cta-buttons, .cta-stats { flex-direction: column !important; align-items: center !important; }
        .cta-stats { gap: 20px !important; }
    }
    @media (max-width: 480px) {
        .article-header, .section-content, .product-content, .feature-card, .roi-section, .cta-section, .cta-section-final, .faq-section { padding: 30px 20px !important; }
    }
