MVE/views/partials/sidebar_importador.php

<style>
  .nav .nav-link { font-weight: normal; color: white; transition: all 0.3s ease; }
  .nav .nav-link:hover,
  .nav .nav-link.active { background-color: #495057; color: #fff; }
  /* Estilo inverso solo para pantallas pequeñas (sidebar tipo offcanvas) */
  @media (max-width: 767.98px) {
    .nav .nav-link { font-weight: normal; color: #343a40; background-color: transparent; }
    .nav .nav-link:hover,
    .nav .nav-link.active { background-color: #e9ecef; color: #212529; }
  }
</style>

<!-- NAVBAR -->
<nav class="navbar navbar-dark bg-dark fixed-top">
  <div class="container-fluid">
    <!-- Botón de menú para móviles -->
    <button class="btn btn-outline-light d-md-none me-2" type="button" data-bs-toggle="offcanvas" data-bs-target="#sidebarMenu">
      ☰
    </button>
    <span class="navbar-brand">SIIH | Importador</span>
    <div class="d-flex ms-auto text-white">
      <?php
      $esDashboard = str_contains($_SERVER['REQUEST_URI'], '/importadores/dashboard');
      if ($esDashboard): ?>
        Bienvenido, <?= htmlspecialchars($_SESSION['usuario_nombre']) ?>
      <?php else: ?>
        <a href="/IMPORTADORES/sistemas/logout" class="btn btn-outline-light btn-sm ms-2 W-auto btn-animated">Cerrar Sesión</a>
      <?php endif; ?>
    </div>
  </div>
</nav>

<!-- SIDEBAR FIJA (escritorio) -->
<div class="d-none d-md-block bg-dark text-white position-fixed h-100 pt-5" style="width: 250px;">
  <nav class="nav flex-column">

    <!-- INICIO -->
    <a href="/IMPORTADORES/importadores/dashboard"
       class="nav-link px-3 py-2 <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/importadores/dashboard') ? 'active' : '' ?>">
      🏠 Inicio
    </a>

    <!-- LOCACIONES -->
     <a href="/IMPORTADORES/importadores/lista"
     class="nav-link px-3 py-2 <?= $_SERVER['REQUEST_URI'] === '/IMPORTADORES/importadores/lista' ? 'active' : '' ?>">
     🗺️ Locaciones
    </a>

    <!-- VINCULACIONES -->
    <a class="nav-link px-3 py-2 d-flex justify-content-between align-items-center
         <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/vinculaciones') ? 'active' : '' ?>"
       data-bs-toggle="collapse" href="#submenuVinculaciones" role="button" aria-expanded="false">
      🔗 Vinculación
      <span class="badge bg-secondary">2</span>
    </a>
    <div class="collapse <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/vinculaciones') ? 'show' : '' ?>" id="submenuVinculaciones">
      <nav class="nav flex-column ms-3">
        <a href="/IMPORTADORES/vinculaciones/vinculacionesUsuario"
          class="nav-link px-3 py-2 <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/vinculaciones/vinculacionesUsuario') ? 'active' : '' ?>">
          • Mis vinculaciones
        </a>
        <a href="/IMPORTADORES/vinculaciones/nuevaVinculacion"
          class="nav-link px-3 py-2 <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/vinculaciones/nuevaVinculacion') ? 'active' : '' ?>">
          • Nueva vinculación
        </a>
      </nav>
    </div>
    
    <!-- TRANSPORTISTAS -->
    <a class="nav-link px-3 py-2 d-flex justify-content-between align-items-center
        <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/transportistas') ? 'active' : '' ?>"
       data-bs-toggle="collapse" href="#submenuTransportistas" role="button" aria-expanded="false">
      🚚 Transportistas
      <span class="badge bg-secondary">3</span>
    </a>
    <div class="collapse <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/transportistas') ? 'show' : '' ?>" id="submenuTransportistas">
      <nav class="nav flex-column ms-3">
        <a href="/IMPORTADORES/transportistas/lista"
           class="nav-link px-3 py-1 <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/transportistas/lista') ? 'active' : '' ?>">
          • Mis transportistas
        </a>
        <a href="/IMPORTADORES/transportistas/alta"
           class="nav-link px-3 py-1 <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/transportistas/alta') ? 'active' : '' ?>">
          • Alta de transportista
        </a>
        <a href="/IMPORTADORES/transportistas/bulk_upload"
           class="nav-link px-3 py-1 <?= str_contains($_SERVER['REQUEST_URI'], '/transportistas/bulk_upload') ? 'active' : '' ?>">
          • Carga masiva 
        </a>
      </nav>
    </div>

    <!-- TRANSPORTES -->
    <a class="nav-link px-3 py-2 d-flex justify-content-between align-items-center
        <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/transportes') ? 'active' : '' ?>"
       data-bs-toggle="collapse" href="#submenuTransportes" role="button" aria-expanded="false">
      🚛 Transportes
      <span class="badge bg-secondary">3</span>
    </a>
    <div class="collapse <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/transportes') ? 'show' : '' ?>" id="submenuTransportes">
      <nav class="nav flex-column ms-3">
        <a href="/IMPORTADORES/transportes/lista"
           class="nav-link px-3 py-1 <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/transportes/lista') ? 'active' : '' ?>">
          • Mis transportes
        </a>
        <a href="/IMPORTADORES/transportes/crear"
           class="nav-link px-3 py-1 <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/transportes/crear') ? 'active' : '' ?>">
          • Nuevo transporte
        </a>
        <a href="/IMPORTADORES/transportes/masivo"
           class="nav-link px-3 py-1 <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/transportes/masivo') ? 'active' : '' ?>">
          • Carga masiva
        </a>
      </nav>
    </div>

    <!-- CHOFERES -->
    <a class="nav-link px-3 py-2 d-flex justify-content-between align-items-center
        <?= str_contains($_SERVER['REQUEST_URI'], '/choferes') ? 'active' : '' ?>"
       data-bs-toggle="collapse" href="#submenuChoferes" role="button" aria-expanded="false">
      👨‍✈️ Choferes
      <span class="badge bg-secondary">2</span>
    </a>
    <div class="collapse <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/choferes') ? 'show' : '' ?>" id="submenuChoferes">
      <nav class="nav flex-column ms-3">
        <a href="/IMPORTADORES/choferes/lista"
           class="nav-link px-3 py-1 <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/choferes/lista') ? 'active' : '' ?>">
          • Mis choferes
        </a>
        <a href="/IMPORTADORES/choferes/crear"
           class="nav-link px-3 py-1 <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/choferes/crear') ? 'active' : '' ?>">
          • Nuevo chofer
        </a>
      </nav>
    </div>

    <!-- PROVEEDORES -->
    <a class="nav-link px-3 py-2 d-flex justify-content-between align-items-center <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/proveedores') ? 'active' : '' ?>"
      data-bs-toggle="collapse" href="#submenuProveedores" role="button" aria-expanded="<?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/proveedores') ? 'true' : 'false' ?>"
      aria-controls="submenuProveedores">
      🏭 Proveedores
      <span class="badge bg-secondary">2</span>
    </a>
    <div class="collapse <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/proveedores') ? 'show' : '' ?>" id="submenuProveedores">
      <nav class="nav flex-column ms-3">
        <a href="/IMPORTADORES/proveedores" class="nav-link px-3 py-1 <?= $_SERVER['REQUEST_URI'] === '/IMPORTADORES/proveedores' ? 'active' : '' ?>">
          • Lista de Proveedores
        </a>
        <a href="/IMPORTADORES/proveedores/crear"
           class="nav-link px-3 py-1 <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/proveedores/crear') ? 'active' : '' ?>">
          • Registro de Proveedor
        </a>
      </nav>
    </div>

    <!-- PRODUCTOS FRECUENTES -->
    <a class="nav-link px-3 py-2 d-flex justify-content-between align-items-center
        <?= str_contains($_SERVER['REQUEST_URI'], '/productos_frecuentes') ? 'active' : '' ?>"
       data-bs-toggle="collapse" href="#submenuProductosFrecuentes" role="button" aria-expanded="false">
      ⭐ Productos Frecuentes
      <span class="badge bg-secondary">3</span>
    </a>
    <div class="collapse <?= str_contains($_SERVER['REQUEST_URI'], '/productos_frecuentes') ? 'show' : '' ?>" id="submenuProductosFrecuentes">
      <nav class="nav flex-column ms-3">
        <a href="/IMPORTADORES/productos_frecuentes/alta"
           class="nav-link px-3 py-1 <?= $_SERVER['REQUEST_URI'] === '/IMPORTADORES/productos_frecuentes/alta' ? 'active' : '' ?>">
          • Alta Producto
        </a>
        <a href="/IMPORTADORES/productos_frecuentes/editar"
           class="nav-link px-3 py-1 <?= str_contains($_SERVER['REQUEST_URI'], '/productos_frecuentes/editar') ? 'active' : '' ?>">
          • Editar Producto
        </a>
        <a href="/IMPORTADORES/productos_frecuentes/importacion_csv"
           class="nav-link px-3 py-1 <?= str_contains($_SERVER['REQUEST_URI'], '/productos_frecuentes/importacion_csv') ? 'active' : '' ?>">
          • Importación Masiva CSV
        </a>
      </nav>
    </div>

    <!-- SOLICITUDES DE IMPORTACIÓN -->
    <a class="nav-link px-3 py-2 d-flex justify-content-between align-items-center
        <?= str_contains($_SERVER['REQUEST_URI'], '/solicitud_importacion') ? 'active' : '' ?>"
       data-bs-toggle="collapse" href="#submenuSolicitudes" role="button" aria-expanded="false">
      📄 Solicitudes Importación
      <span class="badge bg-secondary">2</span>
    </a>
    <div class="collapse <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/solicitud_importacion') ? 'show' : '' ?>" id="submenuSolicitudes">
      <nav class="nav flex-column ms-3">
        <a href="/IMPORTADORES/solicitud_importacion/lista"
           class="nav-link px-3 py-1 <?= $_SERVER['REQUEST_URI'] === '/IMPORTADORES/solicitud_importacion/lista' ? 'active' : '' ?>">
          • Mis solicitudes
        </a>
        <a href="/IMPORTADORES/solicitud_importacion/crear"
           class="nav-link px-3 py-1 <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/solicitud_importacion/crear') ? 'active' : '' ?>">
          • Nueva solicitud
        </a>
      </nav>
    </div>

    <!-- EXPEDIENTE ELECTRÓNICO -->
    <a class="nav-link px-3 py-2 d-flex justify-content-between align-items-center
        <?= str_contains($_SERVER['REQUEST_URI'], '/expediente') ? 'active' : '' ?>"
      data-bs-toggle="collapse" href="#submenuExpediente" role="button" aria-expanded="false">
      📁 Expediente Electrónico
      <span class="badge bg-secondary">1</span>
    </a>
    <div class="collapse <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/expediente') ? 'show' : '' ?>" id="submenuExpediente">
      <nav class="nav flex-column ms-3">
        <a href="/IMPORTADORES/expediente/index"
           class="nav-link px-3 py-1 <?= $_SERVER['REQUEST_URI'] === '/IMPORTADORES/expediente/consultar' ? 'active' : '' ?>">
          • Ver expediente
        </a>
      </nav>
    </div>

    <!-- CONFIGURACIÓN -->
    <a href="/IMPORTADORES/configuracion"
       class="nav-link px-3 py-2 <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/configuracion') ? 'active' : '' ?>">
      ⚙️ Configuración
    </a>

  </nav>
</div>

<!-- OFFCANVAS PARA MÓVILES -->
<div class="offcanvas offcanvas-start d-md-none" tabindex="-1" id="sidebarMenu" style="top: 75px;">
  <div class="offcanvas-header">
    <h5 class="offcanvas-title">Menú</h5>
    <button type="button" class="btn-close" data-bs-dismiss="offcanvas"></button>
  </div>
  <div class="offcanvas-body">

    <!-- INICIO -->
    <a href="/IMPORTADORES/importadores/dashboard"
       class="nav-link px-3 py-2 <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/importadores/dashboard') ? 'active' : '' ?>">
      🏠 Inicio
    </a>

    <!-- LOCACIONES -->
     <a href="/IMPORTADORES/importadores/lista"
     class="nav-link px-3 py-2 <?= $_SERVER['REQUEST_URI'] === '/IMPORTADORES/importadores/lista' ? 'active' : '' ?>">
     🗺️ Locaciones
    </a>

    <!-- VINCULACIONES -->
    <a class="nav-link px-3 py-2 d-flex justify-content-between align-items-center
         <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/vinculaciones') ? 'active' : '' ?>"
       data-bs-toggle="collapse" href="#submenuVinculaciones" role="button" aria-expanded="false">
      🔗 Vinculación
      <span class="badge bg-secondary">2</span>
    </a>
    <div class="collapse <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/vinculaciones') ? 'show' : '' ?>" id="submenuVinculaciones">
      <nav class="nav flex-column ms-3">
        <a href="/IMPORTADORES/vinculaciones/vinculacionesUsuario"
          class="nav-link px-3 py-2 <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/vinculaciones/vinculacionesUsuario') ? 'active' : '' ?>">
          • Mis vinculaciones
        </a>
        <a href="/IMPORTADORES/vinculaciones/nuevaVinculacion"
          class="nav-link px-3 py-2 <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/vinculaciones/nuevaVinculacion') ? 'active' : '' ?>">
          • Nueva vinculación
        </a>
      </nav>
    </div>
    
    <!-- TRANSPORTISTAS -->
    <a class="nav-link px-3 py-2 d-flex justify-content-between align-items-center
        <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/transportistas') ? 'active' : '' ?>"
       data-bs-toggle="collapse" href="#submenuTransportistas" role="button" aria-expanded="false">
      🚚 Transportistas
      <span class="badge bg-secondary">3</span>
    </a>
    <div class="collapse <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/transportistas') ? 'show' : '' ?>" id="submenuTransportistas">
      <nav class="nav flex-column ms-3">
        <a href="/IMPORTADORES/transportistas/lista"
           class="nav-link px-3 py-1 <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/transportistas/lista') ? 'active' : '' ?>">
          • Mis transportistas
        </a>
        <a href="/IMPORTADORES/transportistas/alta"
           class="nav-link px-3 py-1 <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/transportistas/alta') ? 'active' : '' ?>">
          • Alta de transportista
        </a>
        <a href="/IMPORTADORES/transportistas/bulk_upload"
           class="nav-link px-3 py-1 <?= str_contains($_SERVER['REQUEST_URI'], '/transportistas/bulk_upload') ? 'active' : '' ?>">
          • Carga masiva 
        </a>
      </nav>
    </div>

    <!-- TRANSPORTES -->
    <a class="nav-link px-3 py-2 d-flex justify-content-between align-items-center
        <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/transportes') ? 'active' : '' ?>"
       data-bs-toggle="collapse" href="#submenuTransportes" role="button" aria-expanded="false">
      🚛 Transportes
      <span class="badge bg-secondary">3</span>
    </a>
    <div class="collapse <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/transportes') ? 'show' : '' ?>" id="submenuTransportes">
      <nav class="nav flex-column ms-3">
        <a href="/IMPORTADORES/transportes/lista"
           class="nav-link px-3 py-1 <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/transportes/lista') ? 'active' : '' ?>">
          • Mis transportes
        </a>
        <a href="/IMPORTADORES/transportes/crear"
           class="nav-link px-3 py-1 <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/transportes/crear') ? 'active' : '' ?>">
          • Nuevo transporte
        </a>
        <a href="/IMPORTADORES/transportes/masivo"
           class="nav-link px-3 py-1 <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/transportes/masivo') ? 'active' : '' ?>">
          • Carga masiva
        </a>
      </nav>
    </div>

    <!-- CHOFERES -->
    <a class="nav-link px-3 py-2 d-flex justify-content-between align-items-center
        <?= str_contains($_SERVER['REQUEST_URI'], '/choferes') ? 'active' : '' ?>"
       data-bs-toggle="collapse" href="#submenuChoferes" role="button" aria-expanded="false">
      👨‍✈️ Choferes
      <span class="badge bg-secondary">2</span>
    </a>
    <div class="collapse <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/choferes') ? 'show' : '' ?>" id="submenuChoferes">
      <nav class="nav flex-column ms-3">
        <a href="/IMPORTADORES/choferes/lista"
           class="nav-link px-3 py-1 <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/choferes/lista') ? 'active' : '' ?>">
          • Mis choferes
        </a>
        <a href="/IMPORTADORES/choferes/crear"
           class="nav-link px-3 py-1 <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/choferes/crear') ? 'active' : '' ?>">
          • Nuevo chofer
        </a>
      </nav>
    </div>

    <!-- PROVEEDORES -->
    <a class="nav-link px-3 py-2 d-flex justify-content-between align-items-center <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/proveedores') ? 'active' : '' ?>"
      data-bs-toggle="collapse" href="#submenuProveedores" role="button" aria-expanded="<?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/proveedores') ? 'true' : 'false' ?>"
      aria-controls="submenuProveedores">
      🏭 Proveedores
      <span class="badge bg-secondary">2</span>
    </a>
    <div class="collapse <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/proveedores') ? 'show' : '' ?>" id="submenuProveedores">
      <nav class="nav flex-column ms-3">
        <a href="/IMPORTADORES/proveedores" class="nav-link px-3 py-1 <?= $_SERVER['REQUEST_URI'] === '/IMPORTADORES/proveedores' ? 'active' : '' ?>">
          • Lista de Proveedores
        </a>
        <a href="/IMPORTADORES/proveedores/crear"
           class="nav-link px-3 py-1 <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/proveedores/crear') ? 'active' : '' ?>">
          • Registro de Proveedor
        </a>
      </nav>
    </div>

    <!-- PRODUCTOS FRECUENTES -->
    <a class="nav-link px-3 py-2 d-flex justify-content-between align-items-center
        <?= str_contains($_SERVER['REQUEST_URI'], '/productos_frecuentes') ? 'active' : '' ?>"
       data-bs-toggle="collapse" href="#submenuProductosFrecuentes" role="button" aria-expanded="false">
      ⭐ Productos Frecuentes
      <span class="badge bg-secondary">3</span>
    </a>
    <div class="collapse <?= str_contains($_SERVER['REQUEST_URI'], '/productos_frecuentes') ? 'show' : '' ?>" id="submenuProductosFrecuentes">
      <nav class="nav flex-column ms-3">
        <a href="/IMPORTADORES/productos_frecuentes/alta"
           class="nav-link px-3 py-1 <?= $_SERVER['REQUEST_URI'] === '/IMPORTADORES/productos_frecuentes/alta' ? 'active' : '' ?>">
          • Alta Producto
        </a>
        <a href="/IMPORTADORES/productos_frecuentes/editar"
           class="nav-link px-3 py-1 <?= str_contains($_SERVER['REQUEST_URI'], '/productos_frecuentes/editar') ? 'active' : '' ?>">
          • Editar Producto
        </a>
        <a href="/IMPORTADORES/productos_frecuentes/importacion_csv"
           class="nav-link px-3 py-1 <?= str_contains($_SERVER['REQUEST_URI'], '/productos_frecuentes/importacion_csv') ? 'active' : '' ?>">
          • Importación Masiva CSV
        </a>
      </nav>
    </div>

    <!-- SOLICITUDES DE IMPORTACIÓN -->
    <a class="nav-link px-3 py-2 d-flex justify-content-between align-items-center
        <?= str_contains($_SERVER['REQUEST_URI'], '/solicitud_importacion') ? 'active' : '' ?>"
       data-bs-toggle="collapse" href="#submenuSolicitudes" role="button" aria-expanded="false">
      📄 Solicitudes Importación
      <span class="badge bg-secondary">2</span>
    </a>
    <div class="collapse <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/solicitud_importacion') ? 'show' : '' ?>" id="submenuSolicitudes">
      <nav class="nav flex-column ms-3">
        <a href="/IMPORTADORES/solicitud_importacion/lista"
           class="nav-link px-3 py-1 <?= $_SERVER['REQUEST_URI'] === '/IMPORTADORES/solicitud_importacion/lista' ? 'active' : '' ?>">
          • Mis solicitudes
        </a>
        <a href="/IMPORTADORES/solicitud_importacion/crear"
           class="nav-link px-3 py-1 <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/solicitud_importacion/crear') ? 'active' : '' ?>">
          • Nueva solicitud
        </a>
      </nav>
    </div>

    <!-- EXPEDIENTE ELECTRÓNICO -->
    <a class="nav-link px-3 py-2 d-flex justify-content-between align-items-center
        <?= str_contains($_SERVER['REQUEST_URI'], '/expediente') ? 'active' : '' ?>"
      data-bs-toggle="collapse" href="#submenuExpediente" role="button" aria-expanded="false">
      📁 Expediente Electrónico
      <span class="badge bg-secondary">1</span>
    </a>
    <div class="collapse <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/expediente') ? 'show' : '' ?>" id="submenuExpediente">
      <nav class="nav flex-column ms-3">
        <a href="/IMPORTADORES/expediente/index"
           class="nav-link px-3 py-1 <?= $_SERVER['REQUEST_URI'] === '/IMPORTADORES/expediente/consultar' ? 'active' : '' ?>">
          • Ver expediente
        </a>
      </nav>
    </div>

    <!-- CONFIGURACIÓN -->
    <a href="/IMPORTADORES/configuracion"
       class="nav-link px-3 py-2 <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/configuracion') ? 'active' : '' ?>">
      ⚙️ Configuración
    </a>

  </div>
</div>