.pharos-footer-landing {
  background: #141414;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  padding: 28px 24px;
}
.pharos-footer-landing a { color: inherit; text-decoration: none; }
.pharos-footer-landing__inner { max-width: 1180px; margin: 0 auto; }

.pharos-footer-landing__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(255,255,255,.15);
}
.pharos-footer-landing__logos { display: flex; align-items: center; gap: 20px; }
.pharos-footer-landing__logos img { height: 55px; width: auto; }

.pharos-footer-landing__contact-title { font-size: 15px; font-weight: 700; margin: 0 0 6px; text-align: center; }
.pharos-footer-landing__contact { display: flex; gap: 40px; font-size: 14px; line-height: 1.5; color: rgba(255,255,255,.85); }
.pharos-footer-landing__contact address { font-style: normal; }

.pharos-footer-landing__legal { padding-top: 18px; text-align: center; font-size: 14px; color: rgba(255,255,255,.85); }
.pharos-footer-landing__legal a:hover { text-decoration: underline; }

@media (max-width: 767px) {
  .pharos-footer-landing__top { flex-direction: column; align-items: flex-start; }
  .pharos-footer-landing__contact { flex-direction: column; gap: 10px; }
  /* Los dos logos a 55 px de alto no caben en un móvil: el de Structuralia se
     salía por la derecha, ensanchaba la página y arrastraba con él el selector
     de idioma fijo. Se reducen para compartir el ancho y, si no caben, bajan. */
  .pharos-footer-landing__logos { flex-wrap: wrap; gap: 16px; max-width: 100%; }
  .pharos-footer-landing__logos img { height: auto; max-height: 44px; max-width: calc(50% - 8px); }
}
