/* Gabster · /orion — gerado em 2026-10-30 do canvas "Orion — página de produto".
   Escopo: main.pg[data-produto="orion"]. Cabeçalho e rodapé vêm do site (site.js / site.css).
   Cores iguais às de styles.css viraram var(--paper), var(--ink), var(--mint)… */
/* Identidade Orion (gabster.com.br/orion): papel quente, abissal, menta-orion #0D9488, lima, terracota, azul de interface */
main.pg[data-produto="orion"] {
  --display: "Redaction", Georgia, "Times New Roman", serif;
  --sans: "PP Mori", Inter, system-ui, sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --orion: #0D9488;
  --lima: #F9FF3E;
  --terracota: #C2400C;
  --azul: #2563EB;
  --ambar: #D97706;
  font-family: var(--sans);
  font-size: 16px;
  line-height: 25.6px;
  color: #1A1C24;
  background: #F5F2EA;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
main.pg[data-produto="orion"] * { box-sizing: border-box; }

main.pg[data-produto="orion"] .claro, main.pg[data-produto="orion"] .bege, main.pg[data-produto="orion"] .form {
  --sup: #F5F2EA; --sup-bege: #E8E4DA; --sup-elev: #FEFEFE;
  --tinta: #1A1C24; --tinta-corpo: #46474F; --tinta-suave: #5A6270; --sobre-cor: var(--ink); --olho: #9DA3A3;
  --destaque: #0D9488; --selecao: #DAEEEC; --ladrilho: #E8E4DA; --linha: #D9D4C7; --linha-forte: #CFC9BA;
  --borda-controle: #8C877B; --foco: #0D9488;
  --cta-fundo: var(--ink); --cta-texto: #F0F4F5; --cta-ativo: #0F1D25;
  --sombra-1: 0 1px 2px rgba(25,45,56,.06), 0 1px 1px rgba(25,45,56,.04);
  --sombra-2: 0 10px 30px -12px rgba(25,45,56,.22);
  --sombra-3: 0 30px 60px -24px rgba(25,45,56,.30);
}
main.pg[data-produto="orion"] .bege { --sup: #E8E4DA; --linha: #CFC9BA; --ladrilho: #F5F2EA; }
main.pg[data-produto="orion"] .abissal {
  --sup: var(--ink); --sup-bege: #13242D; --sup-elev: #111F27;
  --tinta: #F0F4F5; --tinta-corpo: #F0F4F5; --tinta-suave: #B3BEC3; --sobre-cor: #F0F4F5; --olho: #6F7D84;
  --destaque: #F9FF3E; --selecao: #1F4A4A; --ladrilho: #24404D; --linha: #30424C; --linha-forte: #3A4E58;
  --borda-controle: #7D8E96; --foco: #F9FF3E;
  --cta-fundo: #F0F4F5; --cta-texto: var(--ink); --cta-ativo: #FEFEFE;
  --sombra-1: none; --sombra-2: 0 10px 30px -12px rgba(0,0,0,.5); --sombra-3: 0 30px 60px -24px rgba(0,0,0,.6);
}

main.pg[data-produto="orion"] .sec { position: relative; background: var(--sup); color: var(--tinta); padding: 128px 0; }
main.pg[data-produto="orion"] .malha { background-color: #F5F2EA; background-image: linear-gradient(#EAE7E0 1px, transparent 1px), linear-gradient(90deg, #EAE7E0 1px, transparent 1px); background-size: 44px 44px; }
main.pg[data-produto="orion"] .wrap { max-width: 1328px; margin: 0 auto; padding: 0 64px; }
main.pg[data-produto="orion"] .cab { max-width: 760px; }

main.pg[data-produto="orion"] .sobre { margin: 0 0 24px; font-size: 11px; line-height: 16px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--sobre-cor); }
main.pg[data-produto="orion"] .cab > .sobre::before, main.pg[data-produto="orion"] .split > div > .sobre::before { content: ""; display: inline-block; width: 24px; height: 1px; margin-right: 12px; vertical-align: middle; background: var(--olho); }
main.pg[data-produto="orion"] .h1 { margin: 0; font-family: var(--display); font-weight: 400; font-size: clamp(44px, 5vw, 66px); line-height: 1.05; letter-spacing: -.03em; color: var(--tinta); text-wrap: balance; hyphens: manual; }
main.pg[data-produto="orion"] .h2 { margin: 0; font-family: var(--display); font-weight: 400; font-size: 48px; line-height: 1.1; letter-spacing: -.02em; color: var(--tinta); text-wrap: balance; hyphens: manual; }
main.pg[data-produto="orion"] .suave { color: var(--tinta-suave); }
main.pg[data-produto="orion"] .lead { margin: 28px 0 0; font-size: 22px; line-height: 1.3; color: var(--tinta-suave); max-width: 600px; }
main.pg[data-produto="orion"] .intro { margin: 24px 0 0; font-size: 18px; line-height: 28.8px; color: var(--tinta-corpo); max-width: 680px; }
main.pg[data-produto="orion"] .detalhe { margin: 0; font-size: 14px; line-height: 22.4px; color: var(--tinta-suave); }
main.pg[data-produto="orion"] .mono { font-family: var(--mono); font-size: 12px; line-height: 16px; color: var(--tinta-suave); letter-spacing: 0; text-transform: none; }
main.pg[data-produto="orion"] .tc { margin: 0; font-family: var(--display); font-size: 20px; line-height: 30px; font-weight: 400; letter-spacing: -.02em; color: var(--tinta); }
main.pg[data-produto="orion"] .seta::before { content: "→\00a0"; }

main.pg[data-produto="orion"] .acoes { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 28px; margin-top: 40px; }
main.pg[data-produto="orion"] .btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; padding: 0 20px; border-radius: 8px; border: 1px solid transparent; font-family: var(--sans); font-size: 14px; line-height: 20px; font-weight: 600; text-decoration: none; cursor: pointer; transition: background-color .15s ease, box-shadow .15s ease; }
main.pg[data-produto="orion"] .btn-p { background: var(--cta-fundo); color: var(--cta-texto); }
main.pg[data-produto="orion"] .btn-p:hover { background: var(--cta-ativo); color: var(--cta-texto); }
main.pg[data-produto="orion"] .btn-s { background: transparent; color: var(--tinta); border-color: var(--linha-forte); }
main.pg[data-produto="orion"] .btn-s:hover { color: var(--tinta); border-color: var(--borda-controle); }
main.pg[data-produto="orion"] .lnk { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--tinta); font-size: 14px; line-height: 20px; font-weight: 600; text-decoration: none; }
main.pg[data-produto="orion"] .lnk:hover { color: var(--tinta); text-decoration: underline; text-underline-offset: 6px; }
main.pg[data-produto="orion"] .btn .ic, main.pg[data-produto="orion"] .lnk .ic { width: 16px; height: 16px; }
main.pg[data-produto="orion"] .btn-mini { display: inline-flex; align-items: center; gap: 8px; min-height: 32px; padding: 4px 12px; border-radius: 999px; border: 1px solid var(--linha); background: var(--sup-elev); color: var(--tinta); font-family: var(--sans); font-size: 12px; line-height: 16px; font-weight: 500; cursor: pointer; }
main.pg[data-produto="orion"] .btn-mini .ic { width: 14px; height: 14px; }
main.pg[data-produto="orion"] a:focus-visible, main.pg[data-produto="orion"] button:focus-visible, main.pg[data-produto="orion"] summary:focus-visible, main.pg[data-produto="orion"] input:focus-visible, main.pg[data-produto="orion"] select:focus-visible { outline: 2px solid var(--foco); outline-offset: 2px; }

main.pg[data-produto="orion"] .ic { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none; }
main.pg[data-produto="orion"] .ladrilho { width: 40px; height: 40px; border-radius: 8px; background: var(--ladrilho); color: var(--tinta); display: grid; place-items: center; flex: none; }
main.pg[data-produto="orion"] .t-orion { background: #0D9488; color: #1A1C24; }
main.pg[data-produto="orion"] .t-lima { background: #F9FF3E; color: #1A1C24; }
main.pg[data-produto="orion"] .t-azul { background: #2563EB; color: #FEFEFE; }
main.pg[data-produto="orion"] .t-terra { background: #C2400C; color: #1A1C24; }
main.pg[data-produto="orion"] .t-abissal { background: var(--ink); color: #F0F4F5; }
main.pg[data-produto="orion"] .t-terra-tom { background: #F7E7E1; color: #C2400C; }
main.pg[data-produto="orion"] .t-abissal-tom { background: #E7E9EA; color: var(--ink); }

main.pg[data-produto="orion"] .cartao { position: relative; display: flex; flex-direction: column; gap: 10px; background: var(--sup-elev); border: 1px solid var(--linha); border-radius: 12px; box-shadow: var(--sombra-1); padding: 28px; }
main.pg[data-produto="orion"] .g2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 56px; }
main.pg[data-produto="orion"] .g3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 56px; }
main.pg[data-produto="orion"] .split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 64px; align-items: center; }

main.pg[data-produto="orion"] .chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 28px 0 0; padding: 0; list-style: none; }
main.pg[data-produto="orion"] .chip { display: inline-flex; align-items: center; min-height: 32px; padding: 5px 12px; border-radius: 8px; border: 1px solid var(--linha); background: var(--sup-elev); font-size: 14px; line-height: 20px; color: var(--tinta); }
main.pg[data-produto="orion"] .selo { display: inline-flex; align-items: center; height: 22px; padding: 0 8px; margin-left: 8px; border-radius: 6px; border: 1px solid var(--linha); background: var(--ladrilho); color: var(--tinta-suave); font-family: var(--sans); font-size: 10px; line-height: 1; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; vertical-align: 3px; }
main.pg[data-produto="orion"] .formatos { margin: 24px 0 0; font-size: 15px; line-height: 24px; font-style: italic; color: var(--tinta-suave); }

/* Cabeçalho: claro e translúcido, como na página do Orion */

/* 0 · Abertura */
main.pg[data-produto="orion"] .abertura { padding: 72px 0 112px; }
main.pg[data-produto="orion"] .orion-logo { display: block; width: 186px; height: auto; margin: 0 0 40px; }
main.pg[data-produto="orion"] .categoria { margin: 20px 0 0; font-size: 16px; line-height: 25.6px; color: var(--tinta-corpo); max-width: 560px; }
main.pg[data-produto="orion"] .etapa { display: flex; align-items: center; gap: 12px; margin-top: 44px; font-size: 11px; line-height: 16px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--tinta-suave); }
main.pg[data-produto="orion"] .etapa i { display: block; width: 24px; height: 1px; background: var(--olho); }
main.pg[data-produto="orion"] .grafo-topo { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 8px; font-size: 10px; line-height: 16px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--tinta-suave); }
main.pg[data-produto="orion"] .grafo-topo span:first-child::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 10px; border-radius: 999px; background: #0D9488; vertical-align: 1px; }
main.pg[data-produto="orion"] .grafo { display: block; width: 100%; height: auto; overflow: visible; }
main.pg[data-produto="orion"] .grafo .aresta { fill: none; stroke: #C5C7C3; stroke-width: 1; animation: acende 12s linear infinite; }
main.pg[data-produto="orion"] .grafo .tracejo { fill: none; stroke: #A9ADA9; stroke-width: 1; stroke-dasharray: 3 4; }
main.pg[data-produto="orion"] .grafo .halo { fill: none; stroke-width: 6; opacity: .22; animation: brilha 12s linear infinite; }
main.pg[data-produto="orion"] .grafo .anel { fill: #FEFEFE; stroke-width: 2; }
main.pg[data-produto="orion"] .grafo .anel-p { fill: #FEFEFE; stroke-width: 1; }
main.pg[data-produto="orion"] .grafo .glow-p { opacity: .14; }
main.pg[data-produto="orion"] .grafo .rot { fill: #5A6270; font: 600 10px var(--sans); letter-spacing: .14em; text-anchor: middle; }
main.pg[data-produto="orion"] .grafo .pic { fill: none; stroke: var(--ink); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
main.pg[data-produto="orion"] .grafo .pic-f { fill: #E8E4DA; stroke: var(--ink); stroke-width: 1.5; }
main.pg[data-produto="orion"] .grafo .pic-m { fill: #D9CBB4; stroke: var(--ink); stroke-width: 1.5; }
main.pg[data-produto="orion"] .grafo .pic-v { fill: #DAEEEC; stroke: var(--ink); stroke-width: 1.5; }
main.pg[data-produto="orion"] .grafo .brilho { fill: #0D9488; opacity: .12; transform-box: fill-box; transform-origin: center; animation: pulso 4s ease-in-out infinite; }
main.pg[data-produto="orion"] .grafo .hub { fill: #FEFEFE; stroke: #0D9488; stroke-width: 2; }
main.pg[data-produto="orion"] .grafo .hub-halo { fill: none; stroke: #0D9488; stroke-width: 6; opacity: .22; }
main.pg[data-produto="orion"] .c-orion { stroke: #0D9488; fill: #0D9488; }
main.pg[data-produto="orion"] .c-ambar { stroke: #D97706; fill: #D97706; }
main.pg[data-produto="orion"] .c-azul { stroke: #2563EB; fill: #2563EB; }
main.pg[data-produto="orion"] .grafo .anel.c-orion, main.pg[data-produto="orion"] .grafo .anel.c-ambar, main.pg[data-produto="orion"] .grafo .anel.c-azul, main.pg[data-produto="orion"] .grafo .anel-p.c-orion, main.pg[data-produto="orion"] .grafo .anel-p.c-ambar, main.pg[data-produto="orion"] .grafo .anel-p.c-azul { fill: #FEFEFE; }
main.pg[data-produto="orion"] .grafo .halo.c-orion, main.pg[data-produto="orion"] .grafo .halo.c-ambar, main.pg[data-produto="orion"] .grafo .halo.c-azul { fill: none; }
main.pg[data-produto="orion"] .g1 .aresta, main.pg[data-produto="orion"] .g1 .halo { animation-delay: 0s; }
main.pg[data-produto="orion"] .g2 .aresta, main.pg[data-produto="orion"] .g2 .halo { animation-delay: 2s; }
main.pg[data-produto="orion"] .g3 .aresta, main.pg[data-produto="orion"] .g3 .halo { animation-delay: 4s; }
main.pg[data-produto="orion"] .g4 .aresta, main.pg[data-produto="orion"] .g4 .halo { animation-delay: 6s; }
main.pg[data-produto="orion"] .g5 .aresta, main.pg[data-produto="orion"] .g5 .halo { animation-delay: 8s; }
main.pg[data-produto="orion"] .g6 .aresta, main.pg[data-produto="orion"] .g6 .halo { animation-delay: 10s; }
main.pg[data-produto="orion"] .parado .grafo .aresta, main.pg[data-produto="orion"] .parado .grafo .halo, main.pg[data-produto="orion"] .parado .grafo .brilho { animation-play-state: paused; }
@keyframes acende {
  0% { stroke: #0D9488; stroke-width: 1.75; }
  14% { stroke: #0D9488; stroke-width: 1.75; }
  17% { stroke: #C5C7C3; stroke-width: 1; }
  100% { stroke: #C5C7C3; stroke-width: 1; }
}
@keyframes brilha {
  0% { opacity: .6; }
  14% { opacity: .6; }
  17% { opacity: .22; }
  100% { opacity: .22; }
}
@keyframes pulso {
  0% { transform: scale(1); }
  50% { transform: scale(1.12); }
  100% { transform: scale(1); }
}
main.pg[data-produto="orion"] .ficha { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: center; margin-top: 12px; padding: 14px 18px; border-radius: 12px; border: 1px solid var(--linha); background: var(--sup-elev); box-shadow: var(--sombra-2); }
main.pg[data-produto="orion"] .ficha .sobre { margin: 0 0 2px; font-size: 10px; }
main.pg[data-produto="orion"] .ficha strong { font-family: var(--display); font-weight: 400; font-size: 18px; line-height: 24px; }
main.pg[data-produto="orion"] .mini-barra { display: block; width: 120px; height: 4px; border-radius: 4px; background: var(--linha); margin-top: 6px; }
main.pg[data-produto="orion"] .mini-barra i { display: block; width: 100%; height: 100%; border-radius: 4px; background: #0D9488; }
main.pg[data-produto="orion"] .controle { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: 16px; }

/* Ilustrações claras */
main.pg[data-produto="orion"] .arte-grande { background: #F5F2EA; border: 1px solid #D9D4C7; border-radius: 12px; padding: 24px; }
main.pg[data-produto="orion"] .arte-grande svg { display: block; width: 100%; height: auto; }
main.pg[data-produto="orion"] .legenda { margin: 16px 0 0; font-size: 15px; line-height: 24px; font-style: italic; color: var(--tinta-suave); }
main.pg[data-produto="orion"] .il-papel { fill: #FEFEFE; stroke: #D9D4C7; stroke-width: 1; }
main.pg[data-produto="orion"] .il-sombra { fill: #E8E4DA; }
main.pg[data-produto="orion"] .il-fino { fill: none; stroke: #D9D4C7; stroke-width: 1.5; stroke-linecap: round; }
main.pg[data-produto="orion"] .il-tracejado { fill: none; stroke: #8C877B; stroke-width: 1.25; stroke-dasharray: 4 4; }
main.pg[data-produto="orion"] .il-traco { fill: none; stroke: var(--ink); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
main.pg[data-produto="orion"] .il-madeira { fill: #D9CBB4; stroke: var(--ink); stroke-width: 1.25; }
main.pg[data-produto="orion"] .il-porta { fill: #E8E4DA; stroke: var(--ink); stroke-width: 1.25; }
main.pg[data-produto="orion"] .il-tampo { fill: #F7E7E1; stroke: #C2400C; stroke-width: 1.5; }
main.pg[data-produto="orion"] .il-escuro { fill: var(--ink); }
main.pg[data-produto="orion"] .il-claro-t { fill: #F0F4F5; font: 600 12px var(--sans); text-anchor: middle; }
main.pg[data-produto="orion"] .b-xlsx { fill: #1F7A4D; }
main.pg[data-produto="orion"] .b-pdf { fill: #B42318; }
main.pg[data-produto="orion"] .b-mail { fill: #2563EB; }
main.pg[data-produto="orion"] .b-dwg { fill: #C2400C; }
main.pg[data-produto="orion"] .b-orion { fill: #0D9488; }
main.pg[data-produto="orion"] .il-badge-t { fill: #FEFEFE; font: 700 9px var(--sans); letter-spacing: .06em; }
main.pg[data-produto="orion"] .il-badge-e { fill: #1A1C24; font: 700 9px var(--sans); letter-spacing: .06em; }
main.pg[data-produto="orion"] .il-t { fill: #1A1C24; font: 600 12px var(--sans); }
main.pg[data-produto="orion"] .il-t2 { fill: #5A6270; font: 400 11px var(--sans); }
main.pg[data-produto="orion"] .il-v { fill: #1A1C24; font: 400 22px var(--display); }
main.pg[data-produto="orion"] .il-ok { fill: #0D9488; }
main.pg[data-produto="orion"] .il-pend { fill: #FEFEFE; stroke: #8C877B; stroke-width: 1.25; }
main.pg[data-produto="orion"] .il-campo { fill: #FEFEFE; stroke: #8C877B; stroke-width: 1; }
main.pg[data-produto="orion"] .il-barra { fill: #E8E4DA; }
main.pg[data-produto="orion"] .il-tag { fill: var(--ink); }
main.pg[data-produto="orion"] .il-tag-t { fill: #F0F4F5; font: 700 9px var(--sans); letter-spacing: .06em; }

/* 2 · Custo — cartões numerados, como na página do Orion */
main.pg[data-produto="orion"] .custo .g2 { counter-reset: custo; }
main.pg[data-produto="orion"] .custo .cartao { counter-increment: custo; padding-top: 24px; }
main.pg[data-produto="orion"] .custo .cartao::before { content: counter(custo, decimal-leading-zero); font-family: var(--mono); font-size: 12px; line-height: 16px; color: var(--tinta-suave); margin-bottom: 28px; }
main.pg[data-produto="orion"] .custo .cartao .ladrilho { position: absolute; top: 20px; right: 20px; width: 36px; height: 36px; }
main.pg[data-produto="orion"] .custo .cartao .ic { width: 18px; height: 18px; }

/* 3 · Solução */
main.pg[data-produto="orion"] .momentos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 56px 0 0; padding: 0; list-style: none; }
main.pg[data-produto="orion"] .momento { display: flex; flex-direction: column; padding: 20px 20px 28px; border-radius: 12px; border: 1px solid var(--linha); background: var(--sup-elev); }
main.pg[data-produto="orion"] .momento .arte { background: #F5F2EA; border-radius: 8px; overflow: hidden; }
main.pg[data-produto="orion"] .momento .arte svg { display: block; width: 100%; height: auto; }
main.pg[data-produto="orion"] .mom-topo { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 20px 8px 14px; }
main.pg[data-produto="orion"] .mom-topo .ladrilho { width: 32px; height: 32px; }
main.pg[data-produto="orion"] .mom-topo .ic { width: 16px; height: 16px; }
main.pg[data-produto="orion"] .num { margin: 0; font-family: var(--mono); font-size: 12px; line-height: 16px; color: var(--tinta-suave); }
main.pg[data-produto="orion"] .momento h3 { margin: 0 8px; font-family: var(--display); font-size: 24px; line-height: 36px; font-weight: 400; letter-spacing: -.02em; }
main.pg[data-produto="orion"] .momento p { margin: 6px 8px 0; font-size: 15px; line-height: 24px; color: var(--tinta-suave); }
main.pg[data-produto="orion"] .entra-sai { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 20px; }
main.pg[data-produto="orion"] .es { flex-direction: row; gap: 16px; align-items: flex-start; }
main.pg[data-produto="orion"] .es .sobre { margin: 2px 0 6px; font-size: 10px; }
main.pg[data-produto="orion"] .es p { margin: 0; color: var(--tinta-corpo); }

/* 4 · Recebe — ladrilhos cheios, na sequência da página do Orion */
main.pg[data-produto="orion"] .recebe .cartao .ladrilho { margin-bottom: 14px; }
main.pg[data-produto="orion"] .recebe .cartao:nth-child(1) .ladrilho, main.pg[data-produto="orion"] .recebe .cartao:nth-child(5) .ladrilho { background: #0D9488; color: #1A1C24; }
main.pg[data-produto="orion"] .recebe .cartao:nth-child(2) .ladrilho { background: #F9FF3E; color: #1A1C24; }
main.pg[data-produto="orion"] .recebe .cartao:nth-child(3) .ladrilho { background: #2563EB; color: #FEFEFE; }
main.pg[data-produto="orion"] .recebe .cartao:nth-child(4) .ladrilho { background: #C2400C; color: #1A1C24; }
main.pg[data-produto="orion"] .recebe .cartao:nth-child(6) .ladrilho { background: var(--ink); color: #F0F4F5; }
main.pg[data-produto="orion"] .nota { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--linha); color: var(--tinta-suave); font-size: 15px; }
main.pg[data-produto="orion"] .nota strong { color: var(--tinta); }
main.pg[data-produto="orion"] .simbolo { width: 22px; height: 22px; flex: none; }

/* 5 · Migração */
main.pg[data-produto="orion"] .passos { list-style: none; margin: 56px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
main.pg[data-produto="orion"] .passo { padding: 28px; border-radius: 12px; border: 1px solid var(--linha); background: var(--sup-elev); }
main.pg[data-produto="orion"] .passo:nth-child(1) .ladrilho { background: #F9FF3E; color: #1A1C24; }
main.pg[data-produto="orion"] .passo:nth-child(2) .ladrilho { background: #0D9488; color: #1A1C24; }
main.pg[data-produto="orion"] .passo:nth-child(3) .ladrilho { background: #2563EB; color: #FEFEFE; }
main.pg[data-produto="orion"] .passo .num { margin: 20px 0 10px; }
main.pg[data-produto="orion"] .passo h3 { margin: 0; font-family: var(--display); font-size: 24px; line-height: 36px; font-weight: 400; letter-spacing: -.02em; }
main.pg[data-produto="orion"] .passo p { margin: 6px 0 0; font-size: 15px; line-height: 24px; color: var(--tinta-suave); }
main.pg[data-produto="orion"] .caixa { display: flex; gap: 16px; align-items: flex-start; margin-top: 32px; padding: 24px 28px; border-radius: 12px; border: 1px solid var(--linha); background: var(--sup-elev); max-width: 880px; }
main.pg[data-produto="orion"] .caixa p { margin: 0; color: var(--tinta-suave); }
main.pg[data-produto="orion"] .caixa strong { display: block; color: var(--tinta); margin-bottom: 4px; }

/* 6 · ISO — cartões com ícone à esquerda e chamada escura, como na página do Orion */
main.pg[data-produto="orion"] .iso .g2 .cartao { display: grid; grid-template-columns: 36px minmax(0, 1fr); column-gap: 16px; row-gap: 6px; padding: 24px; box-shadow: none; }
main.pg[data-produto="orion"] .iso .g2 .ladrilho { grid-row: 1 / span 2; width: 36px; height: 36px; background: #E7E9EA; color: var(--ink); }
main.pg[data-produto="orion"] .iso .g2 .ic { width: 18px; height: 18px; }
main.pg[data-produto="orion"] .iso .g2 .tc { font-family: var(--sans); font-size: 18px; line-height: 26px; font-weight: 500; letter-spacing: 0; }
main.pg[data-produto="orion"] .iso .g2 .detalhe { font-size: 15px; line-height: 24px; color: var(--tinta-corpo); }
main.pg[data-produto="orion"] .iso .caixa { display: block; max-width: none; margin-top: 32px; padding: 56px; border: 0; border-radius: 16px; background: var(--ink); }
main.pg[data-produto="orion"] .iso .caixa .ladrilho { display: none; }
main.pg[data-produto="orion"] .iso .caixa strong { font-family: var(--display); font-weight: 400; font-size: 36px; line-height: 1.15; letter-spacing: -.02em; color: #F0F4F5; margin-bottom: 16px; }
main.pg[data-produto="orion"] .iso .caixa p { color: #F0F4F5; font-size: 16px; line-height: 25.6px; max-width: 720px; }

/* 7 · Plataforma */
main.pg[data-produto="orion"] .trilho { list-style: none; margin: 56px 0 0; padding: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); border-top: 1px solid var(--linha); }
main.pg[data-produto="orion"] .trilho li { margin-top: -1px; padding: 16px 16px 0 0; border-top: 2px solid transparent; }
main.pg[data-produto="orion"] .trilho li.atual { border-top-color: var(--destaque); }
main.pg[data-produto="orion"] .trilho .et { display: block; margin-bottom: 8px; font-size: 10px; line-height: 16px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--tinta-suave); }
main.pg[data-produto="orion"] .trilho a, main.pg[data-produto="orion"] .trilho strong { font-family: var(--display); font-size: 20px; line-height: 26px; font-weight: 400; color: var(--tinta); }
main.pg[data-produto="orion"] .trilho a { text-decoration: underline; text-decoration-color: var(--borda-controle); text-decoration-thickness: 1px; text-underline-offset: 4px; }
main.pg[data-produto="orion"] .trilho .ou { font-size: 14px; color: var(--tinta-suave); }
main.pg[data-produto="orion"] .trilho .fz { display: block; margin-top: 4px; font-size: 13px; line-height: 18px; color: var(--tinta-suave); }
main.pg[data-produto="orion"] .numeros { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 64px; border-top: 1px solid var(--linha); }
main.pg[data-produto="orion"] .numeros > div { padding: 32px 24px 0; border-left: 1px solid var(--linha); }
main.pg[data-produto="orion"] .numeros > div:first-child { padding-left: 0; border-left: 0; }
main.pg[data-produto="orion"] .nmr { display: block; font-family: var(--display); font-size: 64px; line-height: 64px; font-weight: 400; letter-spacing: -.03em; color: var(--tinta); }
main.pg[data-produto="orion"] .nmr small { font-size: 32px; color: var(--tinta-suave); }
main.pg[data-produto="orion"] .numeros p { margin: 12px 0 0; color: var(--tinta-suave); }

/* 8 · Demonstração */
main.pg[data-produto="orion"] .palco { margin-top: 56px; background: var(--sup-elev); border: 1px solid var(--linha); border-radius: 16px; box-shadow: var(--sombra-3); overflow: hidden; }
main.pg[data-produto="orion"] .cena { position: relative; height: 440px; overflow: hidden; background-color: #F5F2EA; background-image: linear-gradient(#EAE7E0 1px, transparent 1px), linear-gradient(90deg, #EAE7E0 1px, transparent 1px); background-size: 44px 44px; }
main.pg[data-produto="orion"] .rotulo { position: absolute; left: 24px; top: 24px; z-index: 3; max-width: 300px; padding: 12px 16px; border-radius: 12px; border: 1px solid var(--linha); background: var(--sup-elev); box-shadow: var(--sombra-1); animation: entra .4s ease both; }
main.pg[data-produto="orion"] .rotulo .sobre { margin: 0 0 4px; font-size: 10px; }
main.pg[data-produto="orion"] .rotulo strong { display: block; font-family: var(--display); font-weight: 400; font-size: 20px; line-height: 26px; }
main.pg[data-produto="orion"] .rotulo span { display: block; margin-top: 2px; font-size: 13px; line-height: 18px; color: var(--tinta-suave); }
main.pg[data-produto="orion"] .centro { position: absolute; inset: 0; display: grid; place-items: center; padding: 96px 24px 24px; }
main.pg[data-produto="orion"] .arq { position: absolute; width: 132px; padding: 12px; border-radius: 10px; border: 1px solid var(--linha); background: var(--sup-elev); box-shadow: var(--sombra-2); animation: entra .5s ease both, flutua 3.2s ease-in-out .6s infinite alternate; }
main.pg[data-produto="orion"] .arq .tipo { display: inline-block; padding: 2px 6px; border-radius: 4px; background: var(--ink); color: #FEFEFE; font-size: 10px; line-height: 14px; font-weight: 700; letter-spacing: .06em; }
main.pg[data-produto="orion"] .a1 .tipo { background: #1F7A4D; }
main.pg[data-produto="orion"] .a2 .tipo { background: #B42318; }
main.pg[data-produto="orion"] .a3 .tipo { background: #C2400C; }
main.pg[data-produto="orion"] .a4 .tipo { background: var(--ink); }
main.pg[data-produto="orion"] .a5 .tipo { background: #2563EB; }
main.pg[data-produto="orion"] .a6 .tipo { background: #0D9488; color: #1A1C24; }
main.pg[data-produto="orion"] .a7 .tipo { background: #D97706; color: #1A1C24; }
main.pg[data-produto="orion"] .arq .nome { display: block; margin-top: 10px; font-size: 13px; line-height: 18px; color: var(--tinta); }
main.pg[data-produto="orion"] .arq .med { display: block; margin-top: 2px; font-size: 12px; line-height: 16px; color: var(--tinta-suave); }
main.pg[data-produto="orion"] .a2 { animation-delay: .1s, .7s; } main.pg[data-produto="orion"] .a3 { animation-delay: .2s, .8s; } main.pg[data-produto="orion"] .a4 { animation-delay: .3s, .9s; }
main.pg[data-produto="orion"] .a5 { animation-delay: .4s, 1s; } main.pg[data-produto="orion"] .a6 { animation-delay: .5s, 1.1s; } main.pg[data-produto="orion"] .a7 { animation-delay: .6s, 1.2s; }
main.pg[data-produto="orion"] .dossie, main.pg[data-produto="orion"] .versoes, main.pg[data-produto="orion"] .consulta { width: 100%; max-width: 480px; padding: 20px; border-radius: 12px; border: 1px solid var(--linha); background: var(--sup-elev); box-shadow: var(--sombra-2); animation: entra .5s ease both; }
main.pg[data-produto="orion"] .dossie-topo, main.pg[data-produto="orion"] .res-topo { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding-bottom: 14px; border-bottom: 1px solid var(--linha); }
main.pg[data-produto="orion"] .dossie-topo .sobre { margin: 0 0 4px; font-size: 10px; }
main.pg[data-produto="orion"] .dossie-topo strong, main.pg[data-produto="orion"] .versoes > strong { font-family: var(--display); font-weight: 400; font-size: 20px; line-height: 26px; }
main.pg[data-produto="orion"] .st { display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border-radius: 6px; border: 1px solid var(--linha); background: var(--ladrilho); color: var(--tinta-suave); font-size: 10px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
main.pg[data-produto="orion"] .st.vig { background: var(--selecao); border-color: var(--destaque); color: var(--tinta); }
main.pg[data-produto="orion"] .campos-d { list-style: none; margin: 14px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 16px; }
main.pg[data-produto="orion"] .campos-d li { display: flex; align-items: center; gap: 10px; font-size: 14px; line-height: 20px; animation: entra .35s ease both; }
main.pg[data-produto="orion"] .campos-d .pt { width: 16px; height: 16px; border-radius: 999px; background: #0D9488; flex: none; }
main.pg[data-produto="orion"] .campos-d .pend { color: var(--tinta-suave); }
main.pg[data-produto="orion"] .campos-d .pend .pt { background: transparent; border: 1.5px solid var(--borda-controle); }
main.pg[data-produto="orion"] .d2 { animation-delay: .25s; } main.pg[data-produto="orion"] .d3 { animation-delay: .5s; } main.pg[data-produto="orion"] .d4 { animation-delay: .75s; }
main.pg[data-produto="orion"] .d5 { animation-delay: 1s; } main.pg[data-produto="orion"] .d6 { animation-delay: 1.25s; } main.pg[data-produto="orion"] .d7 { animation-delay: 1.5s; } main.pg[data-produto="orion"] .d8 { animation-delay: 1.75s; }
main.pg[data-produto="orion"] .compl { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--linha); }
main.pg[data-produto="orion"] .compl-barra { display: block; height: 6px; border-radius: 4px; background: var(--linha); overflow: hidden; }
main.pg[data-produto="orion"] .compl-barra i { display: block; height: 100%; width: 87.5%; background: #0D9488; animation: enche 1.6s ease 2s both; }
main.pg[data-produto="orion"] .compl span { display: block; margin-top: 8px; font-size: 13px; line-height: 18px; color: var(--tinta-suave); }
main.pg[data-produto="orion"] .ver { display: grid; grid-template-columns: 72px 60px 96px minmax(0, 1fr); gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--linha); font-size: 14px; line-height: 20px; animation: entra .4s ease both; }
main.pg[data-produto="orion"] .ver:last-child { border-bottom: 0; }
main.pg[data-produto="orion"] .ver .vn { font-family: var(--mono); font-size: 13px; }
main.pg[data-produto="orion"] .ver .vd, main.pg[data-produto="orion"] .ver .vr { color: var(--tinta-suave); }
main.pg[data-produto="orion"] .v2 { animation-delay: .5s; } main.pg[data-produto="orion"] .v3 { animation-delay: 1s; }
main.pg[data-produto="orion"] .versoes .sobre { margin: 0 0 4px; font-size: 10px; }
main.pg[data-produto="orion"] .versoes > strong { display: block; padding-bottom: 6px; }
main.pg[data-produto="orion"] .mapa-svg { position: absolute; inset: 80px 24px 16px; width: calc(100% - 48px); height: calc(100% - 96px); }
main.pg[data-produto="orion"] .mapa-svg .lig { fill: none; stroke: #0D9488; stroke-width: 1.5; stroke-dasharray: 360; stroke-dashoffset: 360; animation: traca 1s ease forwards; }
main.pg[data-produto="orion"] .mapa-svg .l2 { animation-delay: .3s; } main.pg[data-produto="orion"] .mapa-svg .l3 { animation-delay: .6s; } main.pg[data-produto="orion"] .mapa-svg .l4 { animation-delay: .9s; }
main.pg[data-produto="orion"] .mapa-svg .n rect { fill: #FEFEFE; stroke: #D9D4C7; stroke-width: 1.25; }
main.pg[data-produto="orion"] .mapa-svg .n.cen rect { stroke: #0D9488; stroke-width: 2; }
main.pg[data-produto="orion"] .mapa-svg .n text { fill: #1A1C24; font: 500 14px var(--sans); text-anchor: middle; }
main.pg[data-produto="orion"] .mapa-svg .n .sub { fill: #5A6270; font: 400 12px var(--mono); }
main.pg[data-produto="orion"] .busca { display: flex; align-items: center; gap: 10px; height: 48px; padding: 0 14px; border-radius: 8px; border: 1px solid var(--borda-controle); background: var(--sup-elev); font-size: 16px; }
main.pg[data-produto="orion"] .busca .ic { width: 18px; height: 18px; color: var(--tinta-suave); }
main.pg[data-produto="orion"] .digita { display: inline-block; overflow: hidden; white-space: nowrap; max-width: 0; vertical-align: bottom; animation: digita 1.4s steps(15) .3s forwards; }
main.pg[data-produto="orion"] .cursor { display: inline-block; width: 1.5px; height: 20px; background: #0D9488; animation: pisca 1s steps(2) infinite; }
main.pg[data-produto="orion"] .resultado { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--linha); animation: entra .5s ease 1.9s both; }
main.pg[data-produto="orion"] .res-topo { border-bottom: 0; padding-bottom: 0; }
main.pg[data-produto="orion"] .res-dados { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; margin: 14px 0 0; }
main.pg[data-produto="orion"] .res-dados dt { font-size: 10px; line-height: 16px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--tinta-suave); }
main.pg[data-produto="orion"] .res-dados dd { margin: 2px 0 0; font-size: 14px; line-height: 20px; }
main.pg[data-produto="orion"] .progresso { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; padding: 16px 24px 20px; border-top: 1px solid var(--linha); }
main.pg[data-produto="orion"] .seg { display: block; padding: 0; border: 0; background: none; text-align: left; cursor: pointer; color: var(--tinta-suave); font-family: var(--sans); font-size: 10px; line-height: 16px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
main.pg[data-produto="orion"] .seg .barra { display: block; height: 3px; margin-bottom: 10px; border-radius: 4px; background: var(--linha); overflow: hidden; }
main.pg[data-produto="orion"] .seg .barra i { display: block; height: 100%; background: #0D9488; }
main.pg[data-produto="orion"] .seg.atual { color: var(--tinta); }
@keyframes entra {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: none; }
}
@keyframes flutua {
  from { transform: translateY(0); }
  to { transform: translateY(-8px); }
}
@keyframes enche {
  from { width: 0; }
  to { width: 87.5%; }
}
@keyframes traca {
  to { stroke-dashoffset: 0; }
}
@keyframes digita {
  to { max-width: 16ch; }
}
@keyframes pisca {
  to { visibility: hidden; }
}

/* 9 · Perguntas */
main.pg[data-produto="orion"] .faq { max-width: 880px; margin-top: 48px; border-top: 1px solid var(--linha); }
main.pg[data-produto="orion"] .faq details { border-bottom: 1px solid var(--linha); }
main.pg[data-produto="orion"] .faq summary { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 20px 0; list-style: none; cursor: pointer; font-family: var(--display); font-size: 20px; line-height: 28px; font-weight: 400; letter-spacing: -.01em; color: var(--tinta); }
main.pg[data-produto="orion"] .faq summary::-webkit-details-marker { display: none; }
main.pg[data-produto="orion"] .faq summary .ic { width: 18px; height: 18px; transition: transform .2s ease; }
main.pg[data-produto="orion"] .faq details[open] summary .ic { transform: rotate(45deg); }
main.pg[data-produto="orion"] .faq .resp { margin: 0; padding: 0 48px 24px 0; max-width: 720px; color: var(--tinta-corpo); }

/* 10 · Contato — centralizado, formulário claro sobre fundo escuro */
main.pg[data-produto="orion"] .contato .split { grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 48px; }
main.pg[data-produto="orion"] .contato .split > div:first-child { max-width: 720px; text-align: center; }
main.pg[data-produto="orion"] .contato .sobre::before { display: none; }
main.pg[data-produto="orion"] .contato .h2 .suave { color: #F9FF3E; }
main.pg[data-produto="orion"] .contato .intro { margin-left: auto; margin-right: auto; color: var(--tinta-suave); }
main.pg[data-produto="orion"] .form { width: 100%; max-width: 640px; padding: 40px; border-radius: 16px; background: #FEFEFE; color: #1A1C24; box-shadow: var(--sombra-3); }
main.pg[data-produto="orion"] .form-topo { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; margin-bottom: 24px; }
main.pg[data-produto="orion"] .form-topo .tc { font-size: 24px; line-height: 32px; }
main.pg[data-produto="orion"] .campos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 16px; }
main.pg[data-produto="orion"] .campo { display: flex; flex-direction: column; gap: 6px; }
main.pg[data-produto="orion"] .campo.cheio { grid-column: 1 / -1; }
main.pg[data-produto="orion"] .campo label, main.pg[data-produto="orion"] .grupo legend { font-size: 14px; line-height: 20px; font-weight: 500; color: #1A1C24; }
main.pg[data-produto="orion"] .campo input, main.pg[data-produto="orion"] .campo select { width: 100%; height: 44px; padding: 0 14px; border-radius: 10px; border: 1px solid var(--borda-controle); background: #F5F2EA; color: #1A1C24; font-family: var(--sans); font-size: 15px; line-height: 20px; }
main.pg[data-produto="orion"] .grupo { grid-column: 1 / -1; min-width: 0; margin: 0; padding: 0; border: 0; }
main.pg[data-produto="orion"] .grupo.meio { grid-column: auto; }
main.pg[data-produto="orion"] .opcoes { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
main.pg[data-produto="orion"] .opcao { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 8px 12px; border-radius: 8px; border: 1px solid var(--linha); background: #F5F2EA; font-size: 14px; line-height: 20px; cursor: pointer; }
main.pg[data-produto="orion"] .opcao input { width: 16px; height: 16px; margin: 0; accent-color: #0D9488; }
main.pg[data-produto="orion"] .prog { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 12px; margin-top: 24px; font-family: var(--mono); font-size: 12px; color: #5A6270; }
main.pg[data-produto="orion"] .prog-barra { display: block; height: 6px; border-radius: 999px; background: #E8E4DA; overflow: hidden; }
main.pg[data-produto="orion"] .prog-barra i { display: block; height: 100%; border-radius: 999px; background: var(--ink); }
main.pg[data-produto="orion"] .form-acoes { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-top: 24px; }
main.pg[data-produto="orion"] .enviado { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
main.pg[data-produto="orion"] .enviado .ladrilho { background: #0D9488; color: #1A1C24; }
main.pg[data-produto="orion"] .alt { margin-top: 28px; }
main.pg[data-produto="orion"] .alt p { margin: 0 0 4px; color: var(--tinta-suave); }
main.pg[data-produto="orion"] .pe { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-top: 80px; padding-top: 24px; border-top: 1px solid var(--linha); }

/* Rodapé: claro, com filete, como na página do Orion */

@media (max-width: 1100px) {
  main.pg[data-produto="orion"] .trilho { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 24px; }
  main.pg[data-produto="orion"] .h2 { font-size: 40px; }
}
@media (max-width: 900px) {
  main.pg[data-produto="orion"] .wrap { padding: 0 40px; }
  main.pg[data-produto="orion"] .sec { padding: 96px 0; }
  main.pg[data-produto="orion"] .abertura { padding: 56px 0 96px; }
  main.pg[data-produto="orion"] .split { grid-template-columns: minmax(0, 1fr); gap: 48px; }
  main.pg[data-produto="orion"] .g3, main.pg[data-produto="orion"] .momentos, main.pg[data-produto="orion"] .passos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  main.pg[data-produto="orion"] .iso .caixa { padding: 40px; }
}
@media (max-width: 600px) {
  main.pg[data-produto="orion"] .wrap { padding: 0 16px; }
  main.pg[data-produto="orion"] .sec { padding: 64px 0; }
  main.pg[data-produto="orion"] .abertura { padding: 40px 0 64px; }
  main.pg[data-produto="orion"] .orion-logo { width: 148px; margin-bottom: 28px; }
  main.pg[data-produto="orion"] .h1 { font-size: 40px; }
  main.pg[data-produto="orion"] .h2 { font-size: 32px; line-height: 36px; }
  main.pg[data-produto="orion"] .lead { font-size: 18px; line-height: 27px; }
  main.pg[data-produto="orion"] .intro { font-size: 16px; line-height: 25.6px; }
  main.pg[data-produto="orion"] .g2, main.pg[data-produto="orion"] .g3, main.pg[data-produto="orion"] .momentos, main.pg[data-produto="orion"] .entra-sai, main.pg[data-produto="orion"] .passos, main.pg[data-produto="orion"] .numeros, main.pg[data-produto="orion"] .campos, main.pg[data-produto="orion"] .res-dados, main.pg[data-produto="orion"] .campos-d { grid-template-columns: minmax(0, 1fr); }
  main.pg[data-produto="orion"] .trilho { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  main.pg[data-produto="orion"] .numeros > div { padding: 24px 0; border-left: 0; border-bottom: 1px solid var(--linha); }
  main.pg[data-produto="orion"] .nmr { font-size: 48px; line-height: 48px; }
  main.pg[data-produto="orion"] .nmr small { font-size: 24px; }
  main.pg[data-produto="orion"] .grupo.meio { grid-column: 1 / -1; }
  main.pg[data-produto="orion"] .form { padding: 24px; }
  main.pg[data-produto="orion"] .iso .caixa { padding: 28px; }
  main.pg[data-produto="orion"] .iso .caixa strong { font-size: 28px; }
  main.pg[data-produto="orion"] .grafo-topo { flex-direction: column; align-items: flex-start; gap: 4px; }
  main.pg[data-produto="orion"] .cena { height: 520px; }
  main.pg[data-produto="orion"] .rotulo { left: 12px; right: 12px; top: 12px; max-width: none; }
  main.pg[data-produto="orion"] .centro { padding: 104px 12px 12px; }
  main.pg[data-produto="orion"] .arq { width: 118px; }
  main.pg[data-produto="orion"] .a5, main.pg[data-produto="orion"] .a7 { display: none; }
  main.pg[data-produto="orion"] .ver { grid-template-columns: 64px 52px minmax(0, 1fr); }
  main.pg[data-produto="orion"] .ver .vr { grid-column: 1 / -1; }
  main.pg[data-produto="orion"] .progresso { gap: 6px; padding: 12px 12px 16px; }
  main.pg[data-produto="orion"] .seg { font-size: 9px; letter-spacing: .04em; }
}
@media (prefers-reduced-motion: reduce) {
  main.pg[data-produto="orion"] *, main.pg[data-produto="orion"] *::before, main.pg[data-produto="orion"] *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition: none !important; }
}