/* Tema Zapateria Calper — identidad de zapateriacalper.es (WordPress + Elessi) sobre el core de flota.
   La web viva es MONOCROMA: texto #333, fondo blanco, cabecera blanca, sin color de acento (los botones
   y precios van en #333; solo hay etiquetas de oferta verde #83b738 y rojo #e42e2d heredadas del tema).
   La marca es el logotipo (marron muy oscuro #443b3a, PNG transparente) y el banner «NUEVOS MODELOS»
   (beige/topo). Como la tienda necesita un ACENTO funcional, se toma un cuero #8b6b4a (4,88:1 con
   blanco, vale como texto/borde y como relleno con texto BLANCO) en la familia calida del logo y del beige.
   --ql-dark = #333333 (texto de la web viva), neutro, NO el color de marca (leccion CYM). Fondo blanco. */
.qlshop {
  --ql-red: #8b6b4a;
  --ql-red-d: color-mix(in srgb, var(--ql-red) 82%, #2b1d12);
  --ql-dark: #333333;
  --ql-bg: #ffffff;
  --ql-line: #e5e5e5;
  --ql-muted: #6b6b6b;

  /* Banda del menu: la web viva tiene cabecera blanca, texto #333 y menu en una fila. */
  --ql-nav-bg: #ffffff;
  --ql-nav-fg: #333333;
  --ql-nav-fg-active: var(--ql-red);
  /* Variante alternativa (banda oscura de marca):
     --ql-nav-bg: #443b3a; --ql-nav-fg: rgba(255,255,255,.88); --ql-nav-fg-active: #e3d8c6; */
}
:root {
  --prim: #8b6b4a;
  --prim-soft: color-mix(in srgb, #cfc9b0 35%, white);
  --text-accent: #8b6b4a;
  --bg-accent: color-mix(in srgb, #cfc9b0 35%, white);
}

/* Logo (recortado, 476x321, 1,48:1; PNG transparente: solo vale sobre fondo claro). La web viva lo
   muestra a max-height 110px (desktop) / 25px (movil, demasiado pequeno). Aqui: 40px movil, 56px desktop. */
img[src*="logo-calper"] { height: 40px !important; width: auto !important; }
@media (min-width: 768px) { img[src*="logo-calper"] { height: 56px !important; } }