/* pie.css — sobrio. Karla, sus contactos, el aviso y los derechos. */
.pie {
  margin-top: var(--esp-9);
  padding-block: var(--esp-8) var(--esp-6);
  border-top: 1px solid var(--kv-perla);
}
.pie__interior { display: grid; gap: var(--esp-6); }
.pie__marca { font-family: var(--fuente-serif); font-weight: var(--peso-marca); font-size: var(--txt-xl); letter-spacing: .02em; }
.pie__marca::after { content: '.'; color: var(--kv-lavanda); }
.pie__nombre { margin-top: var(--esp-3); font-weight: 600; }
.pie__papel { font-size: var(--txt-sm); color: var(--kv-tinta-suave); }
.pie__enlaces { display: flex; flex-wrap: wrap; gap: 0 var(--esp-5); }
.pie__enlace {
  display: inline-flex;
  align-items: center;
  min-height: var(--toque-min);
  font-size: var(--txt-sm);
  color: var(--kv-tinta-suave);
  text-decoration: none;
}
.pie__enlace:hover { color: var(--kv-lavanda-profunda); text-decoration: underline; }
.pie__derechos { margin-top: var(--esp-6); font-size: var(--txt-xs); color: var(--kv-tinta-tenue); }

@media (min-width: 600px) {
  .pie__interior { grid-template-columns: minmax(0, 1fr) auto; align-items: start; }
  .pie__enlaces { flex-direction: column; align-items: flex-end; gap: 0; }
}