/* Front.pe V12 - Redes sociales negras, sin circulos y con aire superior.
   Solo la zona de iconos en el footer institucional y el Libro de Reclamaciones.
   No modifica ni el libro, ni medios de pago, ni links, ni clientes. */
.app-footer .frontpe-official-social,
.frontpe-complaints-footer .frontpe-complaints-social {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 17px !important;
  margin: 14px auto 0 !important;
  padding: 0 !important;
}
.app-footer .frontpe-official-social .frontpe-social-icon,
.frontpe-complaints-footer .frontpe-complaints-social .frontpe-social-icon {
  box-sizing: border-box !important;
  width: 32px !important;
  height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 2px !important;
  margin: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #111214 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline-offset: 4px !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transition: opacity .18s ease !important;
}
.app-footer .frontpe-official-social .frontpe-social-icon img,
.frontpe-complaints-footer .frontpe-complaints-social .frontpe-social-icon img {
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  max-width: 100% !important;
  object-fit: contain !important;
  filter: none !important;
  opacity: 1 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.app-footer .frontpe-official-social .frontpe-social-icon:hover,
.frontpe-complaints-footer .frontpe-complaints-social .frontpe-social-icon:hover {
  opacity: .65 !important;
  transform: none !important;
  box-shadow: none !important;
}
.app-footer .frontpe-official-social .frontpe-social-icon:focus-visible,
.frontpe-complaints-footer .frontpe-complaints-social .frontpe-social-icon:focus-visible {
  outline: 2px solid #17181b !important;
  outline-offset: 3px !important;
}
@media(max-width:550px) {
  .app-footer .frontpe-official-social,
  .frontpe-complaints-footer .frontpe-complaints-social {
    gap: 15px !important;
    margin-top: 12px !important;
  }
}