/* Footer Component */
.c-footer {
  position: relative;
  background-color: var(--color-navy-950);
  border-top: 1px solid rgba(153, 121, 49, 0.2);
  padding-top: 4.6875rem;
  overflow: clip;

  .c-footer__grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 1.5rem;

    @media (min-width: 1024px) {
      gap: 2.5rem;
    }
  }

  .c-footer__col {
    grid-column: span 12 / span 12;
  }

  .c-footer__title {
    font-family: var(--font-heading-2);
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    color: var(--color-gold-500);
    width: max-content;
  }

  .c-footer__list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    list-style: none;
    padding: 0;
    margin: 1rem 0 0 0;
  }

  .c-footer__item {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .c-footer__link {
    color: var(--color-white-soft);
    font-family: var(--font-body);
    font-size: 20px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: color 0.2s ease-in;

    &:hover {
      color: var(--color-gold-500);

      i {
        color: var(--color-gold-500);
      }
    }

    i {
      color: var(--color-white-soft);
      transition: color 0.2s ease-in;
    }
  }

  .c-footer__sublist {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    padding-left: 0.75rem;
    margin-top: 0.375rem;
    margin: .4rem 0 0 0;
    border-left: 1px solid rgba(224, 178, 74, 0.2);
    list-style: none;
  }

  .c-footer__sublink {
    color: rgba(195, 198, 211, 0.8);
    font-family: var(--font-body);
    font-size: 16px;
    text-decoration: none;
    transition: color 0.2s ease-in;

    &:hover {
      color: var(--color-gold-500);
    }
  }

  .c-footer__contact-link {
    color: var(--color-white-soft);
    font-family: var(--font-body);
    font-size: 16px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: color 0.2s ease-in;

    @media (min-width: 1024px) {
      font-size: 20px;
    }

    &:hover {
      color: var(--color-gold-500);

      i {
        color: var(--color-gold-500);
      }
    }

    i {
      color: var(--color-white-soft);
      transition: color 0.2s ease-in;
    }
  }

  .c-footer__widget {
    width: 100%;
  }

  .c-footer__map {
    width: 100%;
    height: 17.5rem;
    margin-top: 1.25rem;
    border: 0;
  }

  .c-footer__copyright {
    grid-column: span 12 / span 12;
    border-top: 1px solid rgba(224, 178, 74, 0.1);
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    margin-top: 2rem;
    display: flex;
    justify-content: space-between;
    
    @media (max-width: 768px){
      flex-direction: column;
      gap: 1.3rem;
    }
  }

  .c-footer__info--universidad{
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
  }

  .c-footer__copyright-text {
    color: var(--color-white-soft);
    font-family: var(--font-heading-2);
    text-align: center;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    margin: 0 !important;

    span{
      text-transform: none;
    }
  }

  .c-footer__glow {
    position: absolute;
    width: 100%;
    height: 30rem;
    bottom: -30rem;
    border-radius: 1486px;
    background-color: var(--color-gold-700);
    filter: blur(150px);
    opacity: 0.5;
    aspect-ratio: 1 / 1;
    pointer-events: none;
  }
}

/* Footer Column Subcomponent */
.c-col-footer {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;

  @media (min-width: 1024px) {
    margin-bottom: 5rem;
  }

}

.c-col-footer__content {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  align-items: flex-start;
}

.c-col-footer__title {
  font-family: var(--font-heading-2);
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  color: var(--color-gold-500);
  width: max-content;
}
.c-col-footer--col-3-left {
  grid-column: span 12 / span 12;
  justify-content: flex-start;

  @media (min-width: 1024px) {
    grid-column: span 3 / span 3;
    justify-content: flex-start;
  }
}

.c-col-footer--col-3-center {
  grid-column: span 12 / span 12;

  @media (min-width: 768px) {
    grid-column: span 6 / span 6;
  }

  @media (min-width: 1024px) {
    grid-column: span 3 / span 3;
    justify-content: flex-start;
  }
}

.c-col-footer--col-3-right {
  grid-column: span 12 / span 12;

  @media (min-width: 768px) {
    grid-column: span 6 / span 6;
  }

  @media (min-width: 1024px) {
    grid-column: span 3 / span 3;
    justify-content: flex-start;
  }
}

.c-col-footer__logos{
  .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;

    @media (min-width: 768px) {
      justify-content: space-around;
    }
    @media (min-width: 1024px) {
      flex-direction: column;
      justify-content: center;
      gap: 2rem;
    }
  }
}