/* 11/11/2026 · BLACK FRIDAY en el tema (dev y, desde el 11/11, producción). Lo carga header.tpl SOLO del 10/11 al 30/11.
   Franja de arriba, entrada del menú, banner y fila de la portada, etiqueta de las miniaturas.
   Negro #0f0f0e + amarillo #FFD21F. Fuentes: las de la web (Saira Condensed + IBM Plex). Revertir: REVERTIR_BF_PORTADA_PRO.bat (pro) / _DEV.bat (dev) */
:root{--bf-n:#0f0f0e;--bf-a:#FFD21F;--bf-t:'Saira Condensed','Arial Narrow',Arial,sans-serif;--bf-m:'IBM Plex Mono',ui-monospace,monospace;--bf-b:'IBM Plex Sans',Arial,sans-serif}

/* 1 · franja negra de arriba (sustituye a la de portes) */
/* v2 11/11: franja AMARILLA (la negra se juntaba con la barra oscura de debajo) */
.erv-bfs{background:var(--bf-a);position:relative;z-index:130}
.erv-bfs .erv-bfs-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 18px;padding:7px 16px;color:var(--bf-n);font:600 14px/1.3 var(--bf-b);text-decoration:none}
.erv-bfs .erv-bfs-in:hover{color:var(--bf-n);text-decoration:none}
.erv-bfs b{font-family:var(--bf-t);font-style:italic;font-weight:800;color:var(--bf-a);background:var(--bf-n);padding:0 8px;font-size:17px;letter-spacing:.5px;text-transform:uppercase}
.erv-bfs .c{font-family:var(--bf-m);background:var(--bf-n);color:var(--bf-a);padding:2px 8px;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
.erv-bfs .v{color:var(--bf-n);font-weight:700;white-space:nowrap;text-decoration:underline}
.erv-bfs .erv-bfs-in:hover .v{text-decoration:underline}
@media (max-width:820px){
  .erv-bfs .erv-bfs-in{font-size:12.5px;gap:3px 12px;padding:7px 12px}
  .erv-bfs b{font-size:16px}
  .erv-bfs .t{order:5;flex:0 0 100%;text-align:center}
}

/* 2 · entrada «Black Friday» del menú: placa negra, texto amarillo y pastilla «−40%» */
.erv-hd .zonas>.z>a.erv-bfm{display:inline-flex;align-items:center;gap:6px;background:var(--bf-n);color:var(--bf-a)!important;padding:1px 6px 1px 7px;margin-left:0;line-height:1.3}
.erv-hd .zonas>.z>a.erv-bfm em{font-style:normal;background:var(--bf-a);color:var(--bf-n);padding:0 4px;font-size:13px;line-height:1.2}
.erv-hd .zonas>.z:hover>a.erv-bfm,.erv-hd .zonas>.z>a.erv-bfm:hover{background:#000;color:#fff!important}
/* v2 11/11: en los menús del móvil, misma placa que arriba (antes la fila entera negra con el texto suelto) */
.erv-sheet .zl .erv-bfz{display:inline-flex;align-items:center;gap:6px;background:var(--bf-n);color:var(--bf-a);padding:2px 8px;font-style:italic}
.erv-sheet .zl .erv-bfz em,.erv-fijo-panel a[href$="-ofertas"] em{font-style:normal;background:var(--bf-a);color:var(--bf-n);padding:0 4px;font-size:.85em}
.erv-fijo-panel a[href$="-ofertas"]{justify-self:start;align-self:center;display:inline-flex;align-items:center;gap:6px;background:var(--bf-n);color:var(--bf-a)!important;padding:3px 8px}

/* 3 · banner grande de la portada (en el sitio del titular) */
.erv2 .erv-bf-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0!important}
/* v2 11/11: texto 40 % / foto 60 %, altura fija, titular en 2 líneas (en pantalla ancha quedaba un hueco negro) */
.erv2 .erv-bfb{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);background:var(--bf-n);color:#fff;position:relative;height:330px;margin:0 0 18px;overflow:hidden}
.erv2 .erv-bfb .txt{padding:26px 32px;display:flex;flex-direction:column;gap:12px;justify-content:center;min-width:0}
.erv2 .erv-bfb h2 span{display:block}
.erv2 .erv-bfb .chapa{align-self:flex-start;background:var(--bf-a);color:var(--bf-n);font-family:var(--bf-t);font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;font-size:15px}
.erv2 .erv-bfb h2{margin:0;font-family:var(--bf-t);font-weight:800;font-style:italic;text-transform:uppercase;font-size:clamp(36px,3.6vw,60px);line-height:.92;color:#fff}
.erv2 .erv-bfb h2 span{color:var(--bf-a)}
.erv2 .erv-bfb p{margin:0;color:#cfcfcf;max-width:42ch;font-size:15px;line-height:1.5}
.erv2 .erv-bfb .fila{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.erv2 .erv-bfb .boton{background:var(--bf-a);color:var(--bf-n);font-family:var(--bf-t);font-weight:800;font-style:italic;text-transform:uppercase;font-size:20px;letter-spacing:1px;padding:10px 22px;line-height:1.2}
.erv2 .erv-bfb .boton:hover{background:#fff;color:var(--bf-n)}
.erv2 .erv-bfb .reloj{display:flex;gap:6px;font-family:var(--bf-m);font-variant-numeric:tabular-nums}
.erv2 .erv-bfb .reloj div{border:1px solid #3a3a36;padding:4px 8px;text-align:center;min-width:46px}
.erv2 .erv-bfb .reloj b{display:block;font-size:20px;color:#fff;font-weight:500}
.erv2 .erv-bfb .reloj small{font-size:10px;color:#9a9a92;letter-spacing:1px;text-transform:uppercase}
.erv2 .erv-bfb .foto{position:relative;min-height:220px;overflow:hidden;min-width:0}
.erv2 .erv-bfb .foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;display:block}
.erv2 .erv-bfb .sello{position:absolute;right:18px;bottom:18px;background:var(--bf-a);color:var(--bf-n);font-family:var(--bf-t);text-align:center;padding:6px 16px 8px;transform:rotate(-4deg);box-shadow:0 6px 18px rgba(0,0,0,.35)}
.erv2 .erv-bfb .sello small{display:block;font-weight:800;letter-spacing:2px;font-size:14px}
.erv2 .erv-bfb .sello b{font-weight:800;font-style:italic;font-size:54px;line-height:.9;display:block}

/* v3 11/11: mosaico de artículos en vez de la foto de la moto (contain: no se corta ningún artículo) */
.erv2 .erv-bfb .erv-bf-mosaico{display:block;background:var(--bf-n)}
.erv2 .erv-bfb .erv-bf-mosaico picture{position:absolute;inset:0;display:block}
.erv2 .erv-bfb .erv-bf-mosaico img{object-fit:contain;object-position:center;transition:transform .3s}
.erv2 .erv-bfb .erv-bf-mosaico:hover img{transform:scale(1.015)}
@media (max-width:820px){.erv2 .erv-bfb .erv-bf-mosaico{aspect-ratio:1000/605}}

/* 4 · fila «Black Friday lo más rebajado» */
.erv2 .erv-bfr{margin:0 0 24px}
.erv2 .erv-bfr-tit{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;border-bottom:3px solid var(--ink);padding-bottom:12px;margin-bottom:16px}
.erv2 .erv-bfr-tit h2{margin:0;font-family:var(--bf-t);font-style:italic;font-weight:800;text-transform:uppercase;font-size:28px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--ink)}
.erv2 .erv-bfr-tit h2 mark{background:var(--bf-n);color:var(--bf-a);padding:0 8px}
.erv2 .erv-bfr-tit a{color:var(--deep);font-weight:600}
.erv2 .erv-bfr-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.erv2 .erv-bfp{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;color:var(--ink);min-width:0}
.erv2 .erv-bfp:hover{border-color:var(--bf-n)}
.erv2 .erv-bfp .ph{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:10px;border-bottom:1px solid var(--line);overflow:hidden}
.erv2 .erv-bfp .ph img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.erv2 .erv-bfp .d{padding:10px 12px 12px;display:grid;gap:4px}
.erv2 .erv-bfp .o{font-family:var(--bf-m);font-size:11px;color:var(--olive)}
.erv2 .erv-bfp .nm{font-size:13px;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:33px}
.erv2 .erv-bfp .pr{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-family:var(--bf-t);font-weight:800}
.erv2 .erv-bfp .pr s{color:var(--olive);font-weight:700;font-size:15px}
.erv2 .erv-bfp .pr b{font-size:22px;color:var(--bf-n);font-style:italic}

/* 5 · etiqueta «BLACK FRIDAY −X %» de las miniaturas (listados, buscador, fila de la portada) */
.erv-bfe{position:absolute;left:0;top:10px;z-index:3;display:inline-flex;gap:6px;align-items:center;background:var(--bf-n);color:var(--bf-a);font-family:var(--bf-t);font-weight:800;font-style:italic;text-transform:uppercase;font-size:15px;line-height:1.25;padding:2px 8px 2px 10px;letter-spacing:.3px;white-space:nowrap}
.erv-bfe em{font-style:normal;background:var(--bf-a);color:var(--bf-n);padding:0 5px}
@media (max-width:640px){.erv-bfe{font-size:12.5px;padding:2px 6px 2px 8px;gap:4px}}

@media (max-width:1100px){.erv2 .erv-bfr-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){
  .erv2 .erv-bfb{grid-template-columns:minmax(0,1fr);height:auto;min-height:0}
  .erv2 .erv-bfb .txt{padding:20px 18px;gap:10px}
  .erv2 .erv-bfb .foto{min-height:0;aspect-ratio:2/1;order:-1}
  .erv2 .erv-bfb .sello{right:12px;bottom:10px;padding:4px 12px 6px}
  .erv2 .erv-bfb .sello small{font-size:11px}
  .erv2 .erv-bfb .sello b{font-size:34px}
  .erv2 .erv-bfb h2{font-size:clamp(32px,9vw,44px)}
  .erv2 .erv-bfb p{font-size:14px}
  .erv2 .erv-bfb .chapa{font-size:13px;letter-spacing:1px;padding:3px 9px}
  body.erv-sheet-open .erv-bfs{z-index:0}
}
@media (max-width:560px){
  .erv2 .erv-bfr-tit h2{font-size:23px}
  .erv2 .erv-bfp .pr b{font-size:19px}
  .erv2 .erv-bfb .boton{font-size:18px;padding:9px 16px}
}