/* placar split-flap */
.hero{padding:22px 2px 6px}
.hero-rot{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--sec)}
.hero-rot svg{width:15px;height:15px}
.placar{display:flex;align-items:center;gap:3px;margin-top:10px}
.placar .gap{width:7px}
.flap{position:relative;flex:1;max-width:40px;height:56px;border-radius:7px;background:#0A1B4D;perspective:260px;font-weight:800;font-size:40px;color:#fff;box-shadow:inset 0 -1px 0 rgba(255,255,255,.04)}
.flap .h{position:absolute;left:0;right:0;height:50%;overflow:hidden;background:#0A1B4D;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.flap .h span{position:absolute;left:0;right:0;height:56px;line-height:56px;text-align:center;font-variant-numeric:tabular-nums}
.flap .tp{top:0;border-radius:7px 7px 0 0}
.flap .bt{bottom:0;border-radius:0 0 7px 7px;background:#10266A}
.flap .bt span{top:-28px}
.flap::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#050E2B;z-index:4}
.flap .ft{top:0;border-radius:7px 7px 0 0;transform-origin:bottom;z-index:3;animation:virat .16s ease-in forwards}
.flap .fb{bottom:0;border-radius:0 0 7px 7px;background:#10266A;transform-origin:top;z-index:3;transform:rotateX(90deg);animation:virab .16s .16s ease-out forwards}
.flap .fb span{top:-28px}
@keyframes virat{to{transform:rotateX(-90deg)}}
@keyframes virab{to{transform:rotateX(0)}}

/* ritmo */
.ritmo{background:var(--card);border-radius:18px;padding:16px}
.ritmo-top{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.ritmo-num{font-size:34px;font-weight:800;line-height:1;color:var(--navy)}
.ritmo-num small{color:var(--sec)}
.ritmo-num small{font-size:15px;font-weight:700;margin-left:3px}
.ritmo-rot{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--sec);margin-top:6px}
.ritmo-barra{display:flex;height:10px;border-radius:5px;overflow:hidden;gap:2px;margin-top:14px}
.ritmo-barra i{display:block}
.ritmo-lista{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-top:12px;text-align:center}
.ritmo-lista .av{width:38px;height:38px;border-radius:50%;margin:0 auto;padding:2px;display:block}
.ritmo-lista .av img,.ritmo-lista .av span{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;border:2px solid #FFFFFF;background:#C9D5EC}
.ritmo-lista b{display:block;font-size:12px;font-weight:700;margin-top:5px;white-space:nowrap}
.ritmo-lista small{display:block;font-size:10px;color:var(--sec)}

/* kpis com ícone */
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.k{background:var(--card);border-radius:16px;padding:12px}
.k svg{width:16px;height:16px;color:var(--sec);display:block;margin-bottom:8px}
.k b{display:block;font-size:24px;font-weight:800;line-height:1}
.k span{font-size:11.5px;color:var(--sec);margin-top:4px;display:block;white-space:nowrap}

/* ritmo fino, logo abaixo do placar (pedido de 24/09) */
.ritmo{padding:10px 14px}
.ritmo-num{font-size:24px}
.ritmo-num small{font-size:12px}
.ritmo-rot{font-size:11px;margin-top:3px}
.ritmo-barra{height:6px;margin-top:8px}
.ritmo-lista{margin-top:8px}
.ritmo-lista .av{width:28px;height:28px;padding:1.5px}
.ritmo-lista .av img,.ritmo-lista .av span{border-width:1.5px}
.ritmo-lista b{font-size:11px;margin-top:3px}
.ritmo-lista small{font-size:9px}