/* Edit Like Me — a fita (da v3): o bruto corre em cinza, entra no ponto azul e sai como timeline (js/fita.js). */
.fita-faixa { position: relative; padding-block: clamp(8px, 2vw, 24px) clamp(24px, 4vw, 56px); overflow-x: clip; }
.fita-faixa::before { content: ""; position: absolute; inset: -12vh 0; z-index: -1; pointer-events: none; background: radial-gradient(70% 50% at 50% 55%, rgba(42,92,240,.14), transparent 70%);
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 25%, #000 75%, transparent); mask-image: linear-gradient(180deg, transparent, #000 25%, #000 75%, transparent); }
/* a faixa */
.fita-palco { position: relative; width: 100%; margin-top: clamp(8px, 2vw, 24px); }
.fita { display: block; width: 100%; height: auto; overflow: visible; }
.fita-bruto { fill: var(--t3); font-family: var(--sans); letter-spacing: .01em; }
.fita-trilho { fill: none; stroke: #121a2c; stroke-linecap: round; }
.fita-cortes { fill: none; stroke: #1d3366; stroke-linecap: butt; stroke-dasharray: 118 6 64 6 160 6 92 6; }
.fita-limpo { fill: var(--t1); font-family: var(--sans); font-weight: 500; letter-spacing: .005em; }
.fita-pilula rect { fill: #0c0d0f; stroke: rgba(245,245,243,.7); stroke-width: 1.5; }
.fita-ponto { fill: var(--azul-claro); filter: drop-shadow(0 0 6px rgba(90,162,255,.95)); }
.fita-onda { fill: var(--t2); }
.fita-agulha { stroke: var(--azul-claro); stroke-width: 2; stroke-linecap: round; filter: drop-shadow(0 0 4px rgba(90,162,255,.9)); }
.fita-etiqueta rect { fill: var(--azul-f); stroke: var(--azul-borda); stroke-width: 1; }
.fita-etiqueta text { fill: var(--azul-sel); font-family: var(--mono); font-size: 13px; letter-spacing: .01em; }
.fita-check { fill: var(--ok); }

@media (prefers-reduced-motion: no-preference) { .js .fita-palco { opacity: 0; transition: opacity 1200ms var(--sai); } .js .fita-palco.in { opacity: 1; } }