/**
 * Pie de pagina. The7 12 dibuja un filete (1 px, blanco 15 %) entre los elementos de los menus del pie
 * (`.footer .menu li` en el CSS dinamico) y produccion no lo tenia (css/prod/pie.css: `.footer li.menu-item {border: none}`).
 * El icono de Twitter: The7 12 lo cambia por el logo "X"; en produccion era el pajaro. Se usa el glifo de Font Awesome 5 Brands
 * que el tema ya carga (fa-twitter, \f099).
 */
.footer .menu li.menu-item,
.footer .custom-menu li.menu-item {
  border: none;
}

.soc-ico a.twitter .soc-font-icon:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
  content: "\f099";
}

/* Menus del pie: 10 px entre elementos (9 px + el filete de 1 px que ya no existe) y 10 px de relleno inferior (4.x). */
.footer .custom-menu {
  padding-bottom: 10px;
}
.footer .custom-menu > li.menu-item + li.menu-item {
  margin-top: 10px;
}

/* Redes sociales del pie: circulos de 32 px (css/prod/pie.css fija 32 px en ::before/::after/.icon); The7 12 deja el enlace en 26 px y los recorta. */
.footer .soc-ico a {
  width: 32px;
  height: 32px;
  margin-right: 6px; /* paso entre iconos de 40 px, como en produccion (enlace de 24 px + 14 px + espacio) */
  margin-top: 7px;
}
.footer .soc-ico a .soc-font-icon:before {
  font-size: 20px;
}