@font-face{font-family:UnboundedCompacta;src:url(unbounded-extrabold.woff) format("woff");font-weight:400;font-style:normal;font-display:swap;size-adjust:72%}
/* Inicio: favoritas y épocas con el estilo hueso de los catálogos. Los títulos grandes (UnboundedCompacta) se quedan. Para regresar, quita este archivo de index.html. */
html body.home-page{--hh-bone:#E7E6E1;--hh-bone2:#DCDBD5;--hh-ink:#151515;--hh-mute:#5f5c55;--hh-or:#ff8346}
html body.home-page .jersey-rail,html body.home-page .home-collections{background:#fff!important}

/* Ligas de texto "Ver todo el catálogo" como píldora */
html body.home-page .home-text-link{display:inline-block!important;height:42px;line-height:42px!important;padding:0 18px!important;white-space:nowrap;border:0!important;border-radius:999px;background:var(--hh-bone);color:var(--hh-ink)!important;font:700 14px/42px Raleway,Arial,sans-serif!important;letter-spacing:0!important;text-transform:lowercase!important;text-decoration:none!important;transition:background .15s,color .15s}
html body.home-page .home-text-link::first-letter{text-transform:uppercase}
html body.home-page .home-text-link:hover{background:var(--hh-ink);color:#fff!important}
html body.home-page .home-text-link::after{display:none!important}
html body.home-page .home-text-link span{margin-left:6px}
html body.home-page .ep-acts{align-items:end}
html body.home-page .jersey-rail-heading p{font:500 15px/1.5 Raleway,Arial,sans-serif!important;color:var(--hh-mute)!important}

/* Favoritas: cajas hueso redondeadas, texto en Raleway */
html body.home-page .fav-mosaic{gap:14px}
html body.home-page .fav-card{border-radius:24px;background:var(--hh-bone);transition:background .2s}
html body.home-page .fav-card:hover{background:var(--hh-bone2)}
html body.home-page .fav-cap{padding:16px 18px;align-items:baseline}
html body.home-page .fav-cap b{font:800 clamp(14px,1.25vw,18px)/1.15 Raleway,Arial,sans-serif;letter-spacing:-.02em;text-transform:none}
html body.home-page .fav-card.is-big .fav-cap b{font-size:clamp(18px,1.8vw,26px)}
html body.home-page .fav-cap span{font:700 15px/1 Raleway,Arial,sans-serif}
html body.home-page .fav-card.is-big .fav-cap span{font-size:18px}
html body.home-page .fav-tag{top:16px;left:16px;padding:7px 11px;border-radius:999px;font:800 12px/1 Raleway,Arial,sans-serif;transform:rotate(-4deg);box-shadow:0 2px 0 rgba(21,21,21,.18)}

/* Épocas: pestañas como píldoras y tarjetas como el catálogo */
html body.home-page .ep-bar{border:0!important;gap:12px}
html body.home-page .ep-tabs{gap:8px!important;border:0!important}
html body.home-page .ep-tabs button{min-height:40px;padding:0 16px!important;border:0!important;border-radius:999px!important;background:var(--hh-bone)!important;color:var(--hh-ink)!important;font:700 14px/1 Raleway,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
html body.home-page .ep-tabs button small{margin-left:6px;padding:3px 6px;border-radius:999px;background:#fff;color:var(--hh-mute);font:700 10px/1 Raleway,Arial,sans-serif;vertical-align:1px}
html body.home-page .ep-tabs button[aria-selected="true"]{background:var(--hh-ink)!important;color:#fff!important}
html body.home-page .ep-tabs button[aria-selected="true"] small{background:var(--hh-or);color:var(--hh-ink)}
html body.home-page .ep-note{color:var(--hh-mute)!important;font:600 13px/1 Raleway,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
html body.home-page .ep-tile{border:0!important;background:transparent!important}
html body.home-page .ep-vis{border-radius:22px!important;background:var(--hh-bone)!important;overflow:hidden;transition:background .2s}
html body.home-page .ep-tile:hover .ep-vis{background:var(--hh-bone2)!important}
html body.home-page .ep-vis i{top:12px!important;left:12px!important;padding:5px 8px;border-radius:999px;background:#fff;color:var(--hh-ink)!important;font:800 11px/1 Raleway,Arial,sans-serif!important;font-style:normal!important}
html body.home-page .ep-name{margin-top:14px!important;align-items:baseline}
html body.home-page .ep-name a{font:800 16px/1.2 Raleway,Arial,sans-serif!important;letter-spacing:-.02em!important;color:var(--hh-ink)!important}
html body.home-page .ep-name span{font:800 16px/1.2 Raleway,Arial,sans-serif!important;color:var(--hh-ink)!important}
html body.home-page .ep-meta{color:var(--hh-mute)!important;font:500 13px/1.3 Raleway,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
html body.home-page .ep-acts{gap:6px!important;border:0!important;margin-top:12px!important}
html body.home-page .ep-acts button{flex:1;min-height:36px;padding:0 10px!important;border:0!important;border-radius:999px!important;background:var(--hh-bone)!important;color:var(--hh-ink)!important;font:700 13px/1 Raleway,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
html body.home-page .ep-acts button:hover{background:var(--hh-bone2)!important}
html body.home-page .ep-acts button[aria-pressed="true"]{background:var(--hh-ink)!important;color:#fff!important}
html body.home-page .ep-acts button[data-act="wanted"][aria-pressed="true"]{background:var(--hh-or)!important;color:var(--hh-ink)!important}

@media(max-width:760px){
  html body.home-page .fav-mosaic{gap:10px}
  html body.home-page .fav-card{border-radius:18px}
  html body.home-page .fav-cap{padding:12px 14px}
  html body.home-page .ep-tabs{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none}
  html body.home-page .ep-tabs button{flex:0 0 auto}
  html body.home-page .ep-vis{border-radius:16px!important}
  html body.home-page .ep-name{flex-direction:column;gap:4px}
  html body.home-page .ep-name a,html body.home-page .ep-name span{font-size:14px!important}
  html body.home-page .ep-acts button{font-size:12px!important;min-height:34px;padding:0 6px!important}
}

/* Cuatro amigos: más chica y dentro de los márgenes, para que no le quite protagonismo a los jerseys */
html body.home-page .home-nosotros{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:0;margin:clamp(12px,2vw,24px) clamp(20px,5vw,86px);padding:0;border-radius:24px;background:var(--hh-bone);overflow:hidden;align-items:stretch}
html body.home-page .home-nosotros-photo{min-height:0;height:100%;max-height:none;aspect-ratio:auto}
html body.home-page .home-nosotros-copy{gap:10px;padding:clamp(22px,2.6vw,36px) clamp(22px,3vw,44px)}
html body.home-page .home-nosotros h2{font-size:clamp(26px,2.4vw,36px)}
html body.home-page .home-nosotros-copy p{max-width:62ch;font-size:14.5px;line-height:1.55}
html body.home-page .home-nosotros-crew{margin-top:2px}
html body.home-page .home-nosotros-crew li{font:700 13px/1 Raleway,Arial,sans-serif;letter-spacing:0;text-transform:none}
html body.home-page .home-nosotros-crew li+li::before{margin:0 8px;color:var(--hh-mute)}
html body.home-page .home-nosotros-stats{margin:6px 0 4px;border-top:1px solid #c9c6bf}
html body.home-page .home-nosotros-stats div{padding-top:10px}
html body.home-page .home-nosotros-stats dt{font-size:clamp(22px,2vw,28px)}
html body.home-page .home-nosotros-stats dd{margin-top:4px;color:var(--hh-mute);font:600 12px/1.3 Raleway,Arial,sans-serif;letter-spacing:0;text-transform:none}
@media(max-width:760px){
  html body.home-page .home-nosotros{grid-template-columns:1fr;margin:8px 16px;border-radius:20px}
  html body.home-page .home-nosotros-photo{height:auto;aspect-ratio:16/9;max-height:220px}
  html body.home-page .home-nosotros-copy{padding:20px 18px 22px}
}
html body.home-page .home-nosotros{grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr)}
html body.home-page .home-nosotros-copy{flex-direction:row;flex-wrap:wrap;align-content:center;align-items:flex-end;column-gap:24px;row-gap:8px;justify-content:flex-start!important}
html body.home-page .home-nosotros-copy>h2,html body.home-page .home-nosotros-copy>p,html body.home-page .home-nosotros-copy>.home-nosotros-crew{flex:0 0 100%}
html body.home-page .home-nosotros-copy>h2{margin-bottom:4px}
html body.home-page .home-nosotros-copy p:not(.home-kicker){margin:0!important}
html body.home-page .home-nosotros-stats{flex:1 1 auto;margin:8px 0 0}
html body.home-page .home-nosotros .home-text-link{flex:0 0 auto;margin:0 0 2px;background:#fff!important}
html body.home-page .home-nosotros .home-text-link:hover{background:var(--hh-ink)!important}
@media(max-width:760px){
  html body.home-page .home-nosotros{grid-template-columns:1fr}
  html body.home-page .home-nosotros-copy{flex-direction:column;flex-wrap:nowrap;align-items:flex-start}
  html body.home-page .home-nosotros-copy>*{flex:0 0 auto!important}
  html body.home-page .home-nosotros-stats{width:100%}
}