/* Estilos globales complementarios a Bootstrap */

body {
  min-height: 100vh;
}

/* Tarjetas con borde izquierdo de urgencia */
.border-start.border-danger.border-3 {
  border-left-width: 4px !important;
}

/* Formulario: inputs grandes en móvil */
@media (max-width: 576px) {
  .form-control-lg {
    font-size: 1rem;
    padding: 0.6rem 0.8rem;
  }
  .btn-lg {
    padding: 0.7rem 1rem;
  }
}

/* Número de posición en cola */
#position-count {
  font-size: 4rem;
  line-height: 1;
}

/* Navbar */
.navbar-brand {
  letter-spacing: 0.02em;
}

/* Logo en navbar */
.navbar-logo {
  height: 56px !important;
  width: 56px !important;
  object-fit: contain;
  display: block;
}

/* Imagen del árbitro bajo el formulario */
.referee-img {
  max-width: 280px;
  opacity: 0.9;
}

@media (max-width: 576px) {
  .referee-img-wrapper {
    display: none;
  }
}