:root {
  --primary: #ff401c;
  --primary-darken: #b51d00;
  --text-color: #44484a;
}

html {
  font-size: 13px;
}

body {
  color: var(--text-color);
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.card:hover {
  box-shadow: 0 0 10px #0c0c0c3b;
}

/* Redefiniendo los estilos de Bootstrap */
.bg-primary {
  background-color: var(--primary) !important;
}

.text-primary {
  color: var(--primary) !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--primary-darken) !important;
  box-shadow: 0 0 0 0.2rem rgba(var(--primary), 1) !important;
}

.btn-primary,
.btn-primary:active {
  background-color: var(--primary) !important;
  border-color: var(--primary-darken) !important;
}