:root {
  --bs-primary: #004aad;
  --bs-secondary: #ffcb05;
}
.hero {
  background-color: var(--bs-primary);
}
.btn-primary {
  background-color: var(--bs-secondary);
  border: none;
  color: #000;
}
.btn-primary:hover {
  background-color: #e6b800;
}

.hr-amarillo {
  border: none;
  height: 4px;              /* Grosor */
  width: 200px;
  background-color: #ffc107; /* Amarillo fuerte estilo Bootstrap */
  opacity: 1 !important;    /* Fuerza la opacidad */
  margin: 0 auto 20px auto; /* Centrado y espacio */
}

.logo-proveedor {
  max-height: 80px;      /* Altura máxima deseada */
  max-width: 100%;       /* Nunca más ancho que su contenedor */
  object-fit: contain;   /* Escala proporcional sin recorte */
  margin: 0 auto;
  display: block;
}