/* ============================================
   CSS Responsivo — Media Queries
   ============================================ */

@media (max-width: 1024px) {
    .container { max-width: 100%; }
}

@media (max-width: 768px) {
    .hide-mobile { display: none !important; }
}

@media (min-width: 769px) {
    .hide-desktop { display: none !important; }
}