/* Portada élite (dueño, 23-oct): misma estética que las fichas élite.
   Hero con el producto ganador, botones negro/dorado, tarjetas más limpias,
   iconos propios y preguntas frecuentes a todo el ancho. */
:root{--gold:#d9b54a;--gold-2:#f1d27a;--night:#0b0a0e;--night-2:#14101f}

/* ── Hero: carrusel de 4 camisetas, cada una con la marca de su equipo ──
   Una sola tipografía para los 4 (dueño, 23-oct): Saira Extra Condensed,
   alargada como los números 26/27 y condensada como la letra del Barça.
   Cada diapositiva conserva los colores de su uniforme. */
.hero-carousel{background:#0b0a0e;padding:0}
.hc-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.hc-track::-webkit-scrollbar{display:none}
.hc-slide{--hc-font:'Saira Extra Condensed',var(--disp);--hc-bg:#0b0a0e;--hc-ink:#fff;--hc-muted:rgba(255,255,255,.72);--hc-accent:var(--gold);--hc-accent-2:#b88a26;--hc-btn:linear-gradient(180deg,var(--gold-2),#c99a2e);--hc-btn-ink:#14100a;
  position:relative;flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;isolation:isolate;background:var(--hc-bg);color:var(--hc-ink)}
.hc-slide .hero-layout{position:relative;min-height:470px}
.hc-crest{position:absolute;z-index:-1;right:30%;top:50%;width:min(44vw,420px);height:auto;transform:translateY(-50%) rotate(-8deg);opacity:.09;filter:grayscale(.2);pointer-events:none}
.hc-slide .hero-visual{inset:auto 4% 0 auto;width:min(46%,520px);height:100%;background:none;overflow:visible;display:flex;align-items:flex-end}
.hc-slide .hero-visual>img{width:100%;height:auto;max-height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 20px 40px rgba(0,0,0,.5))}
.hc-slide .hero-visual::after{display:none}
.hc-slide .hero-eyebrow{gap:8px;color:var(--hc-accent);letter-spacing:.16em}
.hc-slide .hero-eyebrow img{width:22px;height:22px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}
.hc-slide .hero-eyebrow b{font-weight:800;color:var(--hc-ink)}
body:not(.product-page) .hc-slide .hc-title{font-family:var(--hc-font);color:var(--hc-ink);text-transform:none;line-height:.92;letter-spacing:-.01em}
body:not(.product-page) .hc-slide .hc-title em{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,var(--hc-accent),var(--hc-accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.hc-slide .hero-copy>p{color:var(--hc-muted)}
.hc-slide .hero-price strong{color:var(--hc-ink)}
.hc-slide .hero-price>span{line-height:1.5;color:var(--hc-muted);border-color:currentColor}
.hc-slide .hero-price s{display:block;opacity:.7;font-size:12px}
.hc-slide .hero-price b{font-weight:700;color:var(--hc-ink)}
.hc-ship{display:inline-flex;align-items:center;gap:5px;margin-top:9px;padding:2px 8px 2px 4px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:9px;font-weight:600;letter-spacing:.02em;color:var(--hc-ink)}
.hc-flag{stroke:none;width:12px;height:8px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.15);flex:0 0 auto}
.hc-rm-home .hc-ship{background:rgba(14,59,44,.06);border-color:rgba(14,59,44,.16)}
.hc-version{display:block;margin-top:6px;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--hc-muted)}
.ab-precio_ancla-oculto .hero-carousel .hero-old{display:none}
body:not(.product-page) .hc-slide .hero-actions .button-green{background:var(--hc-btn);border:0;color:var(--hc-btn-ink);box-shadow:0 10px 26px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.4)}
body:not(.product-page) .hc-slide .hero-actions .button-green:hover{filter:brightness(1.06)}
body:not(.product-page) .hc-slide .hero-actions .button-green>span:last-child{color:var(--hc-btn-ink)}
.hc-slide .hero-catalog{color:var(--hc-muted);border-bottom:0}

