.barra{position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;
  background:#fff;border-top:1px solid var(--linea);box-shadow:0 -6px 22px rgba(46,33,24,.18);
  transform:translateY(110%);transition:transform .3s ease;
  padding-bottom:env(safe-area-inset-bottom)}
.barra.visible{transform:none}
.barra a{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;
  padding:18px 8px;font-family:var(--sans);font-size:13.5px;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;text-decoration:none;color:#fff;position:relative}
.barra .b-lista{background:var(--terracota-txt)}
.barra .b-wa{background:#188041}
.barra svg{width:20px;height:20px;flex:none}
.barra .ico{position:relative;display:inline-flex;align-items:center}
.barra .b-wa{gap:15px}
.barra .ico:after{content:"1";position:absolute;top:-6px;right:-9px;
  width:14px;height:14px;border-radius:50%;background:#E8402A;border:2px solid #fff;
  display:flex;align-items:center;justify-content:center;
  font-size:9px;font-weight:600;line-height:1;color:#fff}

@media(max-width:900px){
  .barra{display:flex}
  body{padding-bottom:64px}
}