/* ==========================================================================
   footer.css · Rodapé
   ========================================================================== */
/* rodapé */
.ft{background:var(--ink);color:var(--cream);padding:70px 0 calc(34px + env(safe-area-inset-bottom,0px))}
.ft-g{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:40px}
.ft .brand small{color:rgba(244,228,212,.55)}
.ft p{margin-top:18px;max-width:34ch;color:rgba(244,228,212,.66);font-size:15px}
.ft h4{font:500 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--crema);margin-bottom:16px}
.ft ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ft ul a{text-decoration:none;color:rgba(244,228,212,.82);font-size:15px}
.ft ul a:hover{color:#fff}
.ft-b{margin-top:56px;padding-top:22px;border-top:1px solid var(--dline);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;font:500 10.5px/1.5 var(--mono);letter-spacing:.06em;color:rgba(244,228,212,.5)}
.ft .big{margin-top:60px;font:800 clamp(60px,15vw,240px)/.8 var(--disp);letter-spacing:-.065em;color:#2A2926;white-space:nowrap;overflow:hidden;font-variation-settings:"opsz" 96}


/* Crédito Echo: destaque discreto com traço animado e foco acessível. */
.ft-b a[href="https://echotechnologies.com.br"]{position:relative;display:inline-block;color:var(--cream);text-decoration:none;transition:color .25s ease,transform .25s ease}
.ft-b a[href="https://echotechnologies.com.br"]::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:var(--crema);transform:scaleX(0);transform-origin:left center;transition:transform .3s ease}
.ft-b a[href="https://echotechnologies.com.br"]:hover{color:var(--crema);transform:translateY(-2px)}
.ft-b a[href="https://echotechnologies.com.br"]:hover::after,.ft-b a[href="https://echotechnologies.com.br"]:focus-visible::after{transform:scaleX(1)}
.ft-b a[href="https://echotechnologies.com.br"]:focus-visible{outline:2px solid var(--crema);outline-offset:5px;border-radius:2px}
@media (prefers-reduced-motion:reduce){.ft-b a[href="https://echotechnologies.com.br"],.ft-b a[href="https://echotechnologies.com.br"]::after{transition:none}}