/*==================================================
        FOOTER
==================================================*/

footer {
  background: #102a1d;

  color: #fff;

  padding: 70px 0 20px;
}

footer h5 {
  margin-bottom: 25px;
}

footer ul {
  list-style: none;

  padding: 0;
}

footer li {
  margin-bottom: 12px;
}

footer a {
  color: #d6d6d6;
}

footer a:hover {
  color: #fff;
}

.footer-logo {
  max-width: 180px;

  margin-bottom: 20px;
}

.footer-social a {
  width: 45px;

  height: 45px;

  border-radius: 50%;

  display: inline-flex;

  justify-content: center;

  align-items: center;

  background: rgba(255, 255, 255, 0.08);

  margin-right: 10px;

  transition: 0.3s;
}

.footer-social a:hover {
  background: var(--secondary);

  transform: translateY(-4px);
}

.footer-social i {
  color: #fff;

  font-size: 20px;
}

.footer-copy {
  margin-top: 50px;

  border-top: 1px solid rgba(255, 255, 255, 0.1);

  padding-top: 20px;

  text-align: center;

  color: #bdbdbd;
}
/*==========================================================
  ICON REQUERIMIENTOS
==========================================================*/
.requirement-icon {
  width: 70px;

  height: 70px;

  border-radius: 18px;

  background: #e8f8ee;

  display: flex;

  justify-content: center;

  align-items: center;

  color: #198754;

  font-size: 30px;

  transition: 0.3s;
}

.requirement-card:hover .requirement-icon {
  background: #198754;

  color: white;
}

.requirement-card {
  padding: 30px;

  border-radius: 22px;

  border: 1px solid #edf2f7;

  transition: 0.35s;
}

.requirement-card:hover {
  transform: translateY(-8px);

  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}
.footer-entities {
  margin-top: 60px;

  padding: 50px 0;

  border-top: 1px solid #e9ecef;

  text-align: center;
}

.footer-entities p {
  max-width: 900px;

  margin: 0 auto 35px;

  color: #bbc3d1;

  line-height: 1.8;
}

.entity-logos {
  display: flex;

  justify-content: center;

  align-items: center;

  gap: 45px;

  flex-wrap: wrap;
}

.entity-logos img {
  height: 45px;

  filter: grayscale(100%);

  opacity: 0.65;

  transition: 0.35s;
}

.entity-logos img:hover {
  filter: none;

  opacity: 1;

  transform: translateY(-5px);
}