#top #footer-page .ipuin-pie,
#top .ipuin-pie { background-color: var(--ipuin-azul-noche); background-size: cover; background-position: center; color: var(--ipuin-blanco); }
#top .ipuin-pie .ipuin-pie__interior {
  min-height: 127px; max-width: 100%; margin: 0 auto; padding: 24px 8%;
  display: flex; align-items: center; justify-content: space-between; gap: 16px 32px;
}
#top .ipuin-pie .ipuin-pie__logo { display: block; flex: 0 0 auto; }
#top .ipuin-pie .ipuin-pie__logo img { display: block; width: 250px; max-width: 100%; height: auto; }
#top .ipuin-pie .ipuin-pie__nav {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px 32px;
  margin: 0 18% 0 auto; padding: 0; list-style: none;
}
#top .ipuin-pie .ipuin-pie__nav li { margin: 0; padding: 0; list-style: none; }
#top .ipuin-pie .ipuin-pie__nav a { color: var(--ipuin-blanco); font-size: 16px; text-decoration: none; }
#top .ipuin-pie .ipuin-pie__nav a:hover { color: var(--ipuin-dorado); }
@media only screen and (max-width: 1100px) {
  #top .ipuin-pie .ipuin-pie__nav { margin-right: 0; }
}
@media only screen and (max-width: 767px) {
  #top .ipuin-pie .ipuin-pie__interior { flex-direction: column; text-align: center; padding: 28px 20px; }
  #top .ipuin-pie .ipuin-pie__logo img { width: 200px; }
  #top .ipuin-pie .ipuin-pie__nav { justify-content: center; margin: 0; gap: 8px 20px; }
}