body {
  font-family: 'Roboto', sans-serif;
}

.navbar-brand {
  letter-spacing: .5px;
}

.card {
  transition: transform .2s ease, box-shadow .2s ease;
}

.card:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.12);
}

.card-title {
  font-weight: 500;
}

.card-text {
  font-weight: 300;
}

.card-img-top {
  height: 180px;
  object-fit: cover;
}

.card .btn {
  margin-top: .75rem;
}

form .form-control:focus {
  box-shadow: 0 0 0 .15rem rgba(40, 167, 69, .25);
}

footer {
  background: #f8f9fa;
  border-top: 1px solid rgba(0,0,0,0.05);
}

/* Ajuste en móviles para las imágenes de las cards */
@media (max-width: 576px) {
  .card-img-top {
    height: 140px;
  }
}