/* Landing «Made for agents» · Pie. Ver agentes.css para lo común. */

/* ── pie en claro, sin Dapta ─────────────────────────────────────────────── */
.pie--claro{background:var(--bg);color:var(--fg-body);border-top:1px solid var(--line)}
.pie--claro .fineprint{color:var(--fg-muted)}
.pie--claro .pie__tit{color:var(--fg)}
.pie__arriba{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:var(--s-7);
  padding-block:var(--s-8) var(--s-7);
}
.pie__marca-txt{display:grid;gap:14px;align-content:start}
.pie__marca-txt img{width:99px;height:auto}
.pie__columnas{display:flex;flex-wrap:wrap;gap:var(--s-7) 80px}
.pie__columnas ul{display:grid;gap:var(--s-3);font-size:15px}
.pie__columnas a{text-decoration:none}
.pie__columnas a:hover{text-decoration:underline}
.pie__tit{font-size:13px;font-weight:var(--w-semi);margin-bottom:var(--s-3)}
.pie--claro .pie__fin{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:var(--s-3);
  padding-block:var(--s-5) 40px;
  border-top:1px solid var(--line);
}