/* ============================================================
   RESPONSIVE — Media Queries
   ============================================================ */

/* ── TABLET (até 768px) ── */
@media (max-width: 768px) {
  .nav__links {
    display: none; 
    position: fixed; 
    top: var(--nav-h); 
    left: 0; 
    right: 0;
    background: rgba(13,34,68,.98); 
    padding: 20px 24px;
    flex-direction: column; 
    align-items: flex-start; 
    gap: 8px;
    border-bottom: .5px solid rgba(255,255,255,.08);
  }
  
  .nav__links.open { 
    display: flex; 
  }
  
  .nav__burger { 
    display: flex; 
  }
  
  .uc-wrap { 
    padding: calc(var(--nav-h) + 48px) 24px 64px; 
  }
  
  .footer-inner { 
    flex-direction: column; 
    align-items: center; 
    text-align: center; 
    gap: 10px; 
  }
}