/* Bandas de colección / ángulo / oferta (misma pieza en fichas y portada).
   Datos: data/landing-experiences.json (colecciones) y data/offers.json (ofertas). */
.collection-banner{--ink:#fff;--muted:rgba(255,255,255,.7);--kicker:rgba(255,255,255,.8);--line:rgba(255,255,255,.18);--frame:rgba(255,255,255,.44);position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 78px;align-items:center;height:76px;max-width:620px;margin:12px 0 0;overflow:hidden;border:1px solid var(--line);border-radius:12px;color:var(--ink);box-shadow:0 7px 18px rgba(20,16,11,.12)}
.collection-banner::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.collection-banner::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--signature)}
.cb-copy{min-width:0;padding:8px 8px 8px 14px;display:flex;flex-direction:column;gap:4px}
.cb-kicker{display:flex;align-items:center;gap:6px;color:var(--kicker);font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}
.cb-kicker img{width:16px;height:16px;object-fit:contain}
.cb-title{margin:0;font-family:var(--sans);font-size:19px;font-weight:700;line-height:1;letter-spacing:-.03em;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cb-title span{margin-left:4px;color:var(--title-accent,currentColor);font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}
.cb-meta{color:var(--muted);font-size:10.5px;font-weight:500}
.cb-window{justify-self:end;width:64px;height:64px;margin-right:6px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--frame);border-radius:9px;background:#fff;box-shadow:0 5px 14px rgba(0,0,0,.16)}
.cb-window img{width:100%;height:100%;padding:3px;object-fit:contain}
.cb-rm-home{--ink:#102d2a;--muted:#5e6964;--kicker:#45635c;--line:#d8d3c7;--frame:#ded8cc;--title-accent:#862d47;--signature:linear-gradient(90deg,#0d3731 0 64%,#9b3454 64% 100%);background:linear-gradient(107deg,#fbfaf6 0%,#f3f0e9 70%,#ebe7de 100%)}
.cb-rm-home::before{background:repeating-linear-gradient(112deg,transparent 0 18px,rgba(16,45,42,.025) 18px 19px)}
.cb-rm-away{--muted:#b9c7c1;--kicker:#d9ded8;--line:rgba(232,229,216,.18);--frame:rgba(232,229,216,.42);--title-accent:#e6e1d3;--signature:linear-gradient(90deg,#e9e4d7 0 78%,#c9a34a 78%);background:linear-gradient(108deg,#081c1a 0%,#12312e 58%,#19433c 100%)}
.cb-rm-away::before{opacity:.7;background:linear-gradient(45deg,transparent 46%,rgba(233,228,215,.045) 47% 52%,transparent 53%) 0 0/18px 18px,linear-gradient(-45deg,transparent 46%,rgba(233,228,215,.035) 47% 52%,transparent 53%) 0 0/18px 18px}
.cb-barca-home{--muted:#c3cada;--kicker:#e4c55b;--line:rgba(237,187,0,.24);--frame:rgba(237,187,0,.46);--title-accent:#f0cf54;--signature:linear-gradient(90deg,#004d98 0 46%,#a50044 46% 88%,#edbb00 88%);background:linear-gradient(120deg,#111a4c 0%,#27348a 50%,#7b183f 100%)}
.cb-barca-home::before{background:linear-gradient(112deg,transparent 0 58%,rgba(255,255,255,.035) 58% 59%,transparent 59%)}
.cb-barca-away{--muted:#b8b3c3;--kicker:#d6bb5a;--line:rgba(216,185,83,.22);--frame:rgba(216,185,83,.4);--title-accent:#dfc464;--signature:linear-gradient(90deg,#15141c 0 48%,#5420a1 48% 86%,#d8b953 86%);background:radial-gradient(ellipse at 72% 115%,#6324c9 0%,rgba(86,31,175,.72) 23%,transparent 52%),linear-gradient(108deg,#09090c 0%,#111017 70%,#21123b 100%)}
.cb-barca-away::before{background:radial-gradient(circle at 68% 20%,rgba(216,185,83,.08),transparent 22%),repeating-linear-gradient(118deg,transparent 0 14px,rgba(255,255,255,.02) 14px 15px)}
@media(max-width:370px){.collection-banner{grid-template-columns:minmax(0,1fr) 72px}.cb-title{font-size:17px}.cb-window{width:60px;height:60px}}
a.collection-banner{text-decoration:none}
.cb-mundial{--ink:#fff;--muted:#d7d2c4;--kicker:#e9c46a;--line:rgba(233,196,106,.28);--frame:rgba(233,196,106,.5);--title-accent:#e9c46a;--signature:linear-gradient(90deg,#1f6f43 0 33%,#c8102e 33% 66%,#1d4ed8 66%);background:radial-gradient(ellipse at 85% 120%,rgba(233,196,106,.22),transparent 55%),linear-gradient(110deg,#0b0b0a 0%,#151512 60%,#1d1a12 100%)}
.cb-mundial .cb-title{font-family:var(--disp);font-size:24px;font-weight:900;letter-spacing:0;text-transform:uppercase;color:#fff}
.cb-window-logo{background:#0b0b0a!important}
.cb-window-logo img{padding:6px!important}
/* Portada: sección "Ofertas y novedades" (carrusel de bandas, como "Vistas recientemente"). */
.home-banners{padding:14px 0 16px;background:#fff;border-bottom:1px solid var(--line,#e3e1da)}
.home-banners-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
.home-banners-head h2{margin:0;font-family:var(--disp);font-size:20px;font-weight:900;text-transform:uppercase}
.home-banners-head a{font-size:12px;font-weight:600;color:#16834f;text-decoration:none}
.home-banners-row{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 14px;margin:0 -2px -12px}
.home-banners-row::-webkit-scrollbar{display:none}
.home-banners-row>.collection-banner{flex:0 0 min(86%,360px);margin:0;scroll-snap-align:start}
@media(min-width:900px){.home-banners-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;margin:0;padding:0}.home-banners-row>.collection-banner{max-width:none}.home-banners-row>.is-lead{grid-column:span 2}}