/* ===================================================================
   PIE — bloque navy que cierra la página
   =================================================================== */
footer.foot{background:var(--navy);color:#fff;padding:56px 0 30px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px}

.foot .brand{color:#fff}
.foot .brand .tag{color:var(--muted-light)}
.foot p.about{color:var(--muted-light);font-size:.9rem;margin-top:14px;max-width:38ch}

.foot h4{
  font-family:var(--mono);font-size:.74rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--orange);margin-bottom:14px;
}
.foot ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.foot ul a{color:var(--muted-light);text-decoration:none;font-size:.9rem;transition:color .18s}
.foot ul a:hover{color:#fff}

.foot-legal{
  margin-top:40px;padding-top:22px;border-top:1px solid var(--line-dark);
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;
  color:var(--muted-light);font-size:.78rem;font-family:var(--mono);line-height:1.7;
}
.foot-legal .partner-badge{display:inline-flex;align-items:center;gap:8px;color:#fff}
.foot-legal .partner-badge b{color:var(--orange)}

.foot :focus-visible{outline:3px solid var(--orange);outline-offset:2px}

@media(max-width:820px){.foot-grid{grid-template-columns:1fr;gap:26px}}