@import url('https://fonts.googleapis.com/css2?family=Inclusive+Sans:wght@400&display=swap');

body {
  font-family: 'Inclusive Sans', Arial, sans-serif;
  /* background-color: #f9f9f9; */
}

.navbar {
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.search-box {
  border: 2px solid var(--bs-primary);
  border-radius: 8px;
}

.btn-primary {
  background-color: var(--bs-primary);
  border: none;
}

.btn-primary:hover {
  background-color: var(--bs-primary-dark);
}

.resto-card {
  border: 1px solid var(--bs-border-color) !important;
  border-radius: 12px;
  padding: 16px;
  background-color: var(--bs-body-bg) !important;
}

.resto-title {
  font-weight: bold;
  font-size: 48px;
}

.resto-subtitle, .text-muted {
  font-size: 32px !important;
}

.resto-description {
  font-size: 0.95rem;
  color: var(--bs-body-color);
}

.picture {
    justify-items: right;
}

.card {
  border-radius: 16px;
}

.btn-danger {
  background-color: var(--bs-danger);
  border: none;
}

.btn-danger:hover {
  background-color: var(--bs-danger-dark);
}