/* footer.css — Estilos del footer público compartido.
   Autocontenido a propósito: lo enlaza el propio admin/inc/footer_publico.php,
   así el footer se ve IGUAL en toda página que lo incluya, cargue o no home.css.
   (Antes vivían en home.css → los artículos, que no cargan home.css, quedaban
   con un footer viejo y distinto.) */

/* line-height fijo: cada pagina define el suyo en el body (home.css 1.6,
   post.css 1.7) y el footer lo heredaba distinto en cada una. */
.home-foot { background: #0F172A; color: #94A3B8; padding: 50px 24px 28px; line-height: 1.6; }
.home-foot .home-w { max-width: 1200px; margin: 0 auto; }
.home-foot-disclaimer { background: rgba(245,158,11,.08); border: 1px solid rgba(245,158,11,.2); padding: 14px 18px; border-radius: 10px; color: #E5E7EB; font-size: .88rem; margin-bottom: 40px; line-height: 1.55; }
.home-foot-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 36px; margin-bottom: 32px; }
.home-foot-logo { color: #fff; font-size: 1.2rem; font-weight: 700; margin-bottom: 12px; }
.home-foot-grid p { font-size: .92rem; line-height: 1.6; }
.home-foot-grid h4 { color: #fff; font-size: .92rem; margin: 0 0 14px; }
.home-foot-grid ul { list-style: none; padding: 0; margin: 0; }
.home-foot-grid li { margin-bottom: 8px; }
.home-foot-grid a { color: #94A3B8; text-decoration: none; font-size: .88rem; transition: color .15s; }
.home-foot-grid a:hover { color: #fff; }
.home-foot-bottom { padding-top: 22px; border-top: 1px solid #1F2937; display: flex; justify-content: space-between; font-size: .82rem; flex-wrap: wrap; gap: 10px; }

@media (max-width: 980px) {
  .home-foot-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 580px) {
  .home-foot-grid { grid-template-columns: 1fr; }
}

/* Iconos sociales del footer (antes solo en home.css → en los artículos
   quedaban sin estilo). :empty evita la línea separadora suelta cuando
   todavía no hay redes cargadas en social_config.php. */
.home-foot .social-icons {
  display: flex; gap: 12px; justify-content: center;
  margin: 24px 0; padding: 22px 0 4px;
  border-top: 1px solid #1F2937;
}
.home-foot .social-icons:empty { display: none; margin: 0; padding: 0; border-top: 0; }
.home-foot .social-icons a {
  display: inline-flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; border-radius: 50%;
  background: rgba(255,255,255,.06); color: #94A3B8; transition: all .2s;
}
.home-foot .social-icons a:hover { background: #52B788; color: #fff; transform: translateY(-2px); }