/* ---------------------------------------------------------------------------
 * As faixas da vitrine dos intercambistas, iguais às de
 * site.papodeintercambio.com. Usado pela /lp e pela home.
 *
 * As faixas são enfeite, não controle: rodam sozinhas, não param no mouse e não
 * aceitam clique nem arrasto (pointer-events cortado no trilho). O laço fecha
 * sem salto porque a lista entra duas vezes e a animação anda exatamente
 * metade do trilho.
 *
 * Depende das variáveis da página: --border, --shadow, --primary,
 * --accent-light, --text-light e --text-muted, que existem nas duas.
 * --------------------------------------------------------------------------- */
/* ===== VITRINE DOS INTERCAMBISTAS =====
   Os dados vem de site.papodeintercambio.com pelo caminho /intercambistas/.
   As faixas sao enfeite, nao controle: rodam sozinhas, nao param no mouse e
   nao aceitam clique nem arrasto (pointer-events cortado no trilho). O laco
   fecha sem salto porque a lista entra duas vezes e a animacao anda
   exatamente metade do trilho. */
.ic-faixa{overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent 0%,black 8%,black 92%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 8%,black 92%,transparent 100%)}
.ic-trilho{display:flex;gap:0.75rem;width:max-content;pointer-events:none;user-select:none;-webkit-user-drag:none;will-change:transform;animation:scrollIc var(--tempo,90s) linear infinite}
.ic-faixa.reverso .ic-trilho{animation-direction:reverse}
@keyframes scrollIc{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.ic-pessoa{flex:none;width:114px;text-align:center;background:white;border:1px solid var(--border);border-radius:14px;padding:0.6rem 0.4rem 0.55rem;box-shadow:var(--shadow)}
.ic-pessoa img{width:58px;height:58px;border-radius:50%;object-fit:cover;background:#fdf8ef;border:2px solid var(--accent-light)}
.ic-pessoa b{display:block;font-size:0.8rem;margin-top:0.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ic-pessoa span{display:block;font-size:0.7rem;color:var(--primary);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ic-numeros{display:flex;gap:0.75rem;justify-content:center;flex-wrap:wrap;margin:0 0 1.75rem}
.ic-numeros div{background:white;border:1px solid var(--border);border-radius:14px;padding:0.75rem 1.15rem;min-width:104px}
.ic-numeros b{display:block;font-size:1.5rem;color:var(--primary);line-height:1.1}
.ic-numeros span{font-size:0.65rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-light)}
.ic-prints .ic-trilho{gap:1rem}
.ic-print{flex:none;width:min(74vw,300px);border-radius:16px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow);background:white}
.ic-print img{display:block;width:100%;height:auto}
.ic-legenda{text-align:center;font-size:0.78rem;color:var(--text-muted);margin:1.25rem 0 0}
@media(prefers-reduced-motion:reduce){.ic-trilho{animation-duration:400s}}
@media(max-width:768px){.ic-pessoa{width:100px}.ic-pessoa img{width:50px;height:50px}}

/* No celular os três números não cabiam lado a lado e o terceiro caía sozinho
   numa linha. Aqui eles dividem a largura em vez de cada um pedir 104px. */
@media(max-width:480px){
  .ic-numeros{gap:0.5rem}
  .ic-numeros div{min-width:0;flex:1;padding:0.6rem 0.35rem}
  .ic-numeros b{font-size:1.25rem}
  .ic-numeros span{font-size:0.55rem;letter-spacing:0.02em}
}