/* FULBO 2.66 — sustituciones: entra → verde / sale ← rojo. */
.event-sub .event-body{flex:1;min-width:0}
.event-sub .substitution-players{display:flex;flex-direction:column;gap:4px;margin-top:5px;min-width:0}
.event-sub .substitution-player{
 display:grid;grid-template-columns:18px minmax(0,1fr);gap:5px;
 align-items:start;min-width:0;text-align:left
}
.event-sub .substitution-arrow{
 display:block;font-size:20px;font-weight:900;line-height:1;
 font-family:system-ui,sans-serif;text-align:center
}
.event-sub .substitution-enter .substitution-arrow{color:#20c86a}
.event-sub .substitution-exit .substitution-arrow{color:#f05252}
.event-sub .substitution-person{
 min-width:0;font-size:11px;line-height:1.35;
 overflow-wrap:anywhere;word-break:normal
}
.event-sub .substitution-label{font-weight:850;color:var(--ink)}
.event-sub .substitution-name{font-weight:600;color:var(--ink)}
@media(max-width:600px){
 .event-sub .substitution-player{grid-template-columns:16px minmax(0,1fr);gap:3px}
 .event-sub .substitution-arrow{font-size:17px}
 .event-sub .substitution-person{font-size:10px;line-height:1.3}
 .event-sub .substitution-players{gap:3px;margin-top:4px}
}

/* FULBO 2.67: ícono propio, visible junto a cada sustitución. */
.event-sub .substitution-event-icon{
 display:flex!important;align-items:center;justify-content:center;
 flex:0 0 30px;width:30px;min-width:30px;height:30px;
 margin:0!important;line-height:1!important
}
.event-sub .substitution-event-icon svg{display:block;width:28px;height:28px;overflow:visible}
.event-sub .sub-icon-enter{stroke:#20c86a;fill:none}
.event-sub .sub-icon-exit{stroke:#f05252;fill:none}
@media(max-width:600px){
 .event-sub .substitution-event-icon{flex-basis:23px;width:23px;min-width:23px;height:23px}
 .event-sub .substitution-event-icon svg{width:23px;height:23px}
}