.tri {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.15rem;
  height: 2.15rem;
  border-radius: 50%;
  background: var(--tri-bg, var(--verde));
  color: var(--tri-txt, #fff);
  border: 2px solid var(--tri-borde, rgba(255, 255, 255, .55));
  font-size: .6rem;
  font-weight: 800;
  letter-spacing: .01em;
  flex-shrink: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .18), inset 0 0 0 1px rgba(255, 255, 255, .12);
  animation: pop-in .35s cubic-bezier(.34, 1.56, .64, 1) both;
}

.escudo-equipo {
  display: inline-flex;
  flex-shrink: 0;
  animation: pop-in .35s cubic-bezier(.34, 1.56, .64, 1) both;
}
.escudo-equipo img {
  width: 2.15rem;
  height: 2.15rem;
  object-fit: contain;
  flex-shrink: 0;
}
.escudo-equipo .tri-fallback { display: none; animation: none; }
.marcador {
  display: flex;
  align-items: center;
  gap: .4rem;
  flex-shrink: 0;
}

.separador-marcador { color: var(--gris-400); font-weight: 700; }

.marcador input {
  width: 2.6rem;
  text-align: center;
  font-family: var(--fuente-display);
  font-size: 1.3rem;
  font-weight: 700;
  padding: .5rem 0;
  border: 1px solid var(--gris-400);
  border-radius: var(--radio-chico);
  background: var(--superficie);
  color: var(--texto);
  transition: box-shadow .15s ease;
}

.marcador input:focus { outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--verde) 25%, transparent); }
.marcador input:disabled { background: var(--superficie-alta); color: var(--gris-700); border-color: transparent; }