Responsividad dashboard importadores

views/transportes/crear.php

@@ -22,16 +22,8 @@
       position: fixed;
       top: 0;
       left: 0;
-      padding-top: 60px;
-    }
-    .sidebar .nav-link {
-      color: #ccc;
-      padding: 12px 20px;
-    }
-    .sidebar .nav-link:hover,
-    .sidebar .nav-link.active {
-      background-color: #495057;
-      color: #fff;
+      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;
@@ -42,20 +34,35 @@
       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;
     }
-
   </style>
 </head>