/* [ZSPORT-pie-pagos-sitio] Medios de pago al pie de la portada y de
   Soluciones. Los arma pie-pagos.js, igual que en la tienda (muestra lo que
   esta habilitado en el momento). Estas paginas no cargan vitrina.css: aca van
   sus estilos, con la misma pinta que en la tienda. */
body > .pie-pagos{
  width:100%; box-sizing:border-box; margin:0;
  padding:16px max(16px, calc((100% - 1140px) / 2)) 20px;
  border-top:1px solid #252C38; background:#0A0C0F;
  display:flex; flex-wrap:wrap; align-items:center; gap:10px 20px;
  color:#8B94A3; font:13px/1.4 Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}
body > .pie-pagos .pie-pagos-tit{ font-weight:600; color:#ECEEF2 }
body > .pie-pagos .pie-pagos-medio{ display:inline-flex; align-items:center; gap:7px }
body > .pie-pagos .medio-logos{ display:flex; align-items:center; gap:6px; flex-wrap:wrap }
body > .pie-pagos .medio-logo{
  height:20px; width:auto; background:#fff; border-radius:5px; padding:3px 5px;
  box-sizing:content-box; object-fit:contain; box-shadow:0 1px 3px rgba(0,0,0,.35);
}
/* La portada y Soluciones tienen una barra fija abajo (WhatsApp, llamar,
   tienda): que no tape la franja, en la computadora y en el telefono. */
body:has(.barra-movil) > .pie-pagos{ padding-bottom:84px }
@media (max-width:760px){
  body > .pie-pagos{ gap:8px 14px; font-size:12px }
  body:has(.barra-movil) > .pie-pagos{ padding-bottom:96px }
  body > .pie-pagos .medio-logo{ height:17px }
}