/* Bloque Black Friday de la portada (solo index.html). Reutiliza las variables de la web: no cambia ningún otro estilo. */
.bf{padding:110px 0 0}
.bf-in{display:grid;grid-template-columns:minmax(260px,380px) 1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"video cab" "video promos" "video cta";column-gap:64px;align-items:start}
.bf-cab{grid-area:cab}
.bf-video{grid-area:video;margin:0}
.bf-promos{grid-area:promos}
.bf-cta{grid-area:cta}
.bf-kicker{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.bf h2{font-family:var(--display);font-weight:var(--h2-peso);font-size:var(--h2-tam);line-height:var(--h2-alto);text-transform:uppercase;margin:14px 0 36px}
.bf-video video{width:100%;aspect-ratio:9/16;background:var(--card);object-fit:cover;box-shadow:0 0 0 1px var(--line-fuerte)}
.bf-promos{list-style:none}
.bf-promos li{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);padding:22px 0}
.bf-promos li:last-child{border-bottom:1px solid var(--line)}
.bf-promos b{display:block;font-family:var(--display);font-weight:800;font-size:clamp(28px,3vw,40px);line-height:1.05;text-transform:uppercase}
.bf-promos .bf-txt{display:block;color:var(--mute);margin-top:6px}
.bf-precio{font-family:var(--display);font-weight:900;font-size:clamp(48px,6vw,88px);line-height:1;white-space:nowrap}
.bf-nota{color:var(--mute);margin:22px 0 28px;max-width:52ch}
.bf-nota strong{color:var(--fg);font-weight:600}
.bf-botones{display:flex;gap:12px;flex-wrap:wrap}
@media (max-width:820px){
  .bf{padding-top:80px}
  .bf-in{grid-template-columns:1fr;grid-template-rows:none;grid-template-areas:"cab" "video" "promos" "cta"}
  .bf h2{margin-bottom:28px}
  .bf-video{width:100%;max-width:340px;margin:0 auto 36px}
  .bf-promos li{gap:16px}
}

/* Banda cruzada en la esquina del vídeo */
.bf-video{position:relative}
.bf-banda-caja{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2}
.bf-banda{position:absolute;top:68px;left:-50px;width:270px;transform:rotate(-45deg);background:var(--fg);color:#000;text-align:center;font-family:var(--display);font-weight:800;font-size:18px;line-height:1;letter-spacing:.08em;text-transform:uppercase;padding:8px 0;box-shadow:0 4px 14px rgba(0,0,0,.5)}