/* ═══════════════════════════════════════════════════════════════
   PIE DE SITIO (ago 2026) · reemplaza al pie de una sola línea.
   Referencia visual: pie de harvey.ai · marca a la izquierda, columnas
   de enlaces a la derecha, todo sobre superficie inversa (negra).
   Clases con prefijo .pie para NO chocar con las reglas .foot que aún
   viven inline en las páginas viejas. Este archivo se enlaza desde
   TODAS las páginas: cambiar aquí cambia el pie del sitio entero.
   El blog SOLO se enlaza desde este pie (decisión de ago 2026).
   ═══════════════════════════════════════════════════════════════ */

.pie{position:relative;color:var(--text-on-inverse);
  background:radial-gradient(35% 128px at 50% 0%,rgba(255,255,255,.07),transparent),
             var(--surface-inverse);
  padding-top:clamp(56px,7vw,96px);font-family:var(--font-sans)}
.pie::before{content:"";position:absolute;top:0;left:50%;
  transform:translate(-50%,-50%);width:33%;height:1px;border-radius:999px;
  background:rgba(255,255,255,.2);filter:blur(.6px)}
.pie a{color:inherit;text-decoration:none}

.pie-in{max-width:var(--container-max);margin:0 auto;
  padding:0 var(--gutter) clamp(40px,5vw,72px);
  display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,2.8fr);
  gap:clamp(32px,5vw,80px);align-items:start}

/* marca: monograma blanco + firma + copyright */
.pie-marca img{height:52px;width:auto;display:block}
.pie-firma{font-family:var(--font-mono);font-size:var(--fs-label-sm);
  letter-spacing:var(--ls-label);text-transform:uppercase;
  color:var(--text-on-inverse-dim);margin:20px 0 10px}
.pie-copy{font-size:var(--fs-caption);color:var(--text-on-inverse-dim);
  line-height:1.7;margin:0}

/* columnas de enlaces */
.pie-cols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  gap:clamp(18px,2.4vw,32px)}
.pie-col h3{font-family:var(--font-mono);font-size:var(--fs-label-sm);
  font-weight:var(--fw-medium);letter-spacing:var(--ls-label);
  text-transform:uppercase;color:var(--text-on-inverse-dim);margin:0 0 16px}
.pie-col ul{list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;gap:11px}
.pie-col a{font-size:var(--fs-body-sm);color:#CFCFCF;
  transition:color var(--dur-fast) var(--ease-out)}
.pie-col a:hover{color:var(--white)}

/* franja inferior: contacto y sello, separada por hairline */
.pie-baja{border-top:1px solid rgba(255,255,255,.12)}
.pie-baja-in{max-width:var(--container-max);margin:0 auto;
  padding:22px var(--gutter);display:flex;align-items:center;
  justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-family:var(--font-mono);font-size:var(--fs-label-sm);
  letter-spacing:var(--ls-label-sm);text-transform:uppercase;
  color:var(--text-on-inverse-dim)}
.pie-baja a{color:var(--text-on-inverse-dim)}
.pie-baja a:hover{color:var(--text-on-inverse)}

@media (max-width:1080px){
  .pie-cols{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:36px}
}
@media (max-width:820px){
  .pie-in{grid-template-columns:1fr;gap:44px}
}
@media (max-width:560px){
  .pie-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  /* blancos táctiles amplios sin mover el layout */
  .pie-col a,.pie-baja a{display:inline-block;padding:6px 4px;margin:-6px -4px}
}