/* Pie del sitio, igual en todos los recursos e informes.
   La home lo saca del CSS dinamico de WordPress; estas paginas no lo cargan,
   o cargan un export viejo -futuro-learning-ia, donde los enlaces del pie
   quedaron oscuros en vez de teal-. Los valores estan medidos contra
   index.html a 1440, 800 y 390. Se carga ultimo en cada pagina. */

.site-footer {
  background: transparent;
}

.site-footer .site-primary-footer-wrap {
  min-height: 30px;
  padding: 25px 40px;
  background: #fff;
}

.site-footer .ast-builder-footer-grid-columns {
  display: grid;
  min-height: 30px;
  grid-template-columns: 1fr 1fr;
  align-items: flex-start;
}

.site-footer .footer-nav-wrap ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-footer .footer-nav-wrap li {
  margin: 0;
}

.site-footer #astra-footer-menu .menu-item > .menu-link {
  /* En block la caja del enlace define el alto del item; en inline-block cada
     pagina sumaba unos pixeles distintos segun su reset. */
  display: block;
  color: #03777d;
  font-size: 1rem;
  font-weight: 400;
  line-height: 24.8px;
  text-decoration: none;
}

.site-footer #astra-footer-menu .menu-item > .menu-link:hover,
.site-footer #astra-footer-menu .menu-item > .menu-link:focus {
  color: #00989f;
}

.site-footer .ast-footer-copyright {
  display: flex;
  justify-content: flex-end;
}

.site-footer .ast-footer-copyright p {
  margin: 0;
  color: #071f1b;
  font-size: 1rem;
  line-height: 24.8px;
  text-align: right;
}

/* Escritorio: menu horizontal, con el primer y ultimo item al ras. */
@media (min-width: 769px) {
  .site-footer .footer-nav-wrap .astra-footer-horizontal-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .site-footer .footer-nav-wrap .astra-footer-horizontal-menu .menu-link {
    padding: 0 0.5em;
  }

  .site-footer .footer-nav-wrap .astra-footer-horizontal-menu li:first-child .menu-link {
    padding-left: 0;
  }

  .site-footer .footer-nav-wrap .astra-footer-horizontal-menu li:last-child .menu-link {
    padding-right: 0;
  }
}

/* Tablet: sigue en dos columnas, con mas aire y los items mas separados. */
@media (max-width: 921px) {
  .site-footer .site-primary-footer-wrap {
    padding: 32px;
  }

  /* Debajo de 922px Astra separa las dos filas del pie. */
  .site-footer .site-footer-section {
    margin-bottom: 10px;
  }

  .site-footer .footer-nav-wrap .astra-footer-tablet-horizontal-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .site-footer #astra-footer-menu .menu-item > .menu-link {
    padding: 0 20px 5px 0;
  }

  /* Astra achica el root a 91.2% debajo de 922px. Los informes no traen esa
     regla -su root sigue en 16px-, asi que el tamaño va en px para que el
     pie mida igual en todas las paginas. */
  .site-footer #astra-footer-menu .menu-item > .menu-link,
  .site-footer .ast-footer-copyright p {
    font-size: 14.592px;
    line-height: 22.6176px;
  }
}

/* Mobile: una columna, menu vertical y todo centrado. */
@media (max-width: 544px) {
  .site-footer .site-primary-footer-wrap {
    padding: 24px;
  }

  .site-footer .ast-builder-footer-grid-columns {
    grid-template-columns: 1fr;
  }

  .site-footer .footer-nav-wrap .astra-footer-mobile-vertical-menu {
    display: grid;
    justify-content: center;
  }

  .site-footer .footer-nav-wrap .astra-footer-mobile-vertical-menu .menu-item {
    align-items: center;
  }

  .site-footer #astra-footer-menu .menu-item > .menu-link {
    padding-bottom: 10px;
  }

  .site-footer .ast-footer-copyright {
    justify-content: center;
  }

  .site-footer .ast-footer-copyright p {
    text-align: center;
  }
}