/* Depoimentos: faixa infinita que corre para o lado (pausa ao passar o mouse; no celular desliza com o dedo) */
.depo{overflow:hidden}
.depo-marquee{position:relative;overflow:hidden;padding:8px 0 28px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.depo-track{display:flex;align-items:flex-start;gap:16px;width:max-content;animation:depo-run calc(var(--n,5) * 6s) linear infinite}
.depo-marquee:hover .depo-track,.depo-marquee:focus-within .depo-track{animation-play-state:paused}
.depo-card{flex:none;margin:0;width:300px;padding:6px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 48px -24px rgba(0,0,0,.6);transition:transform .4s cubic-bezier(.22,1,.36,1)}
.depo-card:hover{transform:translateY(-4px)}
@keyframes depo-run{to{transform:translateX(calc(-50% - 8px))}}
@media (max-width:760px){.depo-card{width:236px}.depo-track{animation-duration:calc(var(--n,5) * 5s)}}
@media (prefers-reduced-motion:reduce){.depo-marquee{overflow-x:auto}.depo-track{animation:none}}
/* card com foto, nome, estrelas, texto e print */
.depo-card{display:flex;flex-direction:column;gap:10px;padding:16px;text-align:left}
.depo-top{display:flex;align-items:center;gap:12px}
.depo-av{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;border:1px solid rgba(255,255,255,.14)}
.depo-ini{display:grid;place-items:center;background:linear-gradient(180deg,#3ee07a,#1fb858);color:#06210f;font-weight:700}
.depo-who{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.depo-who b{font-size:15px;font-weight:600}
.depo-who span{font-size:13px;opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.depo-stars{display:flex;gap:2px;color:#f5b301}
.depo-stars svg{width:16px;height:16px;fill:currentColor}
.depo-text{margin:0;font-size:14.5px;line-height:1.5;opacity:.88;white-space:normal}
.depo-shot{display:block;width:100%;height:auto;max-height:420px;object-fit:cover;object-position:top;border-radius:12px}
.depo-card:has(>.depo-shot:only-child){padding:6px}.depo-card:has(>.depo-shot:only-child) .depo-shot{border-radius:15px}