body {
  font-family: "Open Sans", sans-serif;
}

h1.display-1 {
  font-size: 2.625rem;
  font-weight: 700;
  line-height: 1.5;
}

h1 {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.5;
}

h2 {
  font-size: 2rem;
  line-height: 1.3;
  font-weight: 700;
}

h3 {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 1;
  text-transform: uppercase;
}

h4 {
  font-size: 1.2em;
  line-height: 1.5;
  font-weight: 700;
}

p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #676a73;
}

.text-light {
  color: #fafafa;
  text-decoration: none;
}

p.text-muted a {
  color: #6c757d;
  text-decoration: underline;
}

.btn-outline-light {
  border: 2px solid white;
}

.btn-primary {
  background-color: #3466ff;
  border-color: #3466ff;
}

.btn-primary:hover {
  background-color: #2b50c7;
  border-color: #2b50c7;
}

.btn-secondary {
  background-color: rgba(51, 94, 234, 0.1);
  border-color: transparent;
  color: #335eea;
}

.btn-secondary:hover {
  background-color: rgba(51, 94, 234, 0.15);
  border-color: transparent;
  color: #335eea;
}

.btn-alt {
  background-color: whitesmoke;
  border-color: transparent;
  color: #335eea;
  padding: 0.8125rem 2.25rem !important;
}

.btn {
  padding: 0.8125rem 1.25rem;
}

.site-header {
  padding-top: 180px;
  padding-bottom: 90px;
}

.flex {
  display: flex;
}

.mb-6 {
  margin-bottom: 8rem !important;
}

.mt-6 {
  margin-top: 8rem !important;
}

.my-6 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}

.py-6 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

.py-10 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

.inline-block {
  display: inline-block;
}

.nav-link {
  font-size: 1rem;
}

a.link {
  color: #3466ff;
  text-decoration: none;
}

a.link:hover {
  color: #2b50c7;
}

.center-icon {
  text-align: center;
  line-height: 24px;
  vertical-align: middle;
}

.text-primary {
  color: #3466ff !important;
}

.text-gray {
  color: #ddd;
}

.bg-light-blue {
  background-color: #f3f6fa;
}

.bg-blue {
  background-color: #3466ff;
}

.bg-gray {
  background-color: #f6f6f6;
}

.bg-gradient-light-gray {
  background-image: linear-gradient(180deg, #f9fbfd 0, #fff);
}

.bg-gradient {
  background: rgb(56, 34, 109);
  background: -moz-linear-gradient(
    135deg,
    rgba(56, 34, 109, 1) 0%,
    rgba(24, 124, 185, 1) 100%
  );
  background: -webkit-linear-gradient(
    135deg,
    rgba(56, 34, 109, 1) 0%,
    rgba(24, 124, 185, 1) 100%
  );
  background: linear-gradient(
    135deg,
    rgba(56, 34, 109, 1) 0%,
    rgba(24, 124, 185, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#38226d", endColorstr="#187cb9", GradientType=1);
}

.post {
  overflow-x: auto;
  padding-bottom: 1rem;
}

.card-container {
  display: flex;
  width: fit-content;
}

.card {
  width: 23rem;
  margin-right: 1.5rem;
  border: none;
}

.card:last-child {
  margin-right: 0; /* Elimina el margen derecho de la última tarjeta */
}

/* SLIDER */

.img-slider {
  width: 150px;
  animation: scroll 60s linear infinite;
}

.img-icons {
  height: 10em;
}

.slide-track {
  width: 100%;
  display: flex;
  gap: 3em;
  overflow: hidden;
}

.slider {
  padding: 1em 2em;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translatex(-1000%);
  }
}