/* Buen Fin Peyote: banner del inicio y franja de los catálogos (buen-fin.js). Solo estilo.
   Letras de la marca: Unbounded (títulos y precios), Raleway (textos) e IBM Plex Mono (detalles). */
.bf-home{--ink:#151412;--bone:#eeede8;--orange:#ff8346;--peach:#f3a380;--mute:#a8a49a;background:var(--ink);color:var(--bone);padding:clamp(28px,4.5vw,64px) 5vw clamp(32px,4.5vw,64px);margin:0}
.bf-in{max-width:1240px;margin:0 auto}
.bf-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:clamp(18px,3vw,36px)}
.bf-logo{width:clamp(110px,12vw,160px);height:auto;display:block}
.bf-pill{padding:9px 20px;border:1.5px solid var(--bone);border-radius:999px;font:500 clamp(11px,1vw,13px)/1 "IBM Plex Mono",monospace;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}
.bf-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(18px,4vw,56px);align-items:end;margin-bottom:clamp(22px,3.5vw,44px)}
.bf-home h2{margin:0;font:400 clamp(44px,8.4vw,120px)/.94 "Unbounded",Rubik,"Arial Black",sans-serif;text-transform:uppercase;letter-spacing:-.02em;color:var(--bone)}
.bf-sub{margin:0 0 12px;font:600 clamp(17px,2vw,28px)/1.3 Raleway,Arial,sans-serif;color:var(--bone)}
.bf-ref{margin:0 0 18px;font:500 clamp(11px,1vw,13px)/1.5 "IBM Plex Mono",monospace;letter-spacing:.06em;color:var(--mute)}
.bf-clock{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px}
.bf-clock>span{font:500 12px/1 "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--peach)}
.bf-clock>div{display:flex;align-items:baseline;gap:3px}
.bf-clock [data-bf]{font:400 clamp(20px,2.2vw,28px)/1 "Unbounded",Rubik,"Arial Black",sans-serif;font-variant-numeric:tabular-nums;color:var(--bone)}
.bf-clock i{margin:0 7px 0 2px;font:500 11px/1 "IBM Plex Mono",monospace;font-style:normal;color:var(--mute)}

/* Tres boletos */
.bf-deals{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,26px);align-items:stretch}
.bf-deal{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(22px,2.4vw,32px) clamp(16px,2vw,26px) clamp(16px,1.8vw,22px);border-radius:20px;background:var(--bone);color:var(--ink)}
.bf-d3{background:var(--orange)}
.bf-tag{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);padding:8px 18px;border-radius:999px;background:var(--ink);color:var(--bone);font:500 12px/1 "IBM Plex Mono",monospace;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.bf-icons{display:flex;align-items:flex-end;justify-content:center;gap:8px;height:64px;margin-bottom:12px}
.bf-ico{height:56px;width:auto;fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.bf-ico-f{height:64px}
.bf-d3 .bf-ico{height:48px}
.bf-pcs{font:500 clamp(11px,1.1vw,14px)/1.2 "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase}
.bf-name{display:flex;align-items:center;justify-content:center;min-height:clamp(30px,3.4vw,46px);margin-top:4px;font:400 clamp(24px,3vw,40px)/1.05 "Unbounded",Rubik,"Arial Black",sans-serif;text-transform:uppercase;letter-spacing:-.01em;white-space:nowrap}
.bf-d1 .bf-name{font-size:clamp(17px,1.75vw,25px)}
.bf-cut{position:relative;align-self:stretch;margin:16px calc(-1 * clamp(16px,2vw,26px));border-top:1.5px dashed rgba(21,20,18,.4)}
.bf-cut::before,.bf-cut::after{content:"";position:absolute;top:-10px;width:20px;height:20px;border-radius:50%;background:var(--ink)}
.bf-cut::before{left:-10px}.bf-cut::after{right:-10px}
.bf-pricebox{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-top:6px}
.bf-price{font:400 clamp(34px,4.4vw,60px)/1 "Unbounded",Rubik,"Arial Black",sans-serif;letter-spacing:-.03em;white-space:nowrap}
.bf-mxn{font:500 13px/1 "IBM Plex Mono",monospace;letter-spacing:.08em}
.bf-save{margin-top:8px;font:700 clamp(15px,1.4vw,18px)/1.2 Raleway,Arial,sans-serif}
.bf-note{display:inline-flex;align-items:center;gap:8px;min-height:24px;margin:8px 0 16px;font:500 clamp(14px,1.3vw,16px)/1.2 Raleway,Arial,sans-serif}
.bf-mini{width:26px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.bf-btn{display:flex;align-items:center;justify-content:center;gap:8px;align-self:stretch;margin-top:auto;min-height:50px;border-radius:14px;background:var(--ink);color:var(--bone)!important;font:700 16px/1 Raleway,Arial,sans-serif;text-decoration:none}
.bf-btn:hover{background:#2a2825}.bf-btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 6px var(--bone)}

/* Pie: meses sin intereses, letra chica y Peyo */
.bf-foot{position:relative;margin-top:clamp(20px,2.6vw,32px);padding:18px 120px 0 0;border-top:1px solid rgba(238,237,232,.2)}
.bf-msi{display:flex;align-items:center;gap:12px;margin:0 0 12px;font:500 clamp(14px,1.3vw,17px)/1.3 Raleway,Arial,sans-serif;color:var(--bone)}
.bf-msi .bf-mini{width:32px;height:22px}
.bf-fine{margin:0;max-width:92ch;font:500 clamp(11px,1vw,12.5px)/1.6 "IBM Plex Mono",monospace;color:var(--mute)}
.bf-peyo{position:absolute;right:0;bottom:-6px;width:clamp(70px,8vw,104px);height:auto}
.bf-home.is-soon .bf-pill::after{content:" · pronto"}

@media(max-width:900px){
  .bf-d1 .bf-name{font-size:clamp(22px,6.4vw,32px)}
  .bf-head{grid-template-columns:1fr;align-items:start}
  .bf-deals{grid-template-columns:1fr;gap:26px}
  .bf-deal{padding-top:26px}
  .bf-foot{padding-right:78px}
}


/* Versión compacta (22 oct): menos alto, y va después de Las favoritas de Peyo */
.bf-home{padding:clamp(22px,3vw,40px) 5vw clamp(22px,3vw,40px)}
.bf-top{display:none}
.bf-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(14px,3vw,40px);margin-bottom:clamp(16px,2vw,24px)}
.bf-main{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.bf-pill{padding:7px 14px}
.bf-home h2{font-size:clamp(30px,4.6vw,60px);line-height:1}
.bf-sub{margin:0 0 10px;font-size:clamp(14px,1.4vw,18px)}
.bf-clock [data-bf]{font-size:clamp(18px,1.8vw,24px)}
.bf-deals{gap:clamp(10px,1.4vw,18px)}
.bf-deal{padding:clamp(16px,1.6vw,20px) clamp(14px,1.6vw,20px) clamp(14px,1.4vw,18px);border-radius:16px}
.bf-icons{height:36px;margin-bottom:6px;gap:6px}
.bf-ico{height:32px}.bf-ico-f{height:36px}.bf-d3 .bf-ico{height:30px}
.bf-name{min-height:0;margin-top:2px;font-size:clamp(20px,2.2vw,28px)}
.bf-d1 .bf-name{font-size:clamp(15px,1.5vw,20px)}
.bf-cut{margin-top:10px;margin-bottom:10px}
.bf-pricebox{margin-top:0}
.bf-price{font-size:clamp(28px,3.2vw,42px)}
.bf-save{margin-top:4px;font-size:clamp(13px,1.2vw,15px)}
.bf-note{margin:4px 0 10px;font-size:clamp(12px,1.1vw,14px)}
.bf-btn{min-height:40px;font-size:14px;border-radius:12px}
.bf-tag{padding:6px 14px;font-size:11px}
.bf-foot{margin-top:16px;padding:12px 90px 0 0}
.bf-msi{margin:0 0 6px;font-size:clamp(12px,1.1vw,14px)}
.bf-fine{font-size:clamp(10px,.9vw,11.5px);line-height:1.5}
.bf-peyo{width:clamp(56px,6vw,76px);bottom:-4px}
@media(max-width:900px){
  .bf-head{grid-template-columns:1fr;gap:10px}
  .bf-deals{grid-template-columns:minmax(0,1fr);gap:18px}
  .bf-deal{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"pcs price" "name price" "save save" "note note" "btn btn";column-gap:12px;row-gap:2px;align-items:center;text-align:left;padding:16px 16px 14px}
  .bf-icons,.bf-cut{display:none}
  .bf-pcs{grid-area:pcs}.bf-name{grid-area:name;justify-content:flex-start;font-size:clamp(22px,6vw,28px)}
  .bf-d1 .bf-name{font-size:clamp(15px,4.1vw,20px)}
  .bf-pricebox{grid-area:price;justify-self:end}.bf-price{font-size:clamp(24px,7vw,34px)}.bf-mxn{display:none}
  .bf-save{grid-area:save;margin:6px 0 0}.bf-note{grid-area:note;margin:2px 0 0;justify-self:start}
  .bf-btn{grid-area:btn;margin-top:10px}
  .bf-foot{padding-right:64px}
}

/* El CSS del inicio fuerza la letra de los textos sueltos: aquí se asegura la de la marca */
html body .bf-home .bf-name,html body .bf-home .bf-price,html body .bf-home h2,html body .bf-home .bf-clock [data-bf]{font-family:"Unbounded",Rubik,"Arial Black",sans-serif!important;font-weight:400!important}
html body .bf-home .bf-pcs,html body .bf-home .bf-mxn,html body .bf-home .bf-pill,html body .bf-home .bf-ref,html body .bf-home .bf-fine,html body .bf-home .bf-tag,html body .bf-home .bf-clock>span,html body .bf-home .bf-clock i{font-family:"IBM Plex Mono",ui-monospace,monospace!important}

/* Franja arriba de las listas de jerseys */
.bf-strip{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 18px;margin:0 0 14px;padding:12px 16px;background:#151412;color:#fff;text-decoration:none;font:600 13px/1.3 Raleway,Arial,sans-serif;border-radius:0}
.bf-strip:focus-visible{outline:3px solid #ff8346;outline-offset:-3px}
.bf-s-tag{padding:5px 12px;border-radius:999px;background:#ff8346;color:#151412;font:800 12px/1 Raleway,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.bf-s-deals{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 16px}
.bf-s-deals>span{white-space:nowrap}
.bf-s-clock{font:500 12px/1 "IBM Plex Mono",ui-monospace,monospace;color:#f3a380;letter-spacing:.04em;white-space:nowrap}
@media(max-width:620px){.bf-strip{font-size:12px;padding:10px 12px;gap:6px 12px}.bf-s-opt{display:none}}