/* ══════════════════════════════════════════════════════════ FABIM · "A Evolução dos Pit Stops na Fórmula 1" — publicação. Do improviso à operação de alta performance: história, regras, engenharia, estratégia e segurança do pit stop, e a leitura para a construção civil. A base comum (hero, ficha, resumo, índice, seções, citação, callout, figura, fluxo, controles, síntese, autor, relacionados, CTA, revelação no scroll e impressão dos componentes art-) vem de /assets/css/editorial.css, ligada por data-layout="editorial" no . Aqui ficam só os diagramas próprios deste texto, no prefixo ps-: assinatura do hero, tabelas, métricas, linha do tempo, cadeia, mapa da equipe, Gantt do paralelismo, equações, ciclo, gráfico de menores tempos, incidentes, ponte F1 x obra, escada e síntese; mais os poucos ajustes locais sobre componentes art- (fluxo de cinco passos com rótulo, controle em destaque, fecho em duas linhas). Escopo restrito a [data-page="conteudo-pit-stops-f1"]. ══════════════════════════════════════════════════════════ */ /* Número em destaque dentro de texto: a assinatura desta publicação são os tempos em centésimos, sempre em monoespaçada */ [data-page="conteudo-pit-stops-f1"] .ps-num { font-family: var(--font-mono); font-weight: 700; color: var(--cyan); white-space: nowrap; } /* Assinatura do hero: os dois extremos da história, em cronômetro */ [data-page="conteudo-pit-stops-f1"] .ps-span { margin-top: 22px; display: inline-flex; align-items: center; gap: 0; max-width: 100%; } [data-page="conteudo-pit-stops-f1"] .ps-span-chip { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 10px 16px; border-radius: 12px; background: rgba(8, 16, 30, .78); border: 1px solid var(--edge-2); } [data-page="conteudo-pit-stops-f1"] .ps-span-chip b { font-family: var(--font-mono); font-size: .66rem; font-weight: 700; letter-spacing: .14em; color: rgba(150, 185, 215, .85); } [data-page="conteudo-pit-stops-f1"] .ps-span-chip span { font-family: var(--font-mono); font-size: clamp(1.15rem, 2.4vw, 1.5rem); font-weight: 700; letter-spacing: -.01em; color: var(--txt-1); } [data-page="conteudo-pit-stops-f1"] .ps-span-chip--now { border-color: rgba(245, 166, 35, .5); background: rgba(245, 166, 35, .08); } [data-page="conteudo-pit-stops-f1"] .ps-span-chip--now span { color: var(--amber); } [data-page="conteudo-pit-stops-f1"] .ps-span-line { position: relative; width: clamp(44px, 8vw, 96px); height: 2px; flex: none; background: linear-gradient(90deg, var(--sky), var(--amber)); } [data-page="conteudo-pit-stops-f1"] .ps-span-line::after { content: ''; position: absolute; right: -1px; top: -4px; width: 8px; height: 8px; border-top: 2px solid var(--amber); border-right: 2px solid var(--amber); transform: rotate(45deg); } /* ── TABELAS EDITORIAIS ─────────────────────────────────── */ [data-page="conteudo-pit-stops-f1"] .ps-table-wrap { max-width: 1140px; margin: 24px auto 0; overflow-x: auto; overscroll-behavior-x: contain; border: 1px solid var(--edge-2); border-radius: var(--radius-l); background: var(--panel); scrollbar-color: rgba(56, 189, 248, .5) transparent; } [data-page="conteudo-pit-stops-f1"] .ps-table { width: 100%; min-width: 640px; border-collapse: collapse; font-size: .96rem; line-height: 1.5; color: var(--txt-2); } [data-page="conteudo-pit-stops-f1"] .ps-table th, [data-page="conteudo-pit-stops-f1"] .ps-table td { padding: 13px 16px; text-align: left; vertical-align: top; border-top: 1px solid var(--edge); } [data-page="conteudo-pit-stops-f1"] .ps-table thead th { border-top: 0; background: rgba(56, 189, 248, .08); font-family: var(--font-mono); font-size: .68rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; color: var(--sky); } [data-page="conteudo-pit-stops-f1"] .ps-table tbody th { font-weight: 800; color: var(--txt-1); white-space: nowrap; } [data-page="conteudo-pit-stops-f1"] .ps-table tbody tr:nth-child(even) td, [data-page="conteudo-pit-stops-f1"] .ps-table tbody tr:nth-child(even) th { background: rgba(255, 255, 255, .02); } [data-page="conteudo-pit-stops-f1"] .ps-table--rules tbody th { white-space: normal; max-width: 300px; } [data-page="conteudo-pit-stops-f1"] .ps-table--rules tbody th .ps-num { display: block; margin-bottom: 2px; } [data-page="conteudo-pit-stops-f1"] .ps-table--cases { min-width: 760px; } [data-page="conteudo-pit-stops-f1"] .ps-table--cases tbody th { white-space: normal; } /* ── AS TRÊS MÉTRICAS ───────────────────────────────────── */ [data-page="conteudo-pit-stops-f1"] .ps-metrics { list-style: none; max-width: 1140px; margin: 24px auto 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; } [data-page="conteudo-pit-stops-f1"] .ps-metric { padding: 20px; border-radius: var(--radius-m); background: var(--panel); border: 1px solid var(--edge); display: flex; flex-direction: column; } [data-page="conteudo-pit-stops-f1"] .ps-metric--key { border-color: rgba(34, 211, 238, .4); background: linear-gradient(160deg, rgba(34, 211, 238, .09), rgba(255, 255, 255, .02)); } [data-page="conteudo-pit-stops-f1"] .ps-metric-k { font-family: var(--font-mono); font-size: .64rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: rgba(150, 185, 215, .8); } [data-page="conteudo-pit-stops-f1"] .ps-metric h3 { margin-top: 6px; font-size: 1.14rem; font-weight: 800; letter-spacing: -.01em; color: var(--txt-1); } [data-page="conteudo-pit-stops-f1"] .ps-metric-d { margin-top: 8px; font-size: .96rem; line-height: 1.55; color: var(--txt-2); } [data-page="conteudo-pit-stops-f1"] .ps-metric i { font-style: italic; } [data-page="conteudo-pit-stops-f1"] .ps-metric-ex { margin-top: 12px; padding: 10px 12px; border-radius: var(--radius-s); background: rgba(8, 16, 30, .7); border: 1px solid var(--edge); font-family: var(--font-mono); font-size: .9rem; font-weight: 700; color: var(--txt-1); line-height: 1.4; } [data-page="conteudo-pit-stops-f1"] .ps-metric-ex .art-mono { display: block; font-size: .6rem; color: var(--cyan); margin-bottom: 3px; } [data-page="conteudo-pit-stops-f1"] .ps-metric-c { margin-top: auto; padding-top: 12px; font-size: .9rem; line-height: 1.5; color: var(--txt-3); } @media (max-width: 900px) { [data-page="conteudo-pit-stops-f1"] .ps-metrics { grid-template-columns: 1fr; } } /* ── LINHA DO TEMPO ─────────────────────────────────────── */ [data-page="conteudo-pit-stops-f1"] .ps-tl { list-style: none; max-width: 1140px; margin: 24px auto 0; position: relative; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 14px; } [data-page="conteudo-pit-stops-f1"] .ps-tl-item { position: relative; display: grid; grid-template-columns: 72px 1fr; gap: 12px; align-items: start; padding: 14px 16px 14px 14px; border-radius: var(--radius-m); background: var(--panel); border: 1px solid var(--edge); } [data-page="conteudo-pit-stops-f1"] .ps-tl-item::before { content: ''; position: absolute; left: 0; top: 14px; bottom: 14px; width: 3px; border-radius: 3px; background: var(--sky); opacity: .55; } [data-page="conteudo-pit-stops-f1"] .ps-tl-item--rule::before { background: var(--amber); opacity: .8; } [data-page="conteudo-pit-stops-f1"] .ps-tl-item--record { border-color: rgba(245, 166, 35, .5); background: linear-gradient(150deg, rgba(245, 166, 35, .1), rgba(255, 255, 255, .02)); } [data-page="conteudo-pit-stops-f1"] .ps-tl-item--record::before { background: var(--amber); opacity: 1; } [data-page="conteudo-pit-stops-f1"] .ps-tl-y { font-family: var(--font-mono); font-size: 1.1rem; font-weight: 700; letter-spacing: -.01em; color: var(--cyan); line-height: 1.2; padding-top: 1px; } [data-page="conteudo-pit-stops-f1"] .ps-tl-item--rule .ps-tl-y, [data-page="conteudo-pit-stops-f1"] .ps-tl-item--record .ps-tl-y { color: var(--amber); } [data-page="conteudo-pit-stops-f1"] .ps-tl-b strong { display: block; font-size: 1rem; font-weight: 800; letter-spacing: -.01em; color: var(--txt-1); line-height: 1.35; } [data-page="conteudo-pit-stops-f1"] .ps-tl-b span { display: block; margin-top: 4px; font-size: .9rem; line-height: 1.5; color: var(--txt-3); } @media (max-width: 800px) { [data-page="conteudo-pit-stops-f1"] .ps-tl { grid-template-columns: 1fr; } } @media (max-width: 420px) { [data-page="conteudo-pit-stops-f1"] .ps-tl-item { grid-template-columns: 1fr; gap: 4px; } } /* ── CADEIA DA PARADA PLANEJADA ─────────────────────────── */ [data-page="conteudo-pit-stops-f1"] .ps-chain { list-style: none; counter-reset: chain; max-width: 1140px; margin: 24px auto 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; } [data-page="conteudo-pit-stops-f1"] .ps-chain-step { counter-increment: chain; position: relative; padding: 22px 16px 18px; border-radius: var(--radius-m); background: var(--panel); border: 1px solid var(--edge); } [data-page="conteudo-pit-stops-f1"] .ps-chain-step::before { content: counter(chain, decimal-leading-zero); position: absolute; top: 8px; left: 12px; font-family: var(--font-mono); font-size: .66rem; font-weight: 700; color: rgba(150, 185, 215, .78); } [data-page="conteudo-pit-stops-f1"] .ps-chain-step:not(:last-child)::after { content: ''; position: absolute; top: 50%; right: -9px; width: 8px; height: 8px; z-index: 1; border-top: 2px solid var(--cyan); border-right: 2px solid var(--cyan); transform: translateY(-50%) rotate(45deg); } [data-page="conteudo-pit-stops-f1"] .ps-chain-step--key { border-color: rgba(245, 166, 35, .45); background: linear-gradient(150deg, rgba(245, 166, 35, .1), rgba(255, 255, 255, .02)); } [data-page="conteudo-pit-stops-f1"] .ps-chain-step strong { display: block; margin-top: 8px; font-size: 1.02rem; font-weight: 800; letter-spacing: -.01em; color: var(--txt-1); } [data-page="conteudo-pit-stops-f1"] .ps-chain-step span { display: block; margin-top: 6px; font-size: .9rem; line-height: 1.5; color: var(--txt-3); } @media (max-width: 980px) { [data-page="conteudo-pit-stops-f1"] .ps-chain { grid-template-columns: repeat(2, 1fr); } [data-page="conteudo-pit-stops-f1"] .ps-chain-step:nth-child(2)::after { display: none; } } @media (max-width: 560px) { [data-page="conteudo-pit-stops-f1"] .ps-chain { grid-template-columns: 1fr; } [data-page="conteudo-pit-stops-f1"] .ps-chain-step::after { display: none !important; } } /* ── NÚMEROS GRANDES (2010 a 2013) ──────────────────────── */ [data-page="conteudo-pit-stops-f1"] .ps-big { list-style: none; max-width: 900px; margin: 24px auto 0; display: grid; gap: 8px; } [data-page="conteudo-pit-stops-f1"] .ps-big-row { display: grid; grid-template-columns: 90px 1fr auto; align-items: baseline; gap: 16px; padding: 12px 20px; border-radius: var(--radius-m); background: var(--panel); border: 1px solid var(--edge); } [data-page="conteudo-pit-stops-f1"] .ps-big-y { font-family: var(--font-mono); font-size: 1rem; font-weight: 700; color: var(--txt-3); } [data-page="conteudo-pit-stops-f1"] .ps-big-v { font-family: var(--font-mono); font-weight: 700; letter-spacing: -.03em; color: var(--txt-1); line-height: 1; font-size: clamp(1.6rem, 4.6vw, 2.6rem); } [data-page="conteudo-pit-stops-f1"] .ps-big-row:nth-child(2) .ps-big-v { font-size: clamp(1.8rem, 5.2vw, 3rem); } [data-page="conteudo-pit-stops-f1"] .ps-big-row:nth-child(3) .ps-big-v { font-size: clamp(2rem, 6vw, 3.4rem); color: var(--sky); } [data-page="conteudo-pit-stops-f1"] .ps-big-row--key { border-color: rgba(245, 166, 35, .45); background: linear-gradient(90deg, rgba(245, 166, 35, .1), rgba(255, 255, 255, .02)); } [data-page="conteudo-pit-stops-f1"] .ps-big-row--key .ps-big-v { font-size: clamp(2.3rem, 7vw, 4rem); color: var(--amber); } [data-page="conteudo-pit-stops-f1"] .ps-big-w { font-size: .92rem; color: var(--txt-3); text-align: right; } @media (max-width: 520px) { [data-page="conteudo-pit-stops-f1"] .ps-big-row { grid-template-columns: 1fr; gap: 4px; } [data-page="conteudo-pit-stops-f1"] .ps-big-w { text-align: left; } } /* ── MAPA DA EQUIPE ─────────────────────────────────────── */ [data-page="conteudo-pit-stops-f1"] .ps-crew { max-width: 1180px; margin: 24px auto 0; display: grid; grid-template-columns: minmax(280px, 400px) 1fr; gap: 14px; align-items: start; } [data-page="conteudo-pit-stops-f1"] .ps-crew-map { margin: 0; padding: 16px; border-radius: var(--radius-l); background: var(--panel); border: 1px solid var(--edge); } [data-page="conteudo-pit-stops-f1"] .ps-crew-map svg { display: block; width: 100%; height: auto; } [data-page="conteudo-pit-stops-f1"] .ps-crew-legend { margin-top: 12px; display: grid; gap: 6px; font-size: .88rem; line-height: 1.4; color: var(--txt-2); } [data-page="conteudo-pit-stops-f1"] .ps-crew-legend span { display: flex; align-items: center; gap: 9px; } [data-page="conteudo-pit-stops-f1"] .ps-dot { display: inline-block; width: 12px; height: 12px; border-radius: 50%; flex: none; } [data-page="conteudo-pit-stops-f1"] .ps-dot--amber { background: var(--amber); } [data-page="conteudo-pit-stops-f1"] .ps-dot--sky { background: var(--sky); } [data-page="conteudo-pit-stops-f1"] .ps-dot--cyan { background: var(--cyan); } [data-page="conteudo-pit-stops-f1"] .ps-dot--ink { background: var(--txt-1); opacity: .85; } [data-page="conteudo-pit-stops-f1"] .ps-crew-table { margin: 0; } [data-page="conteudo-pit-stops-f1"] .ps-crew-table .ps-table { min-width: 520px; } @media (max-width: 900px) { [data-page="conteudo-pit-stops-f1"] .ps-crew { grid-template-columns: 1fr; } [data-page="conteudo-pit-stops-f1"] .ps-crew-map { max-width: 440px; margin-inline: auto; } } /* ── GANTT DA PARADA DE 2,2 s ───────────────────────────── */ [data-page="conteudo-pit-stops-f1"] .ps-gantt { max-width: 1180px; margin: 24px auto 0; padding: clamp(18px, 3vw, 26px); border-radius: var(--radius-l); background: var(--panel); border: 1px solid var(--edge); } [data-page="conteudo-pit-stops-f1"] .ps-gantt-h { font-family: var(--font-mono); font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--sky); } [data-page="conteudo-pit-stops-f1"] .ps-gantt-rows { list-style: none; margin-top: 14px; display: grid; gap: 6px; } [data-page="conteudo-pit-stops-f1"] .ps-gantt-row { display: grid; grid-template-columns: minmax(150px, 230px) 1fr 108px; gap: 12px; align-items: center; } [data-page="conteudo-pit-stops-f1"] .ps-gantt-l { font-size: .92rem; line-height: 1.35; color: var(--txt-2); } [data-page="conteudo-pit-stops-f1"] .ps-gantt-t { display: grid; grid-template-columns: repeat(22, 1fr); height: 22px; border-radius: 6px; background: repeating-linear-gradient(90deg, rgba(56, 189, 248, .14) 0 1px, transparent 1px calc(100% / 22 * 5)); } [data-page="conteudo-pit-stops-f1"] .ps-gantt-bar { display: block; height: 100%; border-radius: 6px; opacity: .9; min-width: 4px; } [data-page="conteudo-pit-stops-f1"] .ps-gantt-bar--amber { background: var(--amber); } [data-page="conteudo-pit-stops-f1"] .ps-gantt-bar--cyan { background: var(--cyan); } [data-page="conteudo-pit-stops-f1"] .ps-gantt-bar--sky { background: var(--sky); } /* Posicao de cada barra na grade de 22 colunas (item 5.23: era style= no HTML). */ [data-page="conteudo-pit-stops-f1"] .ps-gantt-bar.ps-gc-1-5 { grid-column: 1 / 5 !important; } [data-page="conteudo-pit-stops-f1"] .ps-gantt-bar.ps-gc-4-7 { grid-column: 4 / 7 !important; } [data-page="conteudo-pit-stops-f1"] .ps-gantt-bar.ps-gc-7-11 { grid-column: 7 / 11 !important; } [data-page="conteudo-pit-stops-f1"] .ps-gantt-bar.ps-gc-9-13 { grid-column: 9 / 13 !important; } [data-page="conteudo-pit-stops-f1"] .ps-gantt-bar.ps-gc-15-20 { grid-column: 15 / 20 !important; } [data-page="conteudo-pit-stops-f1"] .ps-gantt-bar.ps-gc-20-22 { grid-column: 20 / 22 !important; } [data-page="conteudo-pit-stops-f1"] .ps-gantt-bar.ps-gc-22-23 { grid-column: 22 / 23 !important; } [data-page="conteudo-pit-stops-f1"] .ps-gantt-v { font-family: var(--font-mono); font-size: .78rem; font-weight: 700; color: var(--txt-3); text-align: right; white-space: nowrap; } /* Eixo do Gantt: mesma grade de colunas das linhas, rotulos em k/22 da faixa */ [data-page="conteudo-pit-stops-f1"] .ps-gantt-axis { margin-top: 8px; display: grid; grid-template-columns: minmax(150px, 230px) 1fr 108px; gap: 12px; } [data-page="conteudo-pit-stops-f1"] .ps-gantt-axis-t { position: relative; height: 24px; border-top: 1px solid var(--edge-2); } [data-page="conteudo-pit-stops-f1"] .ps-gantt-axis-t i { position: absolute; top: 6px; transform: translateX(-50%); font-style: normal; white-space: nowrap; font-family: var(--font-mono); font-size: .68rem; font-weight: 700; letter-spacing: .06em; color: var(--txt-3); } [data-page="conteudo-pit-stops-f1"] .ps-gantt-axis-t i:nth-child(1) { left: 0; transform: none; } [data-page="conteudo-pit-stops-f1"] .ps-gantt-axis-t i:nth-child(2) { left: 22.727%; } [data-page="conteudo-pit-stops-f1"] .ps-gantt-axis-t i:nth-child(3) { left: 45.455%; } [data-page="conteudo-pit-stops-f1"] .ps-gantt-axis-t i:nth-child(4) { left: 68.182%; } [data-page="conteudo-pit-stops-f1"] .ps-gantt-axis-t i:nth-child(5) { left: 90.909%; } [data-page="conteudo-pit-stops-f1"] .ps-gantt-axis-t i:nth-child(6) { left: 100%; transform: translateX(-100%); } /* "2,0 s" e "2,2 s" distam so 9% da faixa: abaixo de 1100px fica so o extremo */ @media (max-width: 1100px) { [data-page="conteudo-pit-stops-f1"] .ps-gantt-axis-t i:nth-child(5) { display: none; } } [data-page="conteudo-pit-stops-f1"] .ps-gantt-note { margin-top: 14px; font-size: .88rem; line-height: 1.55; color: var(--txt-3); } [data-page="conteudo-pit-stops-f1"] .ps-gantt-note .art-mono { color: var(--sky); font-size: .62rem; display: block; margin-bottom: 4px; } @media (max-width: 700px) { [data-page="conteudo-pit-stops-f1"] .ps-gantt-row { grid-template-columns: 1fr 88px; gap: 6px 10px; } [data-page="conteudo-pit-stops-f1"] .ps-gantt-l { grid-column: 1 / -1; font-size: .88rem; } [data-page="conteudo-pit-stops-f1"] .ps-gantt-v { font-size: .7rem; } [data-page="conteudo-pit-stops-f1"] .ps-gantt-axis { grid-template-columns: 1fr 88px; gap: 6px 10px; } [data-page="conteudo-pit-stops-f1"] .ps-gantt-axis-l { display: none; } /* Faixa estreita: ficam 0,0 s, 1,0 s e 2,2 s */ [data-page="conteudo-pit-stops-f1"] .ps-gantt-axis-t i:nth-child(2), [data-page="conteudo-pit-stops-f1"] .ps-gantt-axis-t i:nth-child(4) { display: none; } } /* ── FLUXO T-15 (preparação antes da chegada) ───────────── */ [data-page="conteudo-pit-stops-f1"] .art-flow { list-style: none; max-width: 1180px; margin: 24px auto 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; } [data-page="conteudo-pit-stops-f1"] .art-flow-step { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 16px 14px; border-radius: var(--radius-m); background: var(--panel); border: 1px solid var(--edge); /* A base editorial centraliza o passo (fluxo com ícone); aqui o passo tem rótulo de tempo em cima e lê melhor alinhado à esquerda, como nasceu. */ text-align: start; align-items: normal; } [data-page="conteudo-pit-stops-f1"] .ps-flow-step--key { border-color: rgba(245, 166, 35, .45); background: linear-gradient(150deg, rgba(245, 166, 35, .1), rgba(255, 255, 255, .02)); } [data-page="conteudo-pit-stops-f1"] .ps-flow-k { font-family: var(--font-mono); font-size: .64rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--cyan); } [data-page="conteudo-pit-stops-f1"] .ps-flow-step--key .ps-flow-k { color: var(--amber); } [data-page="conteudo-pit-stops-f1"] .art-flow-step strong { font-size: 1rem; font-weight: 800; letter-spacing: -.01em; color: var(--txt-1); line-height: 1.3; } @media (max-width: 1100px) { [data-page="conteudo-pit-stops-f1"] .art-flow { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 640px) { [data-page="conteudo-pit-stops-f1"] .art-flow { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } [data-page="conteudo-pit-stops-f1"] .art-flow-step { overflow-wrap: anywhere; } } @media (max-width: 400px) { [data-page="conteudo-pit-stops-f1"] .art-flow { grid-template-columns: 1fr; } } [data-page="conteudo-pit-stops-f1"] .ps-control--key { border-color: rgba(245, 166, 35, .42); background: linear-gradient(160deg, rgba(245, 166, 35, .09), rgba(255, 255, 255, .02)); } [data-page="conteudo-pit-stops-f1"] .ps-control--key .art-control-ic { background: rgba(245, 166, 35, .12); border-color: rgba(245, 166, 35, .42); color: var(--amber); } /* ── EQUAÇÕES DIDÁTICAS ─────────────────────────────────── */ [data-page="conteudo-pit-stops-f1"] .ps-eq { max-width: 1140px; margin: 24px auto 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; } [data-page="conteudo-pit-stops-f1"] .ps-eq-res { padding: 18px 26px; border-radius: var(--radius-m); border: 1px solid rgba(34, 211, 238, .45); background: linear-gradient(135deg, rgba(34, 211, 238, .14), rgba(255, 255, 255, .02)); font-size: clamp(1.1rem, 2.4vw, 1.4rem); font-weight: 800; letter-spacing: -.02em; color: var(--txt-1); text-align: center; } [data-page="conteudo-pit-stops-f1"] .ps-eq-op { font-family: var(--font-mono); font-size: 1.4rem; font-weight: 700; color: var(--cyan); padding: 0 4px; } [data-page="conteudo-pit-stops-f1"] .ps-eq-op--minus { color: var(--amber); } [data-page="conteudo-pit-stops-f1"] .ps-eq-terms { list-style: none; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; gap: 24px; padding: 12px 18px; border-radius: var(--radius-l); border: 1px dashed var(--edge-2); } [data-page="conteudo-pit-stops-f1"] .ps-eq-terms li { position: relative; min-width: 130px; padding: 14px 16px; border-radius: var(--radius-m); background: var(--panel); border: 1px solid var(--edge-2); text-align: center; font-size: .98rem; font-weight: 700; color: var(--txt-1); display: grid; place-items: center; } [data-page="conteudo-pit-stops-f1"] .ps-eq-terms li:not(:last-child)::after { content: '+'; position: absolute; right: -17px; top: 50%; transform: translateY(-50%); font-family: var(--font-mono); font-size: 1.05rem; font-weight: 700; color: var(--sky); } [data-page="conteudo-pit-stops-f1"] .ps-eq-terms--neg { border-color: rgba(245, 166, 35, .4); } [data-page="conteudo-pit-stops-f1"] .ps-eq-terms--neg li { border-color: rgba(245, 166, 35, .4); } [data-page="conteudo-pit-stops-f1"] .ps-eq-terms--neg li:not(:last-child)::after { color: var(--amber); } [data-page="conteudo-pit-stops-f1"] .ps-eq-neg { padding: 14px 22px; border-radius: var(--radius-m); border: 1px solid rgba(245, 166, 35, .45); background: rgba(245, 166, 35, .08); font-size: .98rem; font-weight: 700; color: var(--txt-1); } [data-page="conteudo-pit-stops-f1"] .ps-eq--wide { max-width: 1180px; } [data-page="conteudo-pit-stops-f1"] .ps-eq--wide .ps-eq-terms li { min-width: 170px; } [data-page="conteudo-pit-stops-f1"] .ps-eq-cap { max-width: 1140px; margin: 10px auto 0; text-align: center; font-size: .86rem; line-height: 1.5; color: var(--txt-3); } [data-page="conteudo-pit-stops-f1"] .ps-eq-cap .art-mono { color: var(--sky); font-size: .62rem; margin-right: 6px; } @media (max-width: 700px) { [data-page="conteudo-pit-stops-f1"] .ps-eq { flex-direction: column; } [data-page="conteudo-pit-stops-f1"] .ps-eq-terms { flex-direction: column; width: 100%; gap: 22px; } [data-page="conteudo-pit-stops-f1"] .ps-eq-terms li { width: 100%; } [data-page="conteudo-pit-stops-f1"] .ps-eq-terms li:not(:last-child)::after { right: auto; left: 50%; top: auto; bottom: -18px; transform: translateX(-50%); } [data-page="conteudo-pit-stops-f1"] .ps-eq-res, [data-page="conteudo-pit-stops-f1"] .ps-eq-neg { width: 100%; text-align: center; } } /* ── CICLO DE MELHORIA ──────────────────────────────────── */ [data-page="conteudo-pit-stops-f1"] .ps-cycle { list-style: none; counter-reset: cyc; max-width: 1140px; margin: 24px auto 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; } [data-page="conteudo-pit-stops-f1"] .ps-cycle-step { counter-increment: cyc; position: relative; padding: 22px 14px 16px; border-radius: var(--radius-m); background: var(--panel); border: 1px solid var(--edge); text-align: center; } [data-page="conteudo-pit-stops-f1"] .ps-cycle-step::before { content: counter(cyc, decimal-leading-zero); position: absolute; top: 8px; left: 12px; font-family: var(--font-mono); font-size: .66rem; font-weight: 700; color: rgba(150, 185, 215, .78); } [data-page="conteudo-pit-stops-f1"] .ps-cycle-step:not(:last-child)::after { content: ''; position: absolute; top: 50%; right: -9px; width: 8px; height: 8px; z-index: 1; border-top: 2px solid var(--cyan); border-right: 2px solid var(--cyan); transform: translateY(-50%) rotate(45deg); } [data-page="conteudo-pit-stops-f1"] .ps-cycle-step--key { border-color: rgba(245, 166, 35, .45); background: linear-gradient(150deg, rgba(245, 166, 35, .1), rgba(255, 255, 255, .02)); } [data-page="conteudo-pit-stops-f1"] .ps-cycle-step strong { display: block; font-size: 1.04rem; font-weight: 800; letter-spacing: -.01em; color: var(--txt-1); } [data-page="conteudo-pit-stops-f1"] .ps-cycle-step span { display: block; margin-top: 6px; font-size: .88rem; line-height: 1.45; color: var(--txt-3); } @media (max-width: 1000px) { [data-page="conteudo-pit-stops-f1"] .ps-cycle { grid-template-columns: repeat(3, 1fr); } [data-page="conteudo-pit-stops-f1"] .ps-cycle-step:nth-child(3)::after { display: none; } } @media (max-width: 600px) { [data-page="conteudo-pit-stops-f1"] .ps-cycle { grid-template-columns: 1fr 1fr; } [data-page="conteudo-pit-stops-f1"] .ps-cycle-step::after { display: none !important; } } /* ── GRÁFICO: MENOR TEMPO POR TEMPORADA ─────────────────── */ [data-page="conteudo-pit-stops-f1"] .ps-chart { max-width: 1140px; margin: 24px auto 0; padding: clamp(18px, 3vw, 26px); border-radius: var(--radius-l); background: var(--panel); border: 1px solid var(--edge); } [data-page="conteudo-pit-stops-f1"] .ps-chart-h { font-family: var(--font-mono); font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--sky); } [data-page="conteudo-pit-stops-f1"] .ps-chart-vp { position: relative; margin-top: 12px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-color: rgba(56, 189, 248, .5) transparent; } [data-page="conteudo-pit-stops-f1"] .ps-chart-hint { display: none; margin-top: 8px; font-family: var(--font-mono); font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; color: var(--txt-3); } [data-page="conteudo-pit-stops-f1"] .ps-chart-svg { display: block; width: 100%; height: auto; overflow: visible; } [data-page="conteudo-pit-stops-f1"] .ps-chart-grid line { stroke: rgba(120, 175, 225, .18); stroke-width: 1; } [data-page="conteudo-pit-stops-f1"] .ps-chart-ylab text, [data-page="conteudo-pit-stops-f1"] .ps-chart-xlab text { font-family: var(--font-mono); font-size: 13px; fill: rgba(200, 216, 228, .7); } [data-page="conteudo-pit-stops-f1"] .ps-chart-ylab text { text-anchor: end; } [data-page="conteudo-pit-stops-f1"] .ps-chart-xlab text { text-anchor: middle; } [data-page="conteudo-pit-stops-f1"] .ps-chart-record { stroke: var(--amber); stroke-width: 1; stroke-dasharray: 4 6; opacity: .55; } [data-page="conteudo-pit-stops-f1"] .ps-chart-line { fill: none; stroke: var(--cyan); stroke-width: 2.4; stroke-linejoin: round; stroke-linecap: round; } [data-page="conteudo-pit-stops-f1"] .ps-pt { fill: var(--cyan); stroke: #071018; stroke-width: 2; cursor: pointer; outline: none; } [data-page="conteudo-pit-stops-f1"] .ps-pt:hover, [data-page="conteudo-pit-stops-f1"] .ps-pt:focus-visible { r: 9; stroke: var(--txt-1); } [data-page="conteudo-pit-stops-f1"] .ps-pt--record { fill: var(--amber); } [data-page="conteudo-pit-stops-f1"] .ps-chart-dl text { font-family: var(--font-mono); font-size: 13px; font-weight: 700; fill: var(--txt-1); text-anchor: middle; } [data-page="conteudo-pit-stops-f1"] .ps-chart-dl--record { fill: var(--amber); } [data-page="conteudo-pit-stops-f1"] .ps-tip { position: absolute; transform: translate(-50%, calc(-100% - 14px)); pointer-events: none; z-index: 2; padding: 7px 11px; border-radius: 8px; max-width: min(280px, 80vw); text-align: center; line-height: 1.35; background: rgba(5, 10, 21, .95); border: 1px solid rgba(34, 211, 238, .45); color: var(--txt-1); font-family: var(--font-mono); font-size: .78rem; font-weight: 700; box-shadow: 0 8px 24px rgba(0, 0, 0, .4); } [data-page="conteudo-pit-stops-f1"] .ps-chart-cap { margin-top: 12px; font-size: .88rem; line-height: 1.55; color: var(--txt-3); } [data-page="conteudo-pit-stops-f1"] .ps-chart-data { margin-top: 12px; } [data-page="conteudo-pit-stops-f1"] .ps-chart-data > summary { display: inline-flex; align-items: center; min-height: 44px; cursor: pointer; color: var(--cyan); list-style: none; } [data-page="conteudo-pit-stops-f1"] .ps-chart-data > summary::-webkit-details-marker { display: none; } [data-page="conteudo-pit-stops-f1"] .ps-chart-data > summary::after { content: '+'; content: '+' / ''; margin-left: 10px; font-family: var(--font-mono); font-size: 1.1rem; line-height: 1; } [data-page="conteudo-pit-stops-f1"] .ps-chart-data[open] > summary::after { content: '−'; content: '−' / ''; } [data-page="conteudo-pit-stops-f1"] .ps-chart-data .ps-table-wrap { margin-top: 8px; } /* Celular: o SVG nunca encolhe abaixo de 720px (rola dentro do quadro), para que rotulos e pontos fiquem legiveis e tocaveis */ @media (max-width: 760px) { [data-page="conteudo-pit-stops-f1"] .ps-chart-svg { min-width: 720px; } [data-page="conteudo-pit-stops-f1"] .ps-chart-ylab text, [data-page="conteudo-pit-stops-f1"] .ps-chart-xlab text { font-size: 18px; } [data-page="conteudo-pit-stops-f1"] .ps-chart-dl text { font-size: 18px; } [data-page="conteudo-pit-stops-f1"] .ps-pt { r: 9; } [data-page="conteudo-pit-stops-f1"] .ps-pt--record { r: 11; } [data-page="conteudo-pit-stops-f1"] .ps-pt:hover, [data-page="conteudo-pit-stops-f1"] .ps-pt:focus-visible { r: 12; } [data-page="conteudo-pit-stops-f1"] .ps-chart-hint { display: block; } } /* ── LIDERANÇA POR FASE ─────────────────────────────────── */ [data-page="conteudo-pit-stops-f1"] .ps-lead { max-width: 1140px; margin: 24px auto 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; } [data-page="conteudo-pit-stops-f1"] .ps-lead-i { padding: 14px 16px; border-radius: var(--radius-m); background: var(--panel); border: 1px solid var(--edge); border-top: 3px solid rgba(34, 211, 238, .5); } [data-page="conteudo-pit-stops-f1"] .ps-lead-i dt { font-family: var(--font-mono); font-size: .7rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--cyan); } [data-page="conteudo-pit-stops-f1"] .ps-lead-i dd { margin-top: 6px; font-size: 1.02rem; font-weight: 800; letter-spacing: -.01em; color: var(--txt-1); } /* ── MELHORES PRÁTICAS ──────────────────────────────────── */ [data-page="conteudo-pit-stops-f1"] .ps-practices { list-style: none; max-width: 1140px; margin: 24px auto 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 10px; } [data-page="conteudo-pit-stops-f1"] .ps-practices li { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: var(--radius-m); background: var(--panel); border: 1px solid var(--edge); font-size: .98rem; font-weight: 600; color: var(--txt-1); line-height: 1.4; } [data-page="conteudo-pit-stops-f1"] .ps-practices li::before { content: ''; flex: none; width: 10px; height: 10px; border-radius: 2px; transform: rotate(45deg); background: var(--cyan); } [data-page="conteudo-pit-stops-f1"] .ps-practices li:last-child { border-color: rgba(245, 166, 35, .45); } [data-page="conteudo-pit-stops-f1"] .ps-practices li:last-child::before { background: var(--amber); } /* ── INCIDENTES ─────────────────────────────────────────── */ [data-page="conteudo-pit-stops-f1"] .ps-incidents { list-style: none; max-width: 1140px; margin: 24px auto 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; } [data-page="conteudo-pit-stops-f1"] .ps-incident { position: relative; display: grid; grid-template-columns: 64px 1fr; gap: 14px; padding: 18px 18px 18px 16px; border-radius: var(--radius-m); background: var(--panel); border: 1px solid var(--edge); } [data-page="conteudo-pit-stops-f1"] .ps-incident::before { content: ''; position: absolute; left: 0; top: 16px; bottom: 16px; width: 3px; border-radius: 3px; background: var(--amber); opacity: .85; } [data-page="conteudo-pit-stops-f1"] .ps-incident-y { font-family: var(--font-mono); font-size: 1.1rem; font-weight: 700; color: var(--amber); line-height: 1.2; padding-top: 2px; } [data-page="conteudo-pit-stops-f1"] .ps-incident h3 { font-size: 1.06rem; font-weight: 800; letter-spacing: -.01em; color: var(--txt-1); line-height: 1.3; } [data-page="conteudo-pit-stops-f1"] .ps-incident-b p { margin-top: 8px; font-size: .92rem; line-height: 1.55; color: var(--txt-3); } [data-page="conteudo-pit-stops-f1"] .ps-incident-b p b { color: var(--txt-2); font-weight: 700; } [data-page="conteudo-pit-stops-f1"] .ps-incident-l { padding-top: 8px; border-top: 1px solid var(--edge); color: var(--txt-2) !important; } [data-page="conteudo-pit-stops-f1"] .ps-incident-l b { color: var(--amber) !important; } @media (max-width: 860px) { [data-page="conteudo-pit-stops-f1"] .ps-incidents { grid-template-columns: 1fr; } } @media (max-width: 400px) { [data-page="conteudo-pit-stops-f1"] .ps-incident { grid-template-columns: 1fr; gap: 6px; } } /* ── PONTE F1 × CONSTRUÇÃO ──────────────────────────────── */ [data-page="conteudo-pit-stops-f1"] .ps-bridge { max-width: 1040px; margin: 24px auto 0; border-radius: var(--radius-l); overflow: hidden; border: 1px solid var(--edge-2); background: var(--panel); } [data-page="conteudo-pit-stops-f1"] .ps-bridge-h { display: grid; grid-template-columns: 1fr 44px 1fr; align-items: center; padding: 14px 20px; background: rgba(56, 189, 248, .08); border-bottom: 1px solid var(--edge-2); font-family: var(--font-mono); font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; } [data-page="conteudo-pit-stops-f1"] .ps-bridge-f1 { color: var(--amber); } [data-page="conteudo-pit-stops-f1"] .ps-bridge-cc { color: var(--cyan); text-align: right; } [data-page="conteudo-pit-stops-f1"] .ps-bridge-list { display: grid; } [data-page="conteudo-pit-stops-f1"] .ps-bridge-row { display: grid; grid-template-columns: 1fr 44px 1fr; align-items: center; padding: 12px 20px; border-top: 1px solid var(--edge); } [data-page="conteudo-pit-stops-f1"] .ps-bridge-row:first-child { border-top: 0; } [data-page="conteudo-pit-stops-f1"] .ps-bridge-row dt { grid-column: 1; grid-row: 1; font-size: .98rem; font-weight: 700; color: var(--txt-1); text-align: left; } [data-page="conteudo-pit-stops-f1"] .ps-bridge-row dd { grid-column: 3; grid-row: 1; font-size: .98rem; font-weight: 700; color: var(--txt-1); text-align: right; } [data-page="conteudo-pit-stops-f1"] .ps-bridge-row::before { content: ''; grid-column: 2; grid-row: 1; justify-self: center; width: 22px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, var(--amber), var(--cyan)); } @media (max-width: 560px) { [data-page="conteudo-pit-stops-f1"] .ps-bridge-h, [data-page="conteudo-pit-stops-f1"] .ps-bridge-row { grid-template-columns: 1fr 28px 1fr; padding-inline: 14px; } [data-page="conteudo-pit-stops-f1"] .ps-bridge-row dt, [data-page="conteudo-pit-stops-f1"] .ps-bridge-row dd { font-size: .88rem; } [data-page="conteudo-pit-stops-f1"] .ps-bridge-row::before { width: 14px; } } /* ── ESCADA DE MATURIDADE ───────────────────────────────── */ [data-page="conteudo-pit-stops-f1"] .ps-stairs { list-style: none; max-width: 1140px; margin: 24px auto 0; display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; align-items: end; } [data-page="conteudo-pit-stops-f1"] .ps-stair { display: flex; align-items: flex-start; justify-content: center; padding: 12px 8px; border-radius: var(--radius-s) var(--radius-s) 0 0; background: var(--panel); border: 1px solid var(--edge); border-bottom: 3px solid var(--sky); text-align: center; font-size: .9rem; font-weight: 700; color: var(--txt-1); line-height: 1.3; } [data-page="conteudo-pit-stops-f1"] .ps-stair:nth-child(1) { min-height: 64px; opacity: .8; } [data-page="conteudo-pit-stops-f1"] .ps-stair:nth-child(2) { min-height: 88px; } [data-page="conteudo-pit-stops-f1"] .ps-stair:nth-child(3) { min-height: 112px; } [data-page="conteudo-pit-stops-f1"] .ps-stair:nth-child(4) { min-height: 136px; } [data-page="conteudo-pit-stops-f1"] .ps-stair:nth-child(5) { min-height: 160px; } [data-page="conteudo-pit-stops-f1"] .ps-stair:nth-child(6) { min-height: 184px; } [data-page="conteudo-pit-stops-f1"] .ps-stair--top { min-height: 208px; border-color: rgba(245, 166, 35, .45); border-bottom-color: var(--amber); background: linear-gradient(180deg, rgba(245, 166, 35, .12), rgba(255, 255, 255, .02)); } @media (max-width: 760px) { [data-page="conteudo-pit-stops-f1"] .ps-stairs { grid-template-columns: 1fr; align-items: stretch; gap: 8px; } [data-page="conteudo-pit-stops-f1"] .ps-stair { min-height: 0 !important; justify-content: flex-start; padding: 12px 16px; border-radius: var(--radius-s); border-bottom-width: 1px; border-left: 3px solid var(--sky); text-align: left; } [data-page="conteudo-pit-stops-f1"] .ps-stair--top { border-left-color: var(--amber); } } /* ── SÍNTESE FINAL ──────────────────────────────────────── */ [data-page="conteudo-pit-stops-f1"] .ps-sum { max-width: 1140px; margin: 24px auto 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px; } [data-page="conteudo-pit-stops-f1"] .ps-sum-terms { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; } [data-page="conteudo-pit-stops-f1"] .ps-sum-terms li { padding: 9px 14px; border-radius: 999px; background: var(--panel); border: 1px solid var(--edge-2); font-size: .92rem; font-weight: 700; color: var(--txt-1); } [data-page="conteudo-pit-stops-f1"] .ps-sum-terms--res li { border-color: rgba(34, 211, 238, .45); background: rgba(34, 211, 238, .08); } [data-page="conteudo-pit-stops-f1"] .ps-sum-eq { font-family: var(--font-mono); font-size: 1.4rem; font-weight: 700; color: var(--cyan); } [data-page="conteudo-pit-stops-f1"] .art-final-a { margin-top: 18px; display: inline-block; padding: 12px 22px; border-radius: 16px; font-family: var(--font-mono); font-size: clamp(.86rem, 1.7vw, .98rem); font-weight: 700; letter-spacing: .02em; line-height: 1.5; color: var(--cyan); background: rgba(34, 211, 238, .1); border: 1px solid rgba(34, 211, 238, .4); text-wrap: pretty; } /* ── REFERÊNCIAS ────────────────────────────────────────── */ [data-page="conteudo-pit-stops-f1"] .ps-refs { margin-top: 16px; padding-left: 22px; } [data-page="conteudo-pit-stops-f1"] .ps-refs li { font-size: 1rem; line-height: 1.6; color: var(--txt-2); margin-top: 8px; } [data-page="conteudo-pit-stops-f1"] .ps-refs li::marker { font-family: var(--font-mono); color: var(--cyan); } [data-page="conteudo-pit-stops-f1"] .ps-refs a { color: var(--sky); text-decoration: underline; text-underline-offset: 3px; word-break: break-word; } [data-page="conteudo-pit-stops-f1"] .ps-refs a:hover { color: var(--cyan); } /* ── FOCO VISÍVEL ───────────────────────────────────────── */ [data-page="conteudo-pit-stops-f1"] .art-btn:focus-visible, [data-page="conteudo-pit-stops-f1"] .art-toc-list a:focus-visible, [data-page="conteudo-pit-stops-f1"] .art-toc-box > summary:focus-visible, [data-page="conteudo-pit-stops-f1"] .ps-chart-data > summary:focus-visible, [data-page="conteudo-pit-stops-f1"] .art-rel-card h3 a:focus-visible, [data-page="conteudo-pit-stops-f1"] .art-author-link:focus-visible, [data-page="conteudo-pit-stops-f1"] .ps-refs a:focus-visible, [data-page="conteudo-pit-stops-f1"] .art-crumb a:focus-visible, [data-page="conteudo-pit-stops-f1"] .ps-table-wrap:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; border-radius: 6px; } @media (max-width: 400px) { [data-page="conteudo-pit-stops-f1"] .ps-span { display: grid; grid-template-columns: 1fr; gap: 8px; } [data-page="conteudo-pit-stops-f1"] .art-meta { grid-template-columns: 1fr; } [data-page="conteudo-pit-stops-f1"] .ps-span-line { display: none; } } /* ── IMPRESSÃO E SALVAR COMO PDF ────────────────────────── */ @media print { [data-page="conteudo-pit-stops-f1"] .ps-chart-data > summary::after, [data-page="conteudo-pit-stops-f1"] .ps-tip { display: none !important; } /* Barras do Gantt e pontos do mapa precisam continuar visíveis no papel */ [data-page="conteudo-pit-stops-f1"] .ps-gantt-bar, [data-page="conteudo-pit-stops-f1"] .ps-dot, [data-page="conteudo-pit-stops-f1"] .ps-practices li::before, [data-page="conteudo-pit-stops-f1"] .ps-bridge-row::before { background: #555 !important; } [data-page="conteudo-pit-stops-f1"] .ps-metric-k, [data-page="conteudo-pit-stops-f1"] .ps-flow-k { color: #555 !important; } [data-page="conteudo-pit-stops-f1"] .ps-big-v { font-size: 20pt !important; } [data-page="conteudo-pit-stops-f1"] .ps-table-wrap { max-width: 100% !important; } [data-page="conteudo-pit-stops-f1"] .ps-table-wrap { overflow: visible !important; } [data-page="conteudo-pit-stops-f1"] .ps-table { min-width: 0 !important; } [data-page="conteudo-pit-stops-f1"] .ps-tl, [data-page="conteudo-pit-stops-f1"] .ps-incidents { grid-template-columns: repeat(2, 1fr) !important; } [data-page="conteudo-pit-stops-f1"] .ps-chain, [data-page="conteudo-pit-stops-f1"] .ps-cycle { grid-template-columns: repeat(2, 1fr) !important; } [data-page="conteudo-pit-stops-f1"] .ps-chain-step::after, [data-page="conteudo-pit-stops-f1"] .ps-cycle-step::after { display: none !important; } [data-page="conteudo-pit-stops-f1"] .ps-stairs { grid-template-columns: repeat(7, 1fr) !important; } [data-page="conteudo-pit-stops-f1"] .ps-metric, [data-page="conteudo-pit-stops-f1"] .ps-tl-item, [data-page="conteudo-pit-stops-f1"] .ps-chain-step, [data-page="conteudo-pit-stops-f1"] .ps-big, [data-page="conteudo-pit-stops-f1"] .ps-crew-map, [data-page="conteudo-pit-stops-f1"] .ps-gantt, [data-page="conteudo-pit-stops-f1"] .ps-eq, [data-page="conteudo-pit-stops-f1"] .ps-cycle-step, [data-page="conteudo-pit-stops-f1"] .ps-chart, [data-page="conteudo-pit-stops-f1"] .ps-lead-i, [data-page="conteudo-pit-stops-f1"] .ps-incident, [data-page="conteudo-pit-stops-f1"] .ps-bridge, [data-page="conteudo-pit-stops-f1"] .ps-stairs, [data-page="conteudo-pit-stops-f1"] .ps-sum { break-inside: avoid; page-break-inside: avoid; } /* SVGs usam fill/stroke, que a regra de cor acima nao alcanca */ [data-page="conteudo-pit-stops-f1"] .ps-chart-svg text { fill: #333 !important; } [data-page="conteudo-pit-stops-f1"] .ps-chart-line { stroke: #333 !important; } [data-page="conteudo-pit-stops-f1"] .ps-chart-grid line { stroke: #bbb !important; } [data-page="conteudo-pit-stops-f1"] .ps-chart-record { stroke: #888 !important; } [data-page="conteudo-pit-stops-f1"] .ps-pt { fill: #555 !important; stroke: #fff !important; } [data-page="conteudo-pit-stops-f1"] .ps-pt--record { fill: #000 !important; } [data-page="conteudo-pit-stops-f1"] .ps-crew-map svg circle { fill: #555 !important; } [data-page="conteudo-pit-stops-f1"] .ps-crew-map svg rect, [data-page="conteudo-pit-stops-f1"] .ps-crew-map svg path, [data-page="conteudo-pit-stops-f1"] .ps-crew-map svg ellipse, [data-page="conteudo-pit-stops-f1"] .ps-crew-map svg line { stroke: #333 !important; fill: #fff !important; } [data-page="conteudo-pit-stops-f1"] .ps-crew-map svg rect[fill="none"] { fill: none !important; } [data-page="conteudo-pit-stops-f1"] .ps-chart-hint { display: none !important; } [data-page="conteudo-pit-stops-f1"] .ps-chart-vp { overflow: visible !important; } [data-page="conteudo-pit-stops-f1"] .ps-chart-svg { min-width: 0 !important; } }