/* Styles for partials/footer.html */
footer{background:var(--night);color:#b5c5d3;padding:3.5rem 0 2rem;font-size:.95rem}
footer .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem}
footer .logo{color:#fff}
footer .logo small{color:var(--blue-l)}
footer .about{margin-top:.9rem;max-width:22rem}
footer .reach{margin-top:1rem}
footer .reach a{color:#fff;font-weight:600}
footer h4{color:#fff;margin-bottom:.8rem}
footer ul{list-style:none;display:grid;gap:.4rem}
footer a{text-decoration:none;transition:color .2s}footer a:hover{color:var(--blue-l)}
.legal{border-top:1px solid rgba(255,255,255,.12);margin-top:2.5rem;padding-top:1.4rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}

.wa{position:fixed;right:1.2rem;bottom:1.2rem;z-index:30;background:#25d366;color:#04361a;font-weight:700;padding:.85rem 1.3rem;border-radius:999px;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:opacity .3s,transform .25s var(--ease)}
.wa:hover{transform:translateY(-2px)}
.nav-open .wa{opacity:0;pointer-events:none} /* hide while the mobile menu is open */

@media(max-width:900px){footer .cols{grid-template-columns:1fr 1fr}}
@media(max-width:520px){footer .cols{grid-template-columns:1fr}}