/* 1 · Barça Away: negra y morada, letras doradas (Kobe) */
.hc-barca-away{background:radial-gradient(ellipse 70% 120% at 85% 60%,rgba(84,32,161,.6),transparent 62%),radial-gradient(ellipse 40% 60% at 70% 100%,rgba(216,185,83,.2),transparent 70%),linear-gradient(180deg,#0b0a0e,#120d1c)}
/* 2 · Barça Home: rayas blaugrana, Modernismo catalán */
.hc-barca-home{--hc-accent:#ffd34e;--hc-accent-2:#f0a91b;--hc-btn:linear-gradient(180deg,#ffd34e,#e9a516);--hc-btn-ink:#10183a;
  background:linear-gradient(90deg,#0a1433 0%,#0a1433 38%,rgba(10,20,51,.55) 62%,rgba(10,20,51,.15)),repeating-linear-gradient(90deg,#a50044 0 70px,#004d98 70px 140px)}
.hc-barca-home .hc-crest{opacity:.14}
/* 3 · Madrid Home: blanco de estudio, verde oscuro y rosa del uniforme */
.hc-rm-home{--hc-bg:#f4f4f1;--hc-ink:#0e3b2c;--hc-muted:#4c5f57;--hc-accent:#c2457a;--hc-accent-2:#8f2552;--hc-btn:linear-gradient(180deg,#155a43,#0b3426);--hc-btn-ink:#fff}
.hc-rm-home .hc-crest{opacity:.07}
/* 4 · Madrid Away: verde "linterna" */
.hc-rm-away{--hc-bg:#04170f;--hc-accent:#8dffbf;--hc-accent-2:#2fd17c;--hc-btn:linear-gradient(180deg,#8dffbf,#2fd17c);--hc-btn-ink:#04170f;
  background:radial-gradient(ellipse 60% 90% at 90% 10%,rgba(80,230,140,.35),transparent 60%),linear-gradient(180deg,#04170f,#072a1c)}
body:not(.product-page) .hc-slide .hc-title{font-weight:800;text-transform:uppercase;letter-spacing:.005em;line-height:.88}
/* Fotos con fondo (Madrid): la foto se funde con el color de la diapositiva */
.hc-photo .hero-visual{inset:0 0 0 40%;width:auto;height:100%;align-items:stretch}
.hc-photo .hero-visual>img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center 20%;filter:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%);mask-image:linear-gradient(90deg,transparent,#000 30%)}

.hc-photo .hero-layout{position:static}
.hc-photo .hero-copy{position:relative;z-index:2}
body:not(.product-page) .hc-rm-home .hero-eyebrow,body:not(.product-page) .hc-rm-home .hero-eyebrow b{color:#0e3b2c}
@media(min-width:601px){body:not(.product-page) .hc-slide .hc-title{font-size:clamp(56px,6.4vw,92px);width:auto}}

/* Indicadores: barra que se llena en 5 s */
.hc-dots{position:absolute;z-index:3;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:6px}
.hc-dot{width:26px;height:16px;padding:6px 0;border:0;background:none;cursor:pointer}
.hc-dot i{display:block;height:3px;border-radius:3px;background:rgba(255,255,255,.3);overflow:hidden;position:relative}
.hc-dot i::after{content:"";position:absolute;inset:0;transform:scaleX(0);transform-origin:left;background:#fff}
.hc-dot[aria-current] i::after{transform:scaleX(1)}
.hc-dots.is-running .hc-dot[aria-current] i::after{animation:hcFill 5s linear forwards}
@keyframes hcFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hero-carousel:has(.hc-rm-home:not([aria-hidden])) .hc-dot i{background:rgba(14,59,44,.22)}
.hero-carousel:has(.hc-rm-home:not([aria-hidden])) .hc-dot i::after{background:#0e3b2c}

/* ── Tarjetas de camiseta ── */
.product-card{border-radius:14px;transition:border-color .2s,box-shadow .2s,transform .2s}
.product-card:hover{transform:translateY(-2px);border-color:#cfc6a6;box-shadow:0 12px 28px rgba(11,10,14,.1)}
.product-photo{background:linear-gradient(180deg,#f6f4ee,#ebe8df)}
.product-badges span{border-radius:999px;padding:4px 9px;letter-spacing:.02em}
.product-badges .best{background:linear-gradient(180deg,var(--gold-2),#c99a2e);color:#14100a;border:0}
.product-badges .official{background:var(--night)}
.card-team{letter-spacing:.02em}
.card-action{color:#0c0b0f}
.card-action>span{color:#b88a26}
body:not(.product-page) .personalization .button{background:linear-gradient(180deg,#26232d,#0c0b0f);border:1px solid rgba(217,181,74,.38);color:#fff}
body:not(.product-page) .personalization .button>span:last-child{color:var(--gold)}
@media(max-width:800px){
  body:not(.product-page) .product-card .card-action{color:#fff;background:linear-gradient(180deg,#26232d,#0c0b0f);border-radius:999px;padding:10px 14px}
  .card-action>span{color:var(--gold)}
}
body:not(.product-page) .product-card.is-unavailable .card-action{background:#f8e6dc;color:#8e321f}

/* ── Colecciones: accesos compactos ── */
.collection-tile{background:#fff;border-radius:14px}
.collection-tile em{color:#8a6a1c}
.collection-tile:hover{border-color:#cfc6a6}
@media(max-width:800px){
  .collections-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .collection-tile{flex-direction:column;align-items:flex-start;gap:6px;padding:10px}
  .collection-tile img{width:44px;height:44px}
  .collection-tile b{font-size:16px}
  .collection-tile small{font-size:8.5px}
  .collection-tile em{font-size:10.5px}
}

/* ── Filtros del catálogo ── */
.filter-row [aria-pressed="true"],.team-button[aria-pressed="true"]{background:var(--night)!important;color:#fff!important;border-color:var(--night)!important}

/* ── Iconos propios (beneficios y garantías) ── */
.hx-ico{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.benefits .hx-ico{color:#8a6a1c}
body:not(.product-page) .guarantees p>span:first-child{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(180deg,#26232d,#0c0b0f);color:var(--gold);flex:0 0 auto}
.guarantees .hx-ico{width:18px;height:18px}

/* ── Preguntas frecuentes: a todo el ancho y un solo "+" ── */
.peace .faq{max-width:none;margin:0;padding:0}
.peace .faq summary{font-family:var(--sans);text-transform:none;font-size:13px;font-weight:700;padding:15px 0}
.peace .faq summary::after{content:none}
.peace .faq summary span{color:#8a6a1c}
.peace h2 em{color:#8a6a1c}

/* ── Banderas en verde que quedaban sueltas: al dorado ── */
.personalization h2 em{color:#b88a26}

/* Durante el Clásico, el marcador sustituye la fila de escudos (sigue en el catálogo). */
.sm-match-slot~.marq2-wrap,.sm-match-home~.marq2-wrap{display:none}

/* ── Móvil ── */
@media(max-width:600px){
  .hc-slide .hero-layout{min-height:520px;padding-block:22px 40px;display:flex;flex-direction:column;justify-content:flex-end}
  .hc-crest{right:-14%;top:30%;width:72vw}
  .hc-cutout .hero-visual{inset:6px -8% auto auto;width:62%;height:auto;align-items:flex-start}
  .hc-cutout .hero-visual>img{max-height:300px;width:auto;margin-left:auto}
  .hc-photo .hero-visual{inset:0 0 auto 0;height:46%}
  .hc-photo .hero-visual>img{object-position:center 12%;-webkit-mask-image:linear-gradient(180deg,#000 50%,transparent 98%);mask-image:linear-gradient(180deg,#000 50%,transparent 98%)}
  body:not(.product-page) .hc-slide .hc-title{font-size:clamp(54px,16vw,66px)}
  .hc-cutout .hero-copy>p{max-width:58%}
  body:not(.product-page) .hc-cutout .hc-title{max-width:none;width:auto;font-size:clamp(50px,14.5vw,60px);filter:drop-shadow(0 2px 14px rgba(0,0,0,.5))}
  .hc-photo .hero-copy>p{max-width:none}
  .hc-slide .hero-eyebrow{letter-spacing:.1em;font-size:8.5px}
  .hc-slide .hero-price{margin-top:14px}
  .hc-slide .hero-actions{margin-top:12px}
  .hc-version{font-size:9px}
  .hc-ship{margin-top:7px;font-size:8.5px;padding:2px 7px 2px 4px}
}
@media(max-width:360px){.hc-cutout .hero-visual{width:58%}}