/* /pareo — one race: programme sheet, winner, rateios, replay. Builds on corridas.css. */

.phero .pmeta { border-top: 1px solid var(--color-text); }
.phero .pmeta a { color: var(--color-brand); text-underline-offset: 3px; }

.pg-sheet .panel { padding-top: 24px; }
.pg-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin: 0; border-top: 1px solid var(--color-text); border-bottom: 1px solid var(--color-border); }
.pg-facts div { padding: 10px 14px 10px 0; }
.pg-facts div + div { padding-left: 14px; border-left: 1px solid var(--color-border); }
.pg-facts dt { font-family: var(--font-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--color-muted); }
.pg-facts dd { margin: 2px 0 0; font-size: 15px; font-weight: 500; }

/* winner */
.pw { grid-column: 1 / 8; padding: 28px 32px; }
.pr { grid-column: 8 / 13; }
.pw__win { display: grid; grid-template-columns: auto 1fr; gap: 16px; align-items: center; margin-top: 14px; }
.pw__win .oct { --s: 72px; font-size: 26px; }
.pw__horse { font-size: clamp(1.75rem, 1.2rem + 1.8vw, 2.75rem); font-weight: 600; letter-spacing: -.045em; line-height: 1; margin: 0; overflow-wrap: anywhere; }
.pw__who { margin: 6px 0 0; color: var(--color-muted); }
.pw__facts { margin: 22px 0 0; border-top: 1px solid var(--color-text); }
.pw__facts div { display: grid; grid-template-columns: 120px 1fr; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--color-border); }
.pw__facts dt { font-family: var(--font-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--color-muted); padding-top: 3px; }
.pw__facts dd { margin: 0; font-weight: 500; }
.pw__time { font-size: 24px; font-weight: 600 !important; letter-spacing: -.03em; }
.pw__nc { margin: 16px 0 0; font-size: 14px; color: var(--color-muted); }
.pw__nc b { color: var(--color-text); font-weight: 600; }
.pw__rec { display: flex; align-items: center; gap: 10px; margin: 12px 0 0; font-weight: 600; font-size: 14px; }
.pw__rec .oct { background: var(--color-accent); }
.pr .tile__h { margin-bottom: 14px; }

/* replay */
.prep { margin: 0; }
.prep__t { display: flex; flex-direction: column; gap: 14px; }
.prep__t .tile__h { margin: 0; }
.prep__t .lnk { margin-top: auto; }

/* other páreos of the day */
.winners { margin: 10px 0 0; padding: 0; border-top: 1px solid var(--color-text); }
.winners li { display: flex; align-items: center; gap: 8px; border-bottom: 1px solid var(--color-border); }
.winners__p { flex: 1; min-width: 0; display: flex; align-items: center; gap: 12px; padding: 10px 0; text-decoration: none; color: var(--color-text); }
.winners__p .oct { --s: 30px; font-size: 12px; }
.winners__p > span:not(.oct) { display: flex; flex-direction: column; min-width: 0; }
.winners__p b { font-weight: 600; letter-spacing: -.01em; overflow-wrap: anywhere; }
.winners__p small { font-size: 12px; color: var(--color-muted); }
.winners__p:hover b { color: var(--color-brand); text-decoration: underline; text-underline-offset: 3px; }
.pday li.is-cur { background: var(--color-brand-tint); }
.pday li.is-cur .winners__p { padding-left: 8px; }

@media (max-width: 1279px) {
  .pg-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pg-facts div:nth-child(3) { padding-left: 0; border-left: 0; }
  .pg-facts div:nth-child(n+3) { border-top: 1px solid var(--color-border); }
}
@media (max-width: 1023px) {
  .pw, .pr { grid-column: 1 / -1; }
}
@media (max-width: 899px) {
  .prep, .prep__t { grid-column: 1 / -1; }
}
@media (max-width: 759px) {
  .pw { padding: 22px 18px; }
  .pw__win .oct { --s: 56px; font-size: 20px; }
  .pw__facts div { grid-template-columns: 1fr; gap: 2px; }
  .pg-facts { grid-template-columns: 1fr; }
  .pg-facts div, .pg-facts div + div { padding-left: 0; border-left: 0; }
  .pg-facts div + div { border-top: 1px solid var(--color-border); }
}