@font-face {
  font-family: Suprema;
  src: url(../fuentes/Artegra-SupremaThin.otf);
}
@font-face {
  font-family: SupremaBold;
  src: url(../fuentes/suprema-bold.ttf);
}
:root {
  --primary-color: #2563eb;
  --secondary-color: #64748b;
  --accent-color: #f8fafc;
  --text-primary: #1e293b;
  --text-secondary: #64748b;
  --border-color: #e2e8f0;
  --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

* {
  box-sizing: border-box;
}

body {
  background-color: var(--light-gray);
  color: var(--text-primary);
  line-height: 1.6;
  margin: 0;
  font-family: Suprema;
}

.navbar {
  transition: background-color 0.8s ease;
  background-color: #f4f4f4;
  margin-bottom: 20px;
  width: 100vw;
  z-index: 999;
}
.nav-link {
  font-family: SupremaBold;
  color: #233a64;
}

footer {
  background-color: rgb(243, 243, 243);
  color: #233a64;
  padding: 20px 0;
  font-family: SupremaBold;
}

footer p {
  margin: 0;
  font-size: 0.875rem;
  color: #233a64;
}

footer a {
  color: #233a64;
  text-decoration: none;
}

footer a:hover {
  text-decoration: underline;
}
footer .col-md-4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

footer .col-md-4 img {
  margin-bottom: 1rem;
}

footer .desarrollo {
  color: #54728fc4;
}

footer .col-md-4 h5 {
  margin-bottom: 0;
}