/* Ajustes acotados a las dos pantallas migradas desde Bootstrap 4.
   Detail conserva sus estilos y su Bootstrap 5 ya existente. */
.bootstrap5-migrated .container,
.bootstrap5-migrated .row {
  --bs-gutter-x: 30px;
}

.bootstrap5-migrated .text-primary {
  color: #007bff !important;
}

.bootstrap5-migrated .btn {
  --bs-btn-border-radius: 0.25rem;
}

.bootstrap5-migrated .form-control {
  color: #495057;
  border-radius: 0.25rem;
}

.bootstrap5-migrated .form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

/* Las columnas de Bootstrap 4 daban contexto al icono posicionado. */
.bootstrap5-migrated #logout {
  position: relative;
}

.bootstrap5-migrated .card {
  --bs-card-border-radius: 0.25rem;
}