/* Pie común de todas las páginas: redes, textos legales y contacto (lo mete scripts/crear-legales.py). */
.pie-legal { display: grid; justify-items: center; gap: 1rem; text-align: center; padding: 2.8rem 1.25rem 3.2rem;
  font: 400 .92rem/1.6 var(--font-text, system-ui, sans-serif); color: var(--color-neutral-muted, #56625B);
  background: var(--color-neutral-bg, #F3F4EF); border-top: 1px solid var(--color-neutral-line, #D6DBD4); }
.pie-legal-logo img { display: block; width: 36px; height: 36px; }
.pie-legal ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; }
.pie-legal-redes { gap: .8rem; }
/* Redes: círculo verde botella con el logotipo en blanco; al pasar, granate y se eleva */
.pie-legal .pie-legal-redes a { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%;
  background: var(--color-primary, #1E3D33); color: var(--color-neutral-bg, #F3F4EF);
  transition: transform .2s cubic-bezier(.2,.9,.3,1), background .2s, box-shadow .2s; box-shadow: 0 6px 16px rgb(30 61 51 / .2); }
.pie-legal .pie-legal-redes a:hover { background: var(--color-accent, #9A4A52); transform: translateY(-3px); }
.pie-legal-redes svg { width: 21px; height: 21px; fill: currentColor; }
.pie-legal-enlaces { gap: .3rem 1.2rem; }
.pie-legal a { color: var(--color-primary, #1E3D33); }
.pie-legal a:focus-visible { outline: 3px solid var(--color-accent, #9A4A52); outline-offset: 3px; border-radius: 6px; }
.pie-legal p { margin: 0; }