/* ===== RESPONSIVE UNIFICATO ===== */
@media (max-width: 992px) {
    .hero h1 { font-size: 2.5rem; }
    .about-grid { grid-template-columns: 1fr; }
    .about-image { order: -1; max-width: 500px; margin: 0 auto; }
    .contact-grid { grid-template-columns: 1fr; }
    .contact-info { position: static; }
    .linkedin-articles-sidebar { position: static; margin: 40px 0; }
    .hero-stats { gap: 25px; }
    .credentials { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
    .mobile-toggle { display: block; }
    nav ul {
        position: fixed; top: 70px; left: 0; right: 0; background: white;
        flex-direction: column; padding: 20px; gap: 15px; box-shadow: var(--shadow-lg);
        transform: translateY(-150%); transition: var(--transition); z-index: 999;
    }
    nav ul.active { transform: translateY(0); }
    .hero { padding: 140px 0 80px; min-height: auto; }
    .hero-content { padding: 30px 20px; background: rgba(255,255,255,0.85); }
    .hero h1 { font-size: 2rem; } .hero p { font-size: 1.1rem; }
    .section { padding: 60px 0; } .section-title h2 { font-size: 1.8rem; }
    .hidden-mobile { display: none; }
    .cookie-banner { flex-direction: column; text-align: center; padding: 15px; }
    .cookie-buttons { width: 100%; justify-content: center; }
    .sidebar-header { flex-direction: column; text-align: center; }
    .about-grid { grid-template-columns: 1fr; gap: 25px; padding: 0 12px; }
    .about-content h3 { font-size: 1.4rem; margin-top: 0; }
    .about-content p { font-size: 0.95rem; margin-bottom: 12px; }
    .credentials { grid-template-columns: 1fr; gap: 10px; }
    .btn { width: 100%; justify-content: center; }
}

@media (max-width: 480px) {
    .hero h1 { font-size: 1.8rem; }
    .hero-buttons { flex-direction: column; align-items: center; }
    .btn { width: 100%; justify-content: center; }
    .stat-number { font-size: 1.7rem; }
    .service-card { padding: 25px 20px; }
    .contact-form { padding: 25px 20px; }
    .article-card { padding: 15px 20px; }
    .article-card:hover { padding-left: 27px; }
    .article-card::before { left: 20px; }
}