
.badge-lg {
  font-size: 1.2em;
  font-weight: bold;
  padding: 0.5em 1em;
  border-radius: 0.5em;
  display: inline-block;
  text-transform: uppercase;
}
.badge-info {
  background-color: #17a2b8;
}
.badge-danger {
  background-color: #dc3545;
}
.badge-success {
  background-color: #28a745;
}
.badge-primary {
  background-color: #007bff;
}
.badge-secondary {
  background-color: #6c757d;
  color: white; /* Aseguramos que el texto sea visible */
}
.badge-warning {
  background-color: #ffc107;
}



.decimal-number {
  color: #0066cc; /* Cambia a un color que destaque */
  font-weight: bold; /* Negrita para resaltar */
  font-family: 'Courier New', Courier, monospace; /* Tipografía de ancho fijo para números */
}

/* Identidad operativa de ubicacion y cancha. Rojo/verde quedan para diario/fijo. */
.identidad-sede {
  position: relative;
  display: flex;
  align-items: center;
  gap: .75rem;
  height: 4.25rem;
  padding: .55rem .75rem;
  background: #fff;
  color: #1f2933;
  border: 1px solid #d8dee5;
  border-left: .45rem solid #6c757d;
  border-radius: .6rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .10);
  overflow: hidden;
  isolation: isolate;
}
.identidad-sede-patron {
  background-color: var(--cancha-fondo, #f3f4f6);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08), 0 2px 5px rgba(0, 0, 0, .12);
}
.identidad-patron-liso { background-image: linear-gradient(105deg, rgba(255,255,255,.04), rgba(255,255,255,.72)); }
.identidad-patron-diagonal { background-image: linear-gradient(90deg, rgba(255,255,255,.04), rgba(255,255,255,.38)), repeating-linear-gradient(135deg, transparent 0, transparent 10px, rgba(255,255,255,.62) 10px, rgba(255,255,255,.62) 20px); }
.identidad-patron-diagonal_inversa { background-image: linear-gradient(90deg, rgba(255,255,255,.04), rgba(255,255,255,.38)), repeating-linear-gradient(45deg, transparent 0, transparent 15px, rgba(255,255,255,.64) 15px, rgba(255,255,255,.64) 22px); }
.identidad-patron-horizontal { background-image: linear-gradient(90deg, rgba(255,255,255,.04), rgba(255,255,255,.38)), repeating-linear-gradient(0deg, transparent 0, transparent 8px, rgba(255,255,255,.66) 8px, rgba(255,255,255,.66) 14px); }
.identidad-patron-cuadricula { background-image: linear-gradient(90deg, rgba(255,255,255,.02), rgba(255,255,255,.34)), repeating-linear-gradient(0deg, transparent 0, transparent 13px, rgba(255,255,255,.58) 13px, rgba(255,255,255,.58) 16px), repeating-linear-gradient(90deg, transparent 0, transparent 13px, rgba(255,255,255,.58) 13px, rgba(255,255,255,.58) 16px); }
.identidad-sede-marca {
  position: absolute;
  inset: -1.2rem -2rem;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, max-content);
  align-content: center;
  justify-content: space-around;
  gap: .65rem 1.5rem;
  overflow: hidden;
  color: var(--cancha-color, #343a40);
  opacity: .20;
  transform: rotate(-7deg) scale(1.04);
  transform-origin: center;
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .14em;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
}
.identidad-sede-logo,
.identidad-sede-iniciales {
  position: relative;
  z-index: 2;
  flex: 0 0 3rem;
  width: 3rem;
  height: 3rem;
  border-radius: .5rem;
}
.identidad-sede-logo { display: block; max-width: 3rem; max-height: 3rem; object-fit: contain; background: #fff; border: 1px solid rgba(0, 0, 0, .12); box-shadow: 0 1px 3px rgba(0, 0, 0, .16); }
.identidad-sede-iniciales {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #e9ecef;
  color: #343a40;
  font-weight: 900;
  letter-spacing: .04em;
}
.identidad-sede-ubicacion {
  display: block;
  color: #5f6b76;
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.identidad-sede-texto { position: relative; z-index: 2; min-width: 0; }
.identidad-sede-cancha {
  display: block;
  font-size: 1.35rem;
  font-weight: 900;
  line-height: 1.1;
}
.cancha-borde-azul { border-left-color: #174a7e !important; }
.cancha-borde-violeta { border-left-color: #5b3f8c !important; }
.cancha-borde-naranja { border-left-color: #a94706 !important; }
.cancha-borde-turquesa { border-left-color: #0f6864 !important; }
.cancha-borde-bordo { border-left-color: #84283a !important; }
.cancha-borde-celeste { border-left-color: #087ea4 !important; }
.cancha-borde-rosa { border-left-color: #a83267 !important; }
.cancha-borde-amarillo { border-left-color: #806000 !important; }
.cancha-borde-indigo { border-left-color: #3730a3 !important; }
.cancha-borde-grafito { border-left-color: #374151 !important; }
.cancha-borde-marron { border-left-color: #6f4e37 !important; }
.cancha-marco-azul { border-color: #174a7e !important; }
.cancha-marco-violeta { border-color: #5b3f8c !important; }
.cancha-marco-naranja { border-color: #a94706 !important; }
.cancha-marco-turquesa { border-color: #0f6864 !important; }
.cancha-marco-bordo { border-color: #84283a !important; }
.cancha-marco-celeste { border-color: #087ea4 !important; }
.cancha-marco-rosa { border-color: #a83267 !important; }
.cancha-marco-amarillo { border-color: #806000 !important; }
.cancha-marco-indigo { border-color: #3730a3 !important; }
.cancha-marco-grafito { border-color: #374151 !important; }
.cancha-marco-marron { border-color: #6f4e37 !important; }
.cancha-tema-azul { --cancha-color: #174a7e; --cancha-fondo: #dce8f3; }
.cancha-tema-violeta { --cancha-color: #5b3f8c; --cancha-fondo: #e9e2f3; }
.cancha-tema-naranja { --cancha-color: #a94706; --cancha-fondo: #f7e3d5; }
.cancha-tema-turquesa { --cancha-color: #0f6864; --cancha-fondo: #dcebea; }
.cancha-tema-bordo { --cancha-color: #84283a; --cancha-fondo: #f0dfe3; }
.cancha-tema-celeste { --cancha-color: #087ea4; --cancha-fondo: #d9edf4; }
.cancha-tema-rosa { --cancha-color: #a83267; --cancha-fondo: #f3dce7; }
.cancha-tema-amarillo { --cancha-color: #806000; --cancha-fondo: #f3ecd2; }
.cancha-tema-indigo { --cancha-color: #3730a3; --cancha-fondo: #e1e0f4; }
.cancha-tema-grafito { --cancha-color: #374151; --cancha-fondo: #e1e4e8; }
.cancha-tema-marron { --cancha-color: #6f4e37; --cancha-fondo: #ebe2dc; }

@media (max-width: 575.98px) {
  .identidad-sede { height: 4.25rem; gap: .55rem; padding: .45rem .55rem; }
  .identidad-sede-logo,
  .identidad-sede-iniciales { flex-basis: 2.7rem; width: 2.7rem; height: 2.7rem; }
  .identidad-sede-cancha { font-size: 1.15rem; }
}
