/* ============================================================
   footer.css — el pie, uno solo para todo el sitio
   ------------------------------------------------------------
   Antes cada página llevaba su propio footer y sus propias
   reglas: seis versiones que habían ido divergiendo. Ahora el
   marcado es idéntico en todas y el estilo vive aquí.

   Se enlaza DESPUÉS de la hoja de cada página (style.css,
   ana.css o libro.css). Los valores usan var(...) con un valor
   de respaldo, porque no todas las hojas definen las mismas
   variables: style.css, por ejemplo, no tiene --text-lg ni
   --terracotta-l.

   Si cambias algo del pie, cámbialo SOLO aquí.
   ============================================================ */

footer{
  background: var(--deep, #2C2420);
  color: rgba(255,255,255,.45);
  padding: 2.5rem var(--side, max(1.2rem, (100% - 1200px) / 2));
  /* Propio, no heredado: cada hoja del sitio trae un interlineado
     distinto y el pie quedaba de una altura en cada página. */
  line-height: 1.6;
}

/* Marca y lema a la izquierda, enlace legal a la derecha */
.footer-inner{
  max-width: var(--maxw, 1200px); margin: 0 auto;
  display: grid; grid-template-columns: 1fr; gap: 1.5rem;
}
@media(min-width:700px){
  .footer-inner{ grid-template-columns: 1fr auto; gap: 2rem; align-items: center; }
}

.footer-brand{
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.375rem; color: #fff; margin-bottom: .3rem;
}
.footer-tag{ font-size: 1rem; color: rgba(255,255,255,.4); }

.footer-links{ display: flex; gap: 1.5rem; list-style: none; flex-wrap: wrap; }
.footer-links a{
  text-decoration: none; font-size: 1rem;
  color: rgba(255,255,255,.45); transition: color .2s;
}
.footer-links a:hover{ color: var(--terracotta-l, var(--terracotta-light, #D4967A)); }

/* El aviso de copyright, en su línea de abajo */
.footer-legal{
  max-width: var(--maxw, 1200px); margin: 1.6rem auto 0;
  padding-top: 1.2rem;
  border-top: 1px solid rgba(255,255,255,.12);
  font-size: .9rem; color: rgba(255,255,255,.32);
}