/* ===== Ficha de partido (estilo diario) ===== */
.sl-matchficha{
  --ink:#0f172a; --muted:#475569; --line:#e2e8f0;
  --green1:#117a3a; --green2:#0d5f2f;
  display:flex; flex-direction:column; gap:1rem;
  max-width:1000px; margin:0 auto 2rem; padding:0 1rem;
  color:var(--ink);
}

/* Reordenamos: marcador arriba, imagen debajo, luego texto */
.sl-matchficha .sl-header{order:1}
.sl-matchficha .sl-hero{order:2}
.sl-matchficha .sl-article{order:3}
.sl-matchficha .sl-stats{order:4}
.sl-matchficha .sl-footer{order:5}

/* ===== Marcador (banda verde) ===== */
.sl-matchficha .sl-header{
  position:relative;
  background:linear-gradient(180deg,var(--green1),var(--green2));
  color:#fff; border-radius:12px; padding:14px 18px;
  display:grid; grid-template-columns:1fr auto 1fr; gap:1rem; align-items:center;
  box-shadow:0 6px 20px rgba(0,0,0,.12);
}
.sl-matchficha .sl-header::after{
  content:"FINALIZADO"; position:absolute; left:50%; top:6px; transform:translateX(-50%);
  font-size:.72rem; letter-spacing:.12em; opacity:.85;
}
.sl-matchficha .sl-team{display:flex; align-items:center; justify-content:flex-end}
.sl-matchficha .sl-team--visit{justify-content:flex-start}
.sl-matchficha .sl-name{
  font-weight:800; font-size:1.25rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.sl-matchficha .sl-score{
  font-weight:900; font-size:2.2rem; line-height:1; text-align:center; letter-spacing:.04em;
  padding:.2rem .75rem; min-width:5.2rem; border-radius:.6rem; background:rgba(255,255,255,.16);
}

/* ===== Imagen hero ===== */
.sl-matchficha .sl-hero{margin-top:.25rem}
.sl-matchficha .sl-hero img{
  width:100%; aspect-ratio:16/9; object-fit:cover;
  border-radius:14px; box-shadow:0 8px 24px rgba(0,0,0,.10);
}

/* ===== Artículo ===== */
.sl-matchficha .sl-article{max-width:820px; margin:0 auto}
.sl-matchficha .sl-hed{margin:.4rem 0 .3rem; font-size:2rem; line-height:1.15; font-weight:900}
@media (min-width:900px){ .sl-matchficha .sl-hed{font-size:2.4rem} }
.sl-matchficha .sl-dek{margin:0 0 1rem; color:var(--muted)}
.sl-matchficha .sl-excerpt{margin:0 0 1rem}
.sl-matchficha .sl-body p{margin:0 0 .95rem; line-height:1.7; font-size:1.05rem}

/* ===== Estadísticas (dos columnas) ===== */
.sl-matchficha .sl-stats{margin-top:1.25rem}
.sl-matchficha .sl-cols{display:grid; grid-template-columns:1fr 1fr; gap:1rem}
.sl-matchficha .sl-col{background:#fff; border:1px solid var(--line); border-radius:12px; padding:1rem}
.sl-matchficha .sl-col h3{margin:0 0 .6rem; font-size:.95rem; color:var(--muted); text-transform:uppercase; letter-spacing:.06em}
.sl-matchficha .sl-list{list-style:none; margin:0; padding:0}
.sl-matchficha .sl-list li{display:flex; justify-content:space-between; gap:.75rem; padding:.5rem .25rem; border-bottom:1px dashed var(--line)}
.sl-matchficha .sl-list li:last-child{border-bottom:0}

/* ===== Pie ===== */
.sl-matchficha .sl-footer{margin-top:.5rem; text-align:center; color:var(--muted)}

/* ===== Responsive ===== */
@media (max-width:640px){
  .sl-matchficha .sl-name{font-size:1.05rem}
  .sl-matchficha .sl-score{font-size:1.8rem; min-width:4.2rem}
  .sl-matchficha .sl-cols{grid-template-columns:1fr}
}