/* Tema Factory Sport — identidad de factory-sport.es (tema Reebox, WordPress) sobre el core de flota.
   Azul cielo de marca #75cffd (ts_primary_color de la web viva) como COLOR DE MARCA y navy #12283f
   (borde de botones de la web viva). El core usa --ql-red tambien como texto/borde sobre blanco y como
   relleno con texto BLANCO: el cielo puro (#75cffd) da solo 1,7:1 con blanco, asi que el ACENTO funcional
   es su version profunda #157aae (>= 4,5:1) y el cielo puro queda para la banda/hover sobre oscuro.
   --ql-dark = #161616 (texto/pie de la web viva), neutro oscuro, NO el azul de marca (leccion CYM).
   Fondo blanco, como la web viva. */
.qlshop {
  --ql-red: #157aae;
  --ql-red-d: color-mix(in srgb, var(--ql-red) 82%, #12283f);
  --ql-dark: #161616;
  --ql-bg: #ffffff;
  --ql-line: #e5e5e5;
  --ql-muted: #707070;

  /* Banda del menu: la web viva tiene cabecera blanca con texto #161616 y hover azul cielo. */
  --ql-nav-bg: #ffffff;
  --ql-nav-fg: #161616;
  --ql-nav-fg-active: var(--ql-red);
  /* Variante alternativa (banda navy de marca):
     --ql-nav-bg: #12283f; --ql-nav-fg: rgba(255,255,255,.88); --ql-nav-fg-active: #75cffd; */
}
:root {
  --prim: #157aae;
  --prim-soft: color-mix(in srgb, #75cffd 22%, white);
  --text-accent: #157aae;
  --bg-accent: color-mix(in srgb, #75cffd 22%, white);
}

/* Logo apaisado (1536x246): la web viva lo muestra a 300x48; sin esto el core lo estira a 68px de alto = 424px de ancho */
img[src*="logo-factory"] { height: 36px !important; width: auto !important; }
@media (min-width: 768px) { img[src*="logo-factory"] { height: 48px !important; } }