/* ===== Footer global ===== */
.site-footer { background-color: var(--bs-success); }

/* Logo del footer: controlado por CSS, no por atributos HTML */
.ft-logo{
  height: 40px;           /* móvil */
  width: auto;
  display: inline-block;
}
@media (min-width: 768px){
  .ft-logo{ height: 44px; }
}
@media (min-width: 1200px){
  .ft-logo{ height: 48px; }
}

/* Enlaces del footer: mismo “hover gris elegante” de tus páginas */
.ft-link{
  color: rgba(0,0,0,.82) !important;
  text-decoration: none;
  padding: .15rem .4rem;
  border-radius: .35rem;
  transition: color .15s ease, background-color .15s ease;
}
.ft-link:hover,
.ft-link:focus{
  color: rgba(0,0,0,.98) !important;
  background-color: rgba(0,0,0,.06);
}
.ft-link:focus-visible{
  outline: 2px solid rgba(0,0,0,.45);
  outline-offset: 2px;
  border-radius: .35rem;
}

/* Botones sociales */
.ft-social{
  width: 44px; height: 44px;
  display: inline-flex; align-items:center; justify-content:center;
  transition: transform .15s ease, background-color .15s ease, border-color .15s ease;
}
.ft-social:hover,
.ft-social:focus{
  background-color: rgba(0,0,0,.08);
  border-color: rgba(0,0,0,.55);
  color: #000;
  transform: translateY(-1px);
}