/* Estilos no críticos - Cargados async */

/* Performance optimizations */
.section {
    content-visibility: auto;
    contain: layout style paint;
}

.problema-card, .testimonio-card, .marca-item {
    content-visibility: auto;
}

/* Animaciones adicionales */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.fade-in {
    animation: fadeIn 0.6s ease-out;
}

/* Responsive refinements */
@media (max-width: 767px) {
    .section {
        padding: 2rem 1rem;
    }
    
    .section-title {
        font-size: 1.5rem;
    }
    
    .problemas-grid {
        grid-template-columns: 1fr;
    }
    
    .proceso-steps {
        grid-template-columns: 1fr;
    }
    
    .testimonios-grid {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .problemas-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .proceso-steps {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Accesibilidad */
:focus-visible {
    outline: 2px solid #667eea;
    outline-offset: 2px;
}

/* Mejoras de performance */
* {
    -webkit-tap-highlight-color: transparent;
}

img {
    content-visibility: auto;
}

/* Reduced motion */