/* ============================================================
   Mural de depoimentos escritos (07/10/2026). Ver /ui/mural.js.
   ============================================================ */
.mural{display:grid;gap:14px}
.mural--linhas{-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.mural--coluna{height:540px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent)}
.mural__linha{overflow:hidden}
.mural__trilho{display:flex;gap:14px;width:max-content;animation:mural-h 110s linear infinite}
.mural--linhas .mural__linha:nth-child(2) .mural__trilho{animation-direction:reverse;animation-duration:125s}
.mural--coluna .mural__trilho{flex-direction:column;width:auto;animation:mural-v 90s linear infinite}
.mural.parado .mural__trilho,.mural:hover .mural__trilho{animation-play-state:paused}
@keyframes mural-h{to{transform:translateX(-50%)}}
@keyframes mural-v{to{transform:translateY(-50%)}}
.mural__card{width:300px;flex:0 0 auto;box-sizing:border-box;background:#21323B;border:1px solid rgba(193,223,224,.10);border-radius:16px;padding:18px 18px 16px;text-align:left}
.mural--coluna .mural__card{width:auto}
.mural__card p{margin:0;font-size:.86rem;line-height:1.65;color:rgba(236,238,232,.82)}
.mural__quem{display:flex;align-items:center;gap:10px;margin-top:14px}
.mural__ini{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:800 .7rem/1 'Sora',sans-serif;color:#181D20;background:#C1DFE0}
.mural__quem strong{display:block;font-size:.82rem;color:#ECEEE8}
.mural__quem span{display:block;font-size:.72rem;color:#7F9394}
@media (prefers-reduced-motion:reduce){
  .mural--linhas{-webkit-mask-image:none;mask-image:none}
  .mural__linha{overflow-x:auto}
  .mural--coluna{height:auto;max-height:540px;overflow-y:auto}
  .mural__trilho{animation:none!important}
}