/* base.css — Variables de diseno, reset y tipografia base */
    :root {
      --azul: #3b82f6; --azul-h: #2563eb; --verde: #34d399; --violeta: #8b5cf6;
      --bg: #0a0e16; --panel: rgba(20,24,33,.96); --panel-2: #161b24;
      --line: rgba(255,255,255,.07); --line-2: rgba(255,255,255,.12);
      --txt: #f3f5f9; --mut: #8b95a7;
      /* Sombras finas en capas (estilo premium) */
      --sh-sm: 0 1px 2px rgba(0,0,0,.3);
      --sh-md: 0 4px 16px rgba(0,0,0,.35);
      --sh-lg: 0 12px 40px rgba(0,0,0,.45);
      --sh-glow: 0 0 0 1px rgba(255,255,255,.06), 0 8px 30px rgba(0,0,0,.4);
      /* Radios consistentes */
      --r-sm: 10px; --r-md: 14px; --r-lg: 18px; --r-xl: 24px;
      /* Transición estándar */
      --ease: cubic-bezier(.22,.61,.36,1);
    }
    * { box-sizing: border-box; }
    html, body { margin: 0; padding: 0; height: 100%;
      font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
      -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
      letter-spacing: -0.01em;
    }
    #map { position: absolute; inset: 0; background: var(--bg); }
    button { font-family: inherit; }