/**
 * Pie institucional compartido por todas las páginas.
 *
 * La portada mantiene sus columnas específicas en css/pages/front.css; estas
 * reglas garantizan un pie funcional en cualquier plantilla que use
 * `.site-footer`.
 */

.site-footer {
  position: relative;
  padding: 3rem 0 1.25rem;
  color: var(--cp-white);
  background: #344054;
}

.site-footer::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 0.25rem;
  background: linear-gradient(90deg, var(--cp-blue-500), var(--cp-cyan-500) 60%, var(--cp-orange-cta));
}

.site-footer > .container,
.site-footer > .cp-container {
  width: min(calc(100% - 3rem), var(--cp-layout-max));
  margin-inline: auto;
}

.site-footer h2,
.site-footer h3 {
  margin: 0 0 0.9rem;
  color: var(--cp-white);
  font-family: var(--cp-font-heading);
  line-height: 1.2;
}

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

.site-footer a {
  color: var(--cp-white);
  text-decoration: none;
}

.site-footer a:hover,
.site-footer a:focus-visible {
  color: var(--cp-cyan-500);
}