/* Marcador del Clásico en la portada: mismo diseño que en las fichas (pdp-elite.css). */
.sm-match-slot{min-height:58px;background:#0b0a0e}
.sm-match{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;row-gap:3px;min-height:58px;padding:7px 12px 6px;background:linear-gradient(90deg,#0b0a0e 0%,#14101f 50%,#0b0a0e 100%);color:#fff;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}
.sm-match::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 45% 160% at 0% 50%,rgba(165,0,68,.55),transparent 70%),radial-gradient(ellipse 45% 160% at 100% 50%,rgba(233,196,106,.35),transparent 70%);pointer-events:none}
.sm-match>*{position:relative}
.sm-team{display:flex;align-items:center;gap:7px;min-width:0;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}
.sm-team.is-right{justify-content:flex-end;text-align:right}
.sm-team img{width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));transition:transform .16s}
.sm-team:hover img,.sm-team:focus-visible img{transform:scale(1.12)}
.sm-team-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.sm-team b{font:900 15px/1 var(--disp);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.sm-team small{font:700 8.5px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#d9b54a;white-space:nowrap}
.sm-center{display:flex;flex-direction:column;align-items:center}
.sm-clock{display:flex}
.sm-clock .sm-time{font:900 20px/1 var(--disp);letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff}
.sm-clock .sm-time i{font-style:normal;font-size:11px;font-weight:900;color:#d9b54a;margin-left:1px;letter-spacing:.04em}
.sm-live{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;background:#e8432e;font:900 12px/1 var(--disp);letter-spacing:.08em}
.sm-live i{width:7px;height:7px;border-radius:50%;background:#fff;animation:smPulse 1s ease-in-out infinite}
@keyframes smPulse{50%{opacity:.25}}
.sm-info{grid-column:1/-1;margin:0;text-align:center;font:600 9.5px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sm-info b{color:#d9b54a;font-weight:800}
.sm-info span{color:rgba(255,255,255,.5)}
@media(min-width:760px){.sm-match{grid-template-columns:1fr auto 1fr;padding-inline:max(24px,calc((100% - 760px)/2))}.sm-team b{font-size:18px}.sm-team img{width:32px;height:32px}.sm-clock .sm-time{font-size:24px}}
@media(max-width:360px){.sm-team b{font-size:13px}.sm-team img{width:22px;height:22px}.sm-info{letter-spacing:.06em;font-size:9px}.sm-clock .sm-time{font-size:17px}}
@media(prefers-reduced-motion:reduce){.sm-live i{animation:none}}
