/* ==========================================================================
   Footer del sitio (footer.php del tema hijo) — superficie técnica lisa,
   cuatro columnas (marca, navegación, contacto, legal) y línea de copyright.
   Sin rejilla: la rejilla es de las escenas.
   ========================================================================== */
.gi-pie{
  background:var(--gi-tecnico);color:var(--gi-tinta-inv);
  font-family:var(--gi-cuerpo);font-size:var(--gi-t-s);
  margin-top:auto;
}
.gi-pie__interior{
  max-width:1180px;margin-inline:auto;
  padding:clamp(2.5rem,2rem + 2.5vw,4rem) max(1.25rem,var(--gi-gutter)) 2rem;
  display:grid;gap:clamp(1.75rem,1rem + 3vw,3.5rem);
  grid-template-columns:1fr;
}
/* Cuatro columnas sin alargar el pie (medido el 24/09 con el arnés del pie:
   la altura es la de las tres columnas de antes, ±3 px, de 390 a 1440 px).
   · Móvil (<768): marca arriba; NAVEGACIÓN y LEGAL lado a lado —la de
     navegación solo ocupa lo que miden sus enlaces—; CONTACTO debajo. Apiladas
     una a una, el pie pasaba de 729 a 985 px a 390.
   · 768–1023: cuatro columnas con la marca más estrecha, para que el correo
     quepa en CONTACTO (con el reparto de escritorio se salía a 768).
   · LEGAL, en todas, mide lo que su enlace más largo («Declaración de
     accesibilidad»), que así no se parte en dos líneas salvo por debajo de
     390 px. */
@media (max-width:47.99rem){
  .gi-pie__interior{grid-template-columns:max-content minmax(0,1fr)}
  .gi-pie__marca,.gi-pie__contacto{grid-column:1/-1}
  .gi-pie__nav{grid-column:1;grid-row:2}
  .gi-pie__legales{grid-column:2;grid-row:2}
  .gi-pie__contacto{grid-row:3}
}
@media (min-width:48rem){
  .gi-pie__interior{grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1.2fr) max-content}
}
@media (min-width:64rem){
  .gi-pie__interior{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) max-content}
}
.gi-pie__marca img{width:132px;height:auto;display:block;margin-bottom:1rem}
.gi-pie__marca p{margin:0;max-width:32ch;color:rgba(233,239,236,.82)}
.gi-pie h2{
  font-family:var(--gi-titular);font-size:var(--gi-t-xs);font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--gi-verde);
  margin:0 0 1rem;
}
/* El título «Legal» enlaza a /legal/ y se ve igual que los otros títulos. */
.gi-pie h2 a{color:inherit;text-decoration:none}
.gi-pie h2 a:hover{color:#fff;text-decoration:underline}
.gi-pie ul{list-style:none;margin:0;padding:0}
.gi-pie li{margin-bottom:.5rem}
.gi-pie a{color:rgba(233,239,236,.88);text-decoration:none}
.gi-pie a:hover{color:#fff;text-decoration:underline}
.gi-pie address{font-style:normal;line-height:1.9;color:rgba(233,239,236,.82)}
.gi-pie__legal{
  border-top:1px solid rgba(233,239,236,.14);
}
.gi-pie__legal p{
  max-width:1180px;margin-inline:auto;
  padding:1.1rem max(1.25rem,var(--gi-gutter));
  margin-block:0;color:rgba(233,239,236,.6);font-size:var(--gi-t-xs);
}
/* Crédito del desarrollador: mismo tono apagado que el copyright, sin
   competir con él; el enlace solo se subraya al pasar. */
.gi-pie__credito a{color:rgba(233,239,236,.6);text-decoration:none}
.gi-pie__credito a:hover{color:rgba(233,239,236,.85);text-decoration:underline}