/* ============================================================
   tema.css · AdTracking
   Fuente: mockup-app-adtracking/maquetado-modular/app/shared/css/
   tokens.css + components.css (.btn, .card, .tag, .brand .logo).
   Neutros fríos gray-50…900, AZUL #2563EB como acción, violeta
   #7C3AED como acento, Urbanist + Inter, tarjetas con sombra suave
   y botón primario rectangular (radio 9px, no píldora).
   ============================================================ */
:root{
  --font-ui:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-display:'Urbanist','Inter',sans-serif;
  --bg:#F9FAFB; --card:#FFFFFF; --card-2:#F3F4F6;
  --line:#E5E7EB; --line-2:#D1D5DB;
  --ink:#111827; --muted:#6B7280; --faint:#9CA3AF;
  --ok:#16A34A; --ok-bg:#DCFCE7;
  --warn:#D97706; --warn-bg:#FEF3C7;
  --danger:#DC2626; --danger-bg:#FEE2E2;
  --info:#7C3AED; --info-bg:#F5F3FF;
  --r:12px; --r-sm:8px; --r-lg:14px;

  --acc:#2563EB; --acc-2:#1D4ED8; --acc-soft:#EFF6FF; --acc-line:#BFDBFE;
  --acc-rgb:37,99,235;
  --logo-bg:linear-gradient(135deg,#2563EB,#7C3AED);
  --btn-primary-bg:#2563EB; --btn-primary-bg-hover:#1D4ED8;
  --btn-primary-sombra:0 1px 2px rgba(37,99,235,.2);
  --btn-r:9px; --btn-primary-r:9px;
  --tag-r:6px;
  --sombra-card:0 1px 2px rgba(17,24,39,.04),0 4px 6px -1px rgba(17,24,39,.06);
  --sombra-flota:0 1px 2px rgba(17,24,39,.05),0 14px 36px rgba(17,24,39,.14);
  --neutro-suave:#F3F4F6;
}
/* Urbanist pinta las cifras y titulares en 800 en la app */
.hero h1,.sec-head h2,.dest h3{font-weight:800}
.plan .precio b,.flota .val,.bienvenida .cifra{font-weight:800}

/* maquetado parcial · marca actual: logo de la app (shared/img/logo-color.svg) alineado como .brand en shell.css */
.brand.con-logo{align-items:baseline;gap:.36em;font-size:22px;line-height:1}
.brand.con-logo .logo-img{height:.7em;width:auto}
.brand.con-logo b{font-size:1em;font-weight:800;letter-spacing:-.03em}