/* ============================================================================
   kvoip.com.br — rodapé (o mesmo em todas as páginas)
   Tudo aqui usa o prefixo "kf-" para não bater com .rodape/.redes/.wrap do
   site.css antigo e do CSS próprio de cada página, que continuam carregados.
   Par do /assets/css/topo.css (prefixo "kh-").
   ========================================================================== */
.kf-rodape{--kf-navy:#0A0F24;--kf-muted:#8F9BB6;
  font-family:"Inter",system-ui,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;
  background:var(--kf-navy);color:var(--kf-muted);padding:96px 0 36px;margin-top:96px;border-radius:32px 32px 0 0;overflow:hidden}
.kf-rodape *,.kf-rodape *::before,.kf-rodape *::after{box-sizing:border-box}
.kf-rodape a{color:inherit;text-decoration:none}
.kf-rodape p,.kf-rodape h3{margin:0}
.kf-rodape img{max-width:100%;height:auto;display:block}
.kf-wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}
.kf-grade{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px}
.kf-grade img{width:150px;margin-bottom:22px}
.kf-grade p{font-size:.93rem;max-width:360px}
.kf-grade h3{font:600 .76rem/1 "Inter",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:20px}
.kf-grade ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.kf-grade a{font-size:.94rem;transition:color .2s}
.kf-grade a:hover{color:#fff}
.kf-redes{display:flex;gap:10px;margin-top:26px}
.kf-redes a{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;color:#C9D3E8;transition:all .25s}
.kf-redes a:hover{background:#fff;color:var(--kf-navy);border-color:#fff}
.kf-marca{font:800 clamp(4rem,17vw,15rem)/.8 "Sora","Inter",system-ui,sans-serif;letter-spacing:-.06em;margin:64px 0 0;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,0) 85%);-webkit-background-clip:text;background-clip:text;color:transparent;user-select:none}
.kf-empresa{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:48px;font-size:.88rem;color:var(--kf-muted)}
.kf-empresa strong{color:#fff;font-weight:600;letter-spacing:.02em}
.kf-base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:28px;padding-top:28px;border-top:1px solid rgba(255,255,255,.08);font-size:.85rem}
.kf-base a{color:#C9D3E8}.kf-base a:hover{color:#fff}
.kf-rodape :focus-visible{outline:3px solid #58C9EA;outline-offset:3px;border-radius:6px}
@media (max-width:900px){.kf-grade{grid-template-columns:1fr 1fr}}
@media (max-width:640px){
  .kf-wrap{padding:0 16px}
  .kf-grade{grid-template-columns:1fr}
  .kf-rodape{margin-top:72px;padding-top:72px;border-radius:24px 24px 0 0}
}