/* ═══════════ RESPONSIVE ═══════════ */

  @media (max-width: 768px) {
    .container { padding: 0 20px; }
    .section { padding: 80px 0; }
    .hero { padding: 60px 20px; }
    .hero .sub span { display: block; margin: 4px 0; }
    .theme-toggle { top: 16px; right: 16px; width: 44px; height: 44px; font-size: 18px; }
    .modos-grid { grid-template-columns: 1fr; }
    .cta-section { padding: 80px 20px; }
  }