main > section code { white-space: normal; }
main > section table { font-size: 12px; }
main > section th, main > section td { vertical-align: top; }
.quadro-mercado { margin: 22px 0 26px; border: 1px solid var(--tinta); break-inside: avoid; }
.quadro-cabecalho, .quadro-rodape { display: flex; justify-content: space-between; gap: 10px; padding: 10px 13px; font: 10px/1.4 'Courier New', monospace; }
.quadro-cabecalho { border-bottom: 1px solid var(--tinta); }
.empresa-grao { display: flex; align-items: center; gap: 13px; padding: 14px 16px; border-bottom: 1px solid var(--tinta); }
.empresa-grao img { width: 54px; height: 54px; object-fit: contain; filter: grayscale(1); }
.empresa-grao div { display: flex; flex-direction: column; }
.empresa-grao small, .spa-nivel small, .spa-ganho strong, .spa-conta small { font: bold 10px 'Courier New', monospace; }
.empresa-grao strong { font: bold 22px Georgia, serif; }
.empresa-grao span { font-size: 12px; }
.spa-comparacao { display: grid; grid-template-columns: 1fr 32px 1fr; gap: 8px; align-items: stretch; padding: 13px 16px; background: #f1efea; }
.spa-nivel { display: flex; flex-direction: column; gap: 4px; padding: 10px 12px; border: 1px solid var(--tinta); background: white; }
.spa-nivel strong { font: bold 23px Georgia, serif; }
.spa-nivel span { font-size: 13px; }
.spa-seta { align-self: center; text-align: center; font: 23px Georgia, serif; }
.spa-ganho { display: flex; justify-content: space-between; gap: 12px; padding: 10px 16px; border-top: 1px solid var(--tinta); border-bottom: 1px solid var(--tinta); background: #dedbd4; }
.spa-ganho span { font: bold 12px 'Courier New', monospace; }
.spa-conta { display: grid; grid-template-columns: 1fr 1fr; }
.spa-conta div { display: flex; flex-direction: column; gap: 5px; padding: 12px 16px; border-bottom: 1px solid var(--linha); }
.spa-conta div:nth-child(odd) { border-right: 1px solid var(--linha); }
.spa-conta div:nth-last-child(-n+2) { border-bottom: 0; }
.spa-conta small { display: flex; align-items: center; gap: 5px; }
.spa-conta small img { width: 17px; height: 17px; object-fit: contain; filter: grayscale(1); }
.spa-conta strong { font: bold 18px Georgia, serif; }
.quadro-mercado figcaption { border-top: 1px solid var(--tinta); padding: 9px 13px; font: 10px/1.45 'Courier New', monospace; }
.quadro-rodape { align-items: center; border-top: 1px solid var(--tinta); }
.quadro-rodape button { flex: none; border: 1px solid var(--tinta); background: var(--folha); color: var(--tinta); padding: 5px 8px; font: bold 10px 'Courier New', monospace; cursor: pointer; }
.quadro-rodape button:disabled { opacity: .5; cursor: wait; }
.comparacao-expansao { margin: 18px 0 23px; border: 1px solid var(--tinta); }
.comparacao-metas { display: grid; grid-template-columns: repeat(3, 1fr); }
.comparacao-metas > div { display: flex; flex-direction: column; gap: 4px; padding: 12px; border-right: 1px solid var(--linha); }
.comparacao-metas > div:last-child { border-right: 0; }
.comparacao-metas small { font: bold 10px 'Courier New', monospace; }
.comparacao-metas strong { font: bold 18px Georgia, serif; }
.comparacao-metas span { font-size: 11px; line-height: 1.3; }
.comparacao-metas img { width: 15px; height: 15px; vertical-align: middle; filter: grayscale(1); }
.comparacao-expansao table { width: 100%; margin: 0; border-left: 0; border-right: 0; font-size: 11px; }
.comparacao-expansao caption { padding: 8px 10px; border-top: 1px solid var(--tinta); text-align: left; font: bold 11px 'Courier New', monospace; }
.comparacao-expansao th, .comparacao-expansao td { padding: 5px 7px; }
.comparacao-expansao th:not(:first-child), .comparacao-expansao td:not(:first-child) { text-align: right; }
.comparacao-expansao tbody tr:last-child { background: #e6e2da; font-weight: bold; }
.comparacao-conclusao { margin: 0 !important; padding: 9px 12px; border-top: 1px solid var(--tinta); font-size: 11px; line-height: 1.35; }
@media (max-width: 720px) { .quadro-cabecalho { flex-wrap: wrap; } .spa-comparacao { grid-template-columns: 1fr; } .spa-seta { transform: rotate(90deg); } .spa-ganho { flex-direction: column; gap: 3px; } .spa-conta { grid-template-columns: 1fr; } .spa-conta div { border-right: 0 !important; border-bottom: 1px solid var(--linha) !important; } .spa-conta div:last-child { border-bottom: 0 !important; } }
@media (max-width: 720px) { .comparacao-metas { grid-template-columns: 1fr; } .comparacao-metas > div { border-right: 0; border-bottom: 1px solid var(--linha); } }
main > section[aria-labelledby="quanto-tempo-para-recuperar-320-de-aco"] th:last-child,
main > section[aria-labelledby="quanto-tempo-para-recuperar-320-de-aco"] td:last-child,
main > section[aria-labelledby="o-gargalo-muda-a-resposta"] th:not(:first-child),
main > section[aria-labelledby="o-gargalo-muda-a-resposta"] td:not(:first-child),
main > section[aria-labelledby="nova-empresa-ou-mais-um-nivel-de-spa"] th:nth-child(2),
main > section[aria-labelledby="nova-empresa-ou-mais-um-nivel-de-spa"] td:nth-child(2),
main > section[aria-labelledby="nova-empresa-ou-mais-um-nivel-de-spa"] th:nth-child(3),
main > section[aria-labelledby="nova-empresa-ou-mais-um-nivel-de-spa"] td:nth-child(3) { text-align: right; }
@media print { main > section { break-inside: auto; padding: 20px 0 16px; margin-top: 28px; } main > section h2 { break-after: avoid; } tr { break-inside: avoid; } .tabela-rolagem { overflow: visible; } .quadro-rodape { display: none; } .comparacao-expansao th, .comparacao-expansao td { padding: 3px 6px; } .comparacao-metas > div { padding: 8px 10px; } .comparacao-expansao caption { padding: 6px 10px; } #fontes-e-limites li { margin: 2px 0; font-size: 11px; line-height: 1.3; } }