/* --- 9. MEDIA QUERIES (RESPONSIVE) --- */
@media (min-width: 768px) {
    .servicios-grid { grid-template-columns: repeat(3, 1fr); }
    .servicios-grid .card:nth-child(7) { grid-column: 2; }
    .footer-content { flex-direction: row; justify-content: space-around; }
}

@media (max-width: 1024px) {
    .menu-toggle { display: block; }
    .nav-links {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 100%; left: 0; width: 100%;
        background-color: white;
        padding: 20px 0;
    }
    .nav-links.active { display: flex; }
    .nav-links a.btn-calc { margin: 10px 0; }
}

@media (max-width: 850px) {
    .stats-bar { flex-direction: column; gap: 20px; }
    .stat-divider { display: none; }
    .benefits-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
    .benefits-grid { grid-template-columns: 1fr; }
    .contact-container { grid-template-columns: 1fr; }
}