/* Pie: widgets (sellos y oficinas), franja de enlaces legales e información. */

.pie { background-color: var(--color-crema); color: var(--color-titulos); }
.pie-widgets { display: flex; flex-wrap: wrap; padding: 6% 0 0; }
.pie-widget {
  width: 20.875%;
  margin: 0 5.5% 6% 0;
  font-size: var(--pie-texto);
  line-height: 28.8px;
}
.pie-widget:last-child { margin-right: 0; }
.pie-widget figure { margin: 0 0 42px; text-align: center; line-height: 0; }
.pie-widget p:empty { display: none; }
.pie-widget a { color: var(--color-titulos); }

.pie-menu { background-color: var(--color-rojo); }
.pie-menu ul { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 15px 0; }
.pie-menu li { padding-right: 22px; font-size: 14px; font-weight: 600; line-height: 23px; }
.pie-menu li:last-child { padding-right: 0; }
.pie-menu a { color: var(--color-crema); }
.pie-menu a:hover { opacity: .7; }

.pie-inferior { padding: 15px 0 5px; background-color: var(--color-crema); }
.pie-info { padding-bottom: 10px; color: var(--color-negro); font-size: var(--pie-info); line-height: 28.8px; }

@media only screen and (max-width: 980px) {
  .pie-widget { width: 47.25%; }
  .pie-widget:nth-child(2n) { margin-right: 0; }
}

@media only screen and (max-width: 767px) {
  .pie-widgets { display: block; }
  .pie-widget { width: 100%; margin: 0 0 9.5%; text-align: center; }
  .pie-menu ul { justify-content: center; text-align: center; }
  .pie-menu li { padding: 0 6px; }
  .pie-info { text-align: center; }
}