/* ============================================================
   INICIO · estilo Revista (se carga al final, por eso gana a los anteriores)
   Orden del inicio: banner · Favoritas de Peyo · Revive el partido · Épocas · footer.
   Colores: blanco #fff, hueso frío #eeede8, negro #121212, naranja solo para detalles.
   ============================================================ */

/* ---------- Secciones que ya no se ven en el inicio (siguen en el código, solo ocultas) ---------- */
.home-page .home-new[hidden],.home-page .home-personal[hidden],.home-page .jersey-finder[hidden],.home-page .home-trust[hidden]{display:none!important}

/* ---------- 1 · Favoritas de Peyo ---------- */
.home-page .jersey-rail{--rail-ink:#121212;--rail-paper:#fff;background:#fff;color:#121212;padding:clamp(54px,6.5vw,100px) 0 clamp(40px,5vw,72px)}
.home-page .jersey-rail-heading{max-width:none;margin:0 0 clamp(26px,3.5vw,48px);padding:0 clamp(20px,5vw,86px);text-align:left}
.home-page .jersey-rail-heading h2{font:700 clamp(32px,4.2vw,58px)/.98 Raleway,Arial,sans-serif;letter-spacing:-.065em;text-transform:none;color:#121212}
.home-page .jersey-rail-heading p:not(.home-kicker){margin:14px 0 0;color:#66645f;font:500 14px/1.5 Raleway,Arial,sans-serif}

/* Carta plana: línea fina arriba, sin caja, sin sombra, sin inclinación */
.home-page .jersey-rail .jersey-rail-card .jersey-rail-look{
  gap:0;padding:12px 0 0;border:0;border-top:1px solid #121212;border-radius:0;background:transparent;box-shadow:none;
  transform:none!important;color:#121212;overflow:visible}
.home-page .jersey-rail .jersey-rail-card .jersey-rail-look::after{display:none}
.home-page .jersey-rail .jersey-rail-card:hover .jersey-rail-look,.home-page .jersey-rail .jersey-rail-card.is-hot .jersey-rail-look{border-color:#121212;box-shadow:none}
.home-page .jersey-rail .jersey-rail-top{min-height:22px}
.home-page .jersey-rail .jersey-rail-card .jersey-rail-num{font:500 10px/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.12em;color:#77746d}
/* Etiqueta "Aprobada por Peyo" (opción A) */
.home-page .jersey-rail .jersey-rail-stamp{display:inline-flex;align-items:center;gap:7px;width:auto;height:auto;border:0;border-radius:0;transform:none;
  font:700 9px/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:#fe492a;white-space:nowrap}
.home-page .jersey-rail .jersey-rail-stamp i{display:block;width:6px;height:6px;background:#fe492a}
.home-page .jersey-rail .jersey-rail-card .jersey-rail-photo{height:clamp(13rem,19vw,16.5rem);margin-top:6px}
.home-page .jersey-rail .jersey-rail-card .jersey-rail-photo img{mix-blend-mode:multiply;filter:drop-shadow(0 8px 10px rgba(0,0,0,.14))}
.home-page .jersey-rail .jersey-rail-team{margin-top:12px;min-height:0;align-items:baseline}
.home-page .jersey-rail .jersey-rail-team strong{color:#121212;font:800 clamp(14px,1.25vw,17px)/1.05 Raleway,Arial,sans-serif;letter-spacing:-.04em}
.home-page .jersey-rail .jersey-rail-team em{font:500 11px/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.06em;color:#77746d;-webkit-text-stroke:0}
.home-page .jersey-rail .jersey-rail-chips{margin-top:6px;gap:0 10px;min-height:0}
.home-page .jersey-rail .jersey-rail-chips span{border:0;border-radius:0;padding:0;font:500 10px/1.4 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.1em;color:#77746d}
.home-page .jersey-rail .jersey-rail-buy{margin-top:12px;padding-top:0;border-top:0}
.home-page .jersey-rail .jersey-rail-card .jersey-rail-price{color:#121212;font:700 16px/1 Raleway,Arial,sans-serif;letter-spacing:-.03em}
.home-page .jersey-rail .jersey-rail-price small{color:#77746d}
.home-page .jersey-rail .jersey-rail-go{padding:0 0 4px;border-radius:0;background:transparent;color:#121212;border-bottom:1px solid #121212;font:700 9px/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.1em}
/* Carta final "Ver todo el catálogo" */
.home-page .jersey-rail .jersey-rail-more .jersey-rail-look{border:0;border-top:1px solid #121212;background:transparent}
.home-page .jersey-rail .jersey-rail-more-text{color:#121212;font:700 clamp(24px,2.4vw,34px)/1 Raleway,Arial,sans-serif;letter-spacing:-.06em}
.home-page .jersey-rail .jersey-rail-more-arrow{border-radius:0;border-color:#121212;color:#121212}
.home-page .jersey-rail .jersey-rail-more:hover .jersey-rail-more-arrow{background:#121212;color:#fff}
/* Controles y puntitos */
.home-page .jersey-rail .jersey-rail-controls button{border-radius:0;border-color:#121212}
.home-page .jersey-rail .jersey-rail-controls button:hover,.home-page .jersey-rail .jersey-rail-controls button:focus-visible{background:#121212;border-color:#121212;color:#fff}
.home-page .jersey-rail .jersey-rail-dots i{border-radius:0;background:#d4d0c6}
.home-page .jersey-rail .jersey-rail-dots i.on{border-radius:0;background:#121212}

/* ---------- 2 · Épocas (fondo blanco) ---------- */
.home-page .home-collections{background:#fff;color:#121212;border-top:1px solid #d4d0c6}
.home-page .home-collections .home-kicker,.home-page .home-collections h2,.home-page .home-collections .home-text-link{color:#121212}
.home-page .home-collections .home-section-heading h2{font:700 clamp(32px,4.2vw,58px)/.98 Raleway,Arial,sans-serif;letter-spacing:-.065em}
.epocas{display:block}
.ep-bar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;border-bottom:1px solid #d4d0c6;padding-bottom:22px;margin-bottom:clamp(20px,2.6vw,34px)}
.ep-tabs{display:flex;gap:clamp(4px,1vw,14px);flex-wrap:wrap}
.ep-tabs button{all:unset;box-sizing:border-box;cursor:pointer;font:600 clamp(13px,1.1vw,15px)/1 "IBM Plex Mono",ui-monospace,monospace;padding:14px clamp(14px,1.6vw,22px);color:#121212}
.ep-tabs button[aria-selected="true"]{background:#121212;color:#fff}
.ep-tabs button:not([aria-selected="true"]):hover{background:rgba(0,0,0,.05)}
.ep-tabs button:focus-visible{outline:2px solid #fe492a;outline-offset:2px}
.ep-note{font:500 11px/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#77746d}
.ep-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.4vw,36px)}
.ep-tile{min-width:0}
.ep-vis{position:relative;display:grid;place-items:center;aspect-ratio:1.06;background:#f1f0ec;text-decoration:none}
.ep-vis i{position:absolute;left:20px;top:16px;font:600 13px "IBM Plex Mono",ui-monospace,monospace;color:#fe6a4a;font-style:normal}
.ep-vis img{width:76%;height:auto;max-height:86%;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(0,0,0,.14));transition:transform .3s}
.ep-vis:hover img{transform:translateY(-4px)}
.ep-name{display:flex;justify-content:space-between;gap:10px;margin-top:clamp(14px,1.6vw,22px)}
.ep-name a{color:#121212;text-decoration:none;font:800 clamp(18px,1.9vw,26px)/1.05 Raleway,Arial,sans-serif;letter-spacing:-.05em}
.ep-name span{font:500 clamp(12px,1vw,14px) "IBM Plex Mono",ui-monospace,monospace;color:#121212}
.ep-meta{margin:8px 0 clamp(14px,1.6vw,22px);font:500 clamp(10px,.9vw,12px)/1.3 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;color:#77746d}
.ep-acts{display:flex;justify-content:space-between;border-top:1px solid #d4d0c6;padding-top:clamp(12px,1.4vw,18px)}
.ep-acts button{all:unset;cursor:pointer;font:600 clamp(10px,.9vw,12px) "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;color:#121212}
.ep-acts button[aria-pressed="true"]{color:#fe492a}
.ep-acts button:focus-visible{outline:2px solid #fe492a;outline-offset:3px}
.ep-more{display:flex;justify-content:flex-end;margin-top:clamp(22px,3vw,36px)}
@media (max-width:900px){.ep-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ep-name{flex-direction:column;gap:2px}.ep-vis i{left:12px;top:10px}}
.home-page .home-collections-grid[hidden]{display:none!important}

/* Arreglo: la foto del jersey se salía de su caja y tapaba el nombre y el año.
   Ahora la foto nunca es más grande que su caja, y el nombre queda un poco más abajo. */
.home-page .jersey-rail .jersey-rail-card .jersey-rail-photo{overflow:hidden;padding:0 0 4px;box-sizing:border-box}
.home-page .jersey-rail .jersey-rail-card .jersey-rail-photo img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.home-page .jersey-rail .jersey-rail-team{margin-top:16px}
.home-page .jersey-rail .jersey-rail-card .jersey-rail-photo{display:flex;align-items:center;justify-content:center}
.home-page .jersey-rail .jersey-rail-card .jersey-rail-photo img{flex:0 1 auto;min-height:0}

/* Nosotros: los cuatro amigos (sustituye al reloj en el inicio) */
.home-page .home-nosotros{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center;background:#eeede8;color:#121212;padding:clamp(52px,6vw,96px) clamp(20px,5vw,86px)}
.home-page .home-nosotros-photo{margin:0;aspect-ratio:4/3;overflow:hidden;background:#111}
.home-page .home-nosotros-photo img{display:block;width:100%;height:100%;object-fit:cover}
.home-page .home-nosotros-copy{min-width:0}
.home-page .home-nosotros .home-kicker{color:#121212}
.home-page .home-nosotros h2{margin:0 0 20px;font:700 clamp(40px,4.6vw,64px)/.96 Raleway,Arial,sans-serif;letter-spacing:-.065em;color:#121212;text-wrap:balance}
.home-page .home-nosotros-copy p:not(.home-kicker){margin:0 0 14px;max-width:52ch;color:#2f2d29;font:500 16px/1.6 Raleway,Arial,sans-serif}
.home-page .home-nosotros-crew{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none}
.home-page .home-nosotros-crew li{border:1px solid #121212;padding:7px 12px;font:600 11px/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}
.home-page .home-nosotros-stats{display:flex;flex-wrap:wrap;gap:12px 28px;margin:24px 0 22px}
.home-page .home-nosotros-stats div{min-width:92px;border-top:2px solid #121212;padding-top:8px}
.home-page .home-nosotros-stats dt{font:800 28px/1 Raleway,Arial,sans-serif;letter-spacing:-.04em}
.home-page .home-nosotros-stats dd{margin:5px 0 0;color:#5b5a56;font:500 10px/1.3 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}
.home-page .home-nosotros .home-text-link{color:#121212}
@media (max-width:820px){.home-page .home-nosotros{grid-template-columns:1fr}}