correcciones finales

templates/base.html

@@ -10,6 +10,7 @@
       document.documentElement.setAttribute('data-theme', theme);
     })();
   </script>
+  <link rel="icon" type="image/svg+xml" href="{{ url_for('static', filename='car-front.svg') }}">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Space+Grotesk:wght@400;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/animate.min.css') }}">
@@ -18,17 +19,19 @@
   <style>
     *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
 
+
+  /* original */
     :root {
-      --bg:        #0d0f14;
-      --surface:   #13161e;
-      --nav-bg:    #0a0c10;
-      --border:    #1e2230;
-      --accent:    #5c6ef8;
-      --accent2:   #8b5cf6;
-      --text:      #e2e6f0;
-      --muted:     #5a607a;
-      --pill-bg:   #1a1f2e;
-      --success:   #34d399;
+      --bg:        #0a111f;
+      --surface:   #101a2e;
+      --nav-bg:    #080e19;
+      --border:    #1d2b45;
+      --accent:    #3b82f6;
+      --accent2:   #06b6d4;
+      --text:      #e8f0ff;
+      --muted:     #71819c;
+      --pill-bg:   #17243a;
+      --success:   #22c7e8;
       --nav-w:     220px;
       --radius:    12px;
     }
@@ -38,14 +41,73 @@
       --surface:   #ffffff;
       --nav-bg:    #ffffff;
       --border:    #e3e6ef;
-      --accent:    #5c6ef8;
-      --accent2:   #8b5cf6;
+      --accent:    #2563eb;
+      --accent2:   #4f8df7;
       --text:      #1a1d29;
       --muted:     #8a8fa3;
       --pill-bg:   #eef0f8;
-      --success:   #10b981;
+      --success:   #159dcc;
     }
 
+    /* azul profundo + azul eléctrico + cyan */
+    /* :root {
+      --bg:        #0d0f14;
+      --surface:   #13161e;
+      --nav-bg:    #0a0c10;
+      --border:    #1e2230;
+      --accent:    #3b82f6;
+      --accent2:   #06b6d4;
+      --text:      #e2e6f0;
+      --muted:     #5a607a;
+      --pill-bg:   #1a1f2e;
+      --success:   #34b9e8;
+      --nav-w:     220px;
+      --radius:    12px;
+    }
+
+    [data-theme="light"] {
+      --bg:        #f4f8fd;
+      --surface:   #ffffff;
+      --nav-bg:    #ffffff;
+      --border:    #dce6f2;
+      --accent:    #2563eb;
+      --accent2:   #0891b2;
+      --text:      #172033;
+      --muted:     #718096;
+      --pill-bg:   #eaf2fc;
+      --success:   #0891b2;
+    } */
+
+    /* Ambar + coral */
+    /* :root {
+    --bg:        #12110f;
+    --surface:   #1b1916;
+    --nav-bg:    #0e0d0b;
+    --border:    #302b25;
+    --accent:    #f59e0b;
+    --accent2:   #f97316;
+    --text:      #f3eee6;
+    --muted:     #8e877d;
+    --pill-bg:   #28231d;
+    --success:   #34d399;
+    --nav-w:     220px;
+    --radius:    12px;
+  }
+
+  [data-theme="light"] {
+    --bg:        #faf8f4;
+    --surface:   #ffffff;
+    --nav-bg:    #ffffff;
+    --border:    #e8e1d7;
+    --accent:    #d97706;
+    --accent2:   #ea580c;
+    --text:      #29251f;
+    --muted:     #8a8278;
+    --pill-bg:   #f6eee1;
+    --success:   #059669;
+  } */
+
+
     body {
       background: var(--bg);
       color: var(--text);
@@ -132,7 +194,10 @@
     }
     .nav-links a:hover { background: var(--border); color: var(--text); }
     .nav-links a.active {
-      background: linear-gradient(135deg, rgba(92,110,248,.18), rgba(139,92,246,.1));
+      background: linear-gradient(135deg, rgba(30, 144, 255, 0.08), rgba(0, 51, 204, 0.25));
+      /* background: linear-gradient(135deg, rgba(92,110,248,.18), rgba(139,92,246,.1)); */
+      /* background: linear-gradient(135deg, rgba(30, 144, 255, 0.25), rgba(0, 51, 204, 0.75)); */
+
       color: var(--text);
       border: 1px solid rgba(92,110,248,.25);
     }
@@ -645,7 +710,7 @@
   </div>
 
   <div class="nav-logo">
-    <span></span><h3>PyFleet</h3>
+    <span></span>PyFleet
   </div>
 
   <div class="theme-switch-row">
@@ -683,7 +748,7 @@
       {% if session.get('mensaje') and page == 'contacto' %}<span class="msg-badge">!</span>{% endif %}
     </a>
 
-    <div class="nav-submenu" style="margin-top: 100px;">
+    <div class="nav-submenu">
       <hr style="opacity: 0.5;margin-bottom: 5px;">
       <button class="nav-submenu-toggle {% if page in ['poblaciones','unidades','tipo'] %}active{% endif %}"
         onclick="toggleSubmenu(this)">