/* ========== RESPONSIVE ========== */
    @media (max-width: 1024px) {
      .hero-blocks, .users-grid, .productos-grid { grid-template-columns: repeat(2, 1fr); }
      .mega-menu { width: 600px; }
    }

    @media (max-width: 768px) {
      .menu-toggle { display: block; }
      .nav-links {
        position: fixed;
        top: 0; right: -100%;
        width: 82%;
        max-width: 320px;
        height: 100vh;
        background: var(--azul);
        flex-direction: column;
        align-items: flex-start;
        padding: 80px 24px;
        transition: right .35s ease;
        overflow-y: auto;
        z-index: 200;
      }
      .nav-links.open { right: 0; }
      .mega-menu {
        position: static;
        transform: none;
        width: 100%;
        grid-template-columns: 1fr;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        display: none;
        margin-top: 8px;
      }
      .has-mega.open .mega-menu { display: grid; }
      .mega-col li a, .mega-col h4 { color: var(--texto); }
      .mega-col h4 { color: var(--cian); }
      .nav-links > li > a, .nav-links > li > button { color: #fff; width: 100%; text-align: left; }
      .hero-blocks, .users-grid, .productos-grid,
      .carnet-section, .comision-box, .form-grid, .footer-grid {
        grid-template-columns: 1fr;
      }
      .carnet-section { padding: 36px 24px; }
      .form-wrap { padding: 26px 20px; }
      .slider { height: 80vh; }
      .slider-arrow { width: 42px; height: 42px; font-size: 1.45rem; }
      .slider-arrow.prev { left: 12px; }
      .slider-arrow.next { right: 12px; }
      .back-to-top { right: 14px; bottom: 14px; width: 46px; height: 46px; }
    }

    @media (min-width: 769px) and (max-width: 1024px) {
      .nav-links > li > a, .nav-links > li > button { padding: 8px 10px; font-size: .9rem; }
    }