/* ===========================
   RESPONSIVE (GERAL)
   =========================== */

   /* --- Menu Mobile Tela Cheia --- */
@media (max-width: 768px) {
  .nav-links {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100vw; height: 100vh;
    background: var(--bg); 
    flex-direction: column;
    align-items: center; justify-content: center;
    gap: 2.5rem; font-size: 1.4rem;
    z-index: 999;
    padding: 0; margin: 0;
  }

  .nav-links.open { display: flex; }
  .hamburger { display: flex; }
  
  /* --- Grid Geral --- */
  .hero-grid { 
    grid-template-columns: 1fr; 
    width: 100% !important; 
  }

  .hero-visual { 
    display: flex; margin-top: 2rem; 
    transform: scale(0.95); transform-origin: top center; 
  }

  /* --- Ajustes Gerais de Seções --- */
  .about-grid, .ct-grid { grid-template-columns: 1fr; gap: 3rem; }
  .proj-head { flex-direction: column; align-items: flex-start; }
  .ft-inner { flex-direction: column; text-align: center; }

  section { padding: 4rem 1.2rem; }
}