/* Painel split-flap (27/10/2026): fichas que caem como nos painéis de aeroporto. Compartilhado pelo cartão de plano (.rc) e pela faixa do topo (.mk-faixa).
   Cada ficha tem tamanho fixo e tudo dentro é absoluto, então a queda nunca mexe no layout. Sem vermelho aqui: a cor da faixa vem do fundo dela. */
.fl-g{--w:24px;--h:36px;--fs:26px;--bg:#1B1B1F;--fg:#F4F3F1;display:inline-flex;align-items:center;gap:2px}
.fl-u{display:inline-flex;gap:2px}
.fl{position:relative;display:inline-block;width:var(--w);height:var(--h);perspective:calc(var(--h) * 4);font-size:var(--fs);font-weight:600;font-variant-numeric:tabular-nums;color:var(--fg);border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.06)}
.fh{position:absolute;left:0;right:0;height:50%;overflow:hidden;background:var(--bg);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.fh i{display:block;height:200%;line-height:var(--h);text-align:center;font-style:normal}
.fh-t,.fh-ft{top:0;border-radius:4px 4px 0 0}
.fh-b,.fh-fb{bottom:0;border-radius:0 0 4px 4px}
.fh-b i,.fh-fb i{transform:translateY(-50%)}
/* A dobradiça: linha fina no meio da ficha */
.fl::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;margin-top:-.5px;background:rgba(0,0,0,.6);z-index:5;pointer-events:none}
.fh-ft{z-index:3;transform-origin:50% 100%;animation:flapCima .225s cubic-bezier(.55,0,1,.45) forwards}
.fh-fb{z-index:2;transform-origin:50% 0;transform:rotateX(90deg);animation:flapBaixo .225s cubic-bezier(0,.55,.45,1) .225s forwards}
@keyframes flapCima{from{transform:rotateX(0)}to{transform:rotateX(-90deg)}}
@keyframes flapBaixo{from{transform:rotateX(90deg)}to{transform:rotateX(0)}}
@media (prefers-reduced-motion:reduce){.fh-ft,.fh-fb{animation:none}.fh-ft{display:none}.fh-fb{transform:none}}
.fl-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* Faixa do topo: fichas pequenas, vermelho escuro translúcido com dígito claro, sem aumentar a altura de 32 px */
.mk-faixa .mk-faixa-tempo b.fl-g{--w:11px;--h:20px;--fs:12px;--bg:rgba(45,0,0,.6);--fg:#fff;background:none;padding:0;border-radius:0;font-size:12px;gap:1px;vertical-align:middle}
.mk-faixa .fl{border-radius:2px;box-shadow:none}
.mk-faixa .fh-t,.mk-faixa .fh-ft{border-radius:2px 2px 0 0}
.mk-faixa .fh-b,.mk-faixa .fh-fb{border-radius:0 0 2px 2px}
.mk-faixa .fl::after{background:rgba(0,0,0,.55)}
.fl-dias{display:inline-flex;align-items:center;gap:3px;margin-right:5px}
.fl-dias[hidden]{display:none}
.fl-d{font-style:normal;font-size:11px;font-weight:600;opacity:.85}
.fl-sep{font-style:normal;font-weight:700;font-size:12px;line-height:1;padding:0 1px;opacity:.9}
@media (min-width:760px){.mk-faixa .mk-faixa-tempo b.fl-g{--w:13px;--h:22px;--fs:13.5px}}