body {
  font-family: 'Segoe UI', sans-serif;
  background-color: #f8f9fa;
  color: #333;
}

h1, h2, h5 {
  font-weight: 600;
}

header {
  background: #343a40;
  color: white;
}

header img {
  max-height: 300px;
}

.btn-warning {
  background-color: #ff7f00;
  border: none;
}

.btn-warning:hover {
  background-color: #e06e00;
}

section {
  padding-top: 60px;
  padding-bottom: 60px;
}

footer {
  background: #343a40;
  color: white;
  padding: 20px 0;
}

#formulario-contacto {
  scroll-margin-top: 100px;
}

.btn-outline-primary:hover {
  background-color: #0d6efd;
  color: white;
  transition: all 0.3s ease-in-out;
}
