Responsividad dashboard importadores

views/importadores/dashboard_importador.php

@@ -21,7 +21,8 @@ include __DIR__ . '/../partials/sidebar_importador.php';
       position: fixed;
       top: 0;
       left: 0;
-      padding-top: 60px;
+      padding-top: 56px; /* Alineado con la altura de la navbar */
+      z-index: 1040; /* Asegura que esté por encima del contenido */
     }
     .sidebar .nav-link {
       color: #ccc;
@@ -32,14 +33,31 @@ include __DIR__ . '/../partials/sidebar_importador.php';
       color: #fff;
     }
     .content {
-      margin-left: 220px;
+      margin-top: 56px; /* Ajusta debajo de navbar */
       padding: 40px 20px;
+      position: relative;
+      z-index: 1;
+      background-color: #f4f6f9; /* Asegura fondo uniforme */
+      transition: margin-left 0.3s ease;
     }
     .navbar {
       position: fixed;
       top: 0;
       width: 100%;
-      z-index: 1000;
+      z-index: 1050;
+    }
+    /* A partir de dispositivos medianos (>=768px), deja espacio lateral */
+    @media (min-width: 768px) {
+      .content {
+        margin-left: 250px; /* Ancho del sidebar */
+      }
+    }
+
+    /* En móviles, sin margen lateral */
+    @media (max-width: 767.98px) {
+      .content {
+        margin-left: 0;
+      }
     }
     .card {
       border-radius: 12px;