/* ==========================================================================
   /sistema — TUDO O QUE O SISTEMA FAZ (sistema.v1.css, 18/10/2026)
   Só a página /sistema carrega esta folha (crítica técnica r1: 14 KB e 100 regras iam para TODAS as
   páginas dentro do horus.v7.css). As dez cenas dos módulos (scripts/site_modulos.py, bloco gerado no
   fim) e a CAMADA DE TELAS: a tela real de cada passo entra POR CIMA do desenho, na mesma caixa
   (.sim-quadro), depois que o gesto desenhado assentou. Sem JavaScript, com movimento reduzido ou com a
   cena parada, ela aparece na hora e sem zoom.
   ========================================================================== */
.sim-quadro { position: relative; container-type: inline-size; }
/* A TELA REAL (crítica de arte r2, nº 5): ela flutuava num fundo PRETO que apagava o desenho, com o selo "Tela real" solto
   no canto do palco (no computador, uma tela de celular ocupava 36% da caixa). Agora ela mora numa MOLDURA do tamanho
   da própria imagem, centrada: janela com a barra e o selo no computador, aparelho quando a tela é de celular. A cena
   continua por trás, escurecida (não apagada). A altura da caixa sai da largura do quadro (o desenho é 360 × 300 e,
   no computador, não passa de 540 px de largura): 83,33cqw. */
.sim-tela { position: absolute; inset: -4px; display: flex; align-items: center; justify-content: center; pointer-events: none; border-radius: 8px; background: rgb(7 11 17 / .78); }
.sim-tela picture { display: contents; }
.sim-tela-moldura { position: relative; display: flex; flex-direction: column; border: 1px solid transparent; border-radius: 10px; overflow: hidden;
  background: linear-gradient(#0C1626, #0C1626) padding-box, var(--borda-metal) border-box; box-shadow: 0 16px 34px rgb(0 0 0 / .55);
  transform: scale(.94); transition: transform 520ms var(--sim-entra) 1.55s; }
.sim-tela-barra { display: flex; align-items: center; gap: 6px; height: 26px; padding-inline: 10px; flex: none; }
.sim-tela-barra::before { content: ""; width: 34px; height: 8px; flex: none; background: radial-gradient(circle at 4px 4px, #5A606C 3.5px, transparent 4px) 0 0 / 13px 8px repeat-x; }
.sim-tela img { display: block; width: auto; height: auto; max-width: calc(100cqw + 6px); max-height: calc(min(100cqw, 540px) * .8333 - 22px); }
/* tela de celular: um aparelho — cantos redondos, borda escura, a barra vira o alto do aparelho */
.moldura-cel { border-radius: 22px; padding: 0 7px 9px; background: linear-gradient(#10151D, #10151D) padding-box, var(--borda-metal) border-box; }
.moldura-cel .sim-tela-barra { justify-content: center; height: 24px; }
.moldura-cel .sim-tela-barra::before { display: none; }
.moldura-cel img { border-radius: 12px; max-height: calc(min(100cqw, 540px) * .8333 - 32px); }
.sim .sim-tela[data-em].on { transition: opacity 360ms var(--sim-entra) 1.5s; }
.sim .sim-tela.on .sim-tela-moldura { transform: none; }
.sim:is(.parado, .sim-reduzido, .sim-leve) .sim-tela[data-em].on { transition-delay: 0s; }
.sim:is(.parado, .sim-reduzido, .sim-leve) .sim-tela .sim-tela-moldura, html:not(.js) .sim-tela .sim-tela-moldura { transform: none; transition: none; }
.sim-tela-rotulo { padding: 2px 9px; border-radius: 10px; font-size: .75rem; font-weight: 600; letter-spacing: .02em; color: #CFE6F6; background: rgb(19 72 126 / .92); white-space: nowrap; }
@media (prefers-reduced-motion: reduce) { .sim-tela .sim-tela-moldura { transform: none; transition: none; } }
/* o relógio da cena some enquanto a tela real está à vista (crítica de arte r2, nº 8: ele aparecia cinza por trás) */
.sim-quadro .s-hora-m { transition: opacity 300ms ease; }
.sim-quadro:has(> .sim-tela.on) .s-hora-m { opacity: 0; transition-delay: 1.5s; }
/* no celular cada px da caixa é leitura (test:site nº 31): a moldura vira um fio, sem barra, e o selo sobe para o meio
   da faixa dos controles (entre "Pausar" e as setas), preso ao alto da tela que ele anuncia */
@media (max-width: 767.98px) {
  .sim-tela { overflow: visible; }
  .sim-tela-moldura, .moldura-cel { position: static; padding: 0; border-radius: 6px; overflow: hidden; }
  .sim-tela-barra { position: absolute; top: -36px; left: 50%; transform: translateX(-50%); height: auto; padding: 0; }
  .sim-tela-barra::before { display: none; }
  .sim-tela img, .moldura-cel img { border-radius: 0; max-width: calc(100cqw + 4px); max-height: calc(83.33cqw + 4px); }
}

/* os atalhos: no celular, uma grade 2 × 2 (nada de um atalho órfão numa linha, e todo palco com a mesma
   altura — crítica r1: 3 + 1 e palcos de 402 e 450 px lado a lado).
   DECISÃO REGISTRADA (crítica de arte r2, nº 8, 18/10/2026): as pílulas centradas do resto do site ficam para cenas de
   UMA por página; aqui são dez cenas seguidas, e a grade é o que mantém todos os palcos do mesmo tamanho no celular. */
@media (max-width: 479.98px) {
  .js .modulo .sim-atalhos.so-js { display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px; }
  .modulo .sim-atalho { padding-inline: 8px; }
  .modulo .sim-atalho:last-child:nth-child(odd) { grid-column: 1 / -1; justify-self: center; min-width: 50%; }
}

/* no computador, o palco dos módulos é mais largo (as telas reais são lidas perto de 1:1), mas o DESENHO
   não passa de 540 px (crítica r1: o viewBox de 360 ampliado 2 vezes parecia desenho de celular) */
@media (min-width: 1024px) {
  .modulo .sim-palco { max-width: 720px; }
  .modulo .sim:not(.sim-heroi) { grid-template-columns: minmax(0, 1.6fr) minmax(15rem, 1fr); }
  .modulo .sim-quadro .sim-svg { display: block; max-width: 540px; margin-inline: auto; }
}

/* o topo e o índice: no computador o índice mora AO LADO do texto (crítica do cliente r2, nº 5; de arte, nº 9a e 9c) */
.sistema-topo .pagina-topo-texto { max-width: 52rem; }
.sistema-indice { min-width: 0; }
.sistema-indice .t-h2, .sistema-tambem .t-h2 { margin-bottom: 18px; }
.indice-modulos { list-style: none; display: grid; gap: 8px; margin-bottom: 16px; }
@media (min-width: 768px) { .indice-modulos { grid-template-columns: 1fr 1fr; gap: 10px var(--calha); } }
@media (min-width: 1024px) {
  .sistema-topo .grade { align-items: start; }
  .sistema-topo .pagina-topo-texto { grid-column: 1 / 6; }
  .sistema-topo .t-h1 { font-size: clamp(2.25rem, 1.2rem + 2.2vw, 3.25rem); }
  .sistema-indice { grid-column: 6 / 13; }
  .sistema-indice .indice-modulos { gap: 8px 12px; }
  .sistema-indice .indice-item { padding: 10px 12px; }
}
.sistema-tambem .indice-modulos { margin-bottom: 16px; }
@media (min-width: 1280px) { .sistema-tambem .indice-modulos { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.indice-item { display: flex; gap: 12px; align-items: flex-start; height: 100%; padding: 12px 14px; border: 1px solid transparent; border-radius: 10px; text-decoration: none; color: var(--texto);
  background: linear-gradient(var(--superficie-2), var(--superficie-2)) padding-box, var(--borda-metal) border-box; }
.indice-item:hover b { color: var(--azul-400); }
.indice-n { font-family: var(--f-titulo); font-size: 1.125rem; font-weight: 600; color: var(--azul-400); font-variant-numeric: tabular-nums; line-height: 1.3; }
.indice-txt { display: grid; gap: 2px; min-width: 0; }
.indice-txt b { font-weight: 600; }
.indice-txt span { color: var(--texto-2); font-size: var(--t-apoio); line-height: 1.4; }
/* no celular, uma coluna com a frase curta de cada módulo (crítica do cliente r1: só os nomes não diziam o ganho) */
@media (max-width: 599.98px) {
  .indice-modulos { grid-template-columns: 1fr; gap: 6px; }
  .indice-item { padding: 10px 12px; gap: 10px; }
  .indice-txt b { font-size: .9375rem; line-height: 1.3; }
  .indice-txt span { font-size: .875rem; line-height: 1.35; }
}

/* cada módulo */
.modulo-cabeca { position: relative; }
.modulo-n { font-family: var(--f-titulo); font-size: .875rem; font-weight: 600; letter-spacing: .1em; color: var(--texto-3); font-variant-numeric: tabular-nums; }
.modulo-pe { margin-top: clamp(28px, 4vw, 44px); row-gap: 20px; }
.lista-modulo { list-style: none; display: grid; }
.lista-modulo li { position: relative; padding: 11px 0 11px 26px; background: var(--fio-metal) top / 100% 1px no-repeat; color: var(--texto-2); }
.lista-modulo li b { color: var(--texto); font-weight: 600; }
.lista-modulo li::before { content: ""; position: absolute; left: 3px; top: 18px; width: 11px; height: 6px; border-left: 2px solid var(--ok); border-bottom: 2px solid var(--ok); transform: rotate(-45deg); }
.modulo-tambem > summary { margin-bottom: 4px; }
/* o "+" da lista é o MESMO das perguntas ao lado (crítica do cliente r2, nº 13: era um "+" de texto, 3 px fora do alinhamento) */
.modulo-tambem > summary::after { content: ""; flex: none; width: 14px; height: 14px; transition: transform 180ms var(--curva);
  background: linear-gradient(var(--prata), var(--prata)) center / 100% 1.5px no-repeat, linear-gradient(var(--prata), var(--prata)) center / 1.5px 100% no-repeat; }
.modulo-tambem[open] > summary::after { content: ""; transform: rotate(45deg); }
/* no celular, o botão redondo do WhatsApp mora no canto de baixo: o "+" sai de debaixo dele (o mesmo recuo das perguntas) */
@media (max-width: 1023.98px) { .modulo-tambem > summary { padding-right: 72px; } }
/* as perguntas FECHADAS ficavam com ~130 px vazios embaixo de cada uma no computador (crítica do cliente r2, nº 1): a
   grade das perguntas esticava até a altura da coluna "Também neste módulo". Ela começa no alto e não estica. */
.modulo-perguntas { align-self: start; align-content: start; }
/* a altura estimada de cada seção antes de montar (crítica de arte r2, nº 10: 900 px contra 1.600 reais no celular — a
   página "crescia" 4.600 px enquanto se rolava e a barra de rolagem saltava). Medidas na prova (provar-sistema.mjs). A
   pilha de :not() só ganha a especificidade da regra geral de horus.v7.css. */
main > section.modulo:not(#_):not(#__):not(#___) { contain-intrinsic-size: auto 1650px; }
main > section#e-tambem:not(#_):not(#__) { contain-intrinsic-size: auto 550px; }
main > section#conversar:not(#_):not(#__) { contain-intrinsic-size: auto 380px; }
@media (min-width: 1024px) {
  main > section.modulo:not(#_):not(#__):not(#___) { contain-intrinsic-size: auto 1480px; }
  main > section#e-tambem:not(#_):not(#__) { contain-intrinsic-size: auto 400px; }
  main > section#conversar:not(#_):not(#__) { contain-intrinsic-size: auto 300px; }
}
/* o próximo passo de cada módulo (crítica do cliente r1: só havia "Voltar ao índice") */
.modulo-quero { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; margin-top: clamp(24px, 3vw, 36px); }
.modulo-voltar { font-size: var(--t-apoio); }
@media (min-width: 1024px) {
  .modulo-tambem { grid-column: 1 / 7; }
  .modulo-perguntas { grid-column: 7 / 13; }
}
.sistema-tambem { background: var(--superficie); }
.sistema-tambem .t-apoio { max-width: 52rem; }

/* >>> módulos: GERADO por scripts/site-paginas.py (de site_modulos.py) — não editar à mão */
.q-rita { --pele: #C99877; --pele-escura: #A6765A; --roupa: #5C6F8E; --cabelo: #2A1A12; }
.q-joana { --pele: #8C5E45; --pele-escura: #6B4533; --roupa: #7A5A7E; --cabelo: #120C09; }
.q-marcos { --pele: #D2A88A; --pele-escura: #B08667; --roupa: #40566E; --cabelo: #3B2A1E; }
.q-vende { --pele: #A87458; --pele-escura: #835840; --roupa: #55606F; --cabelo: #16110E; }
.q-sindica { --pele: #B07B5C; --pele-escura: #8C5E44; --roupa: #6F5A86; --cabelo: #22160F; }
.q-sonia { --pele: #7E543D; --pele-escura: #62402E; --roupa: #4E6E7E; --cabelo: #0F0B09; }
.q-ana { --pele: #D6AD8E; --pele-escura: #B48868; --roupa: #3F6290; --cabelo: #3A2418; }
.q-sup { --pele: #9A6A50; --pele-escura: #7A513C; --roupa: #2F5A5C; --cabelo: #110D0A; }
.sim [data-em].on .m-sobe, .sim .m-sobe[data-em].on { animation-name: m-sobe; animation-duration: .55s; animation-timing-function: var(--sim-entra); animation-fill-mode: both; }
.sim [data-em].on .m-surge, .sim .m-surge[data-em].on { animation-name: m-surge; animation-duration: .55s; animation-timing-function: var(--sim-entra); animation-fill-mode: both; }
.sim [data-em].on .m-esq, .sim .m-esq[data-em].on { animation-name: m-esq; animation-duration: .55s; animation-timing-function: var(--sim-entra); animation-fill-mode: both; }
.sim [data-em].on .m-dir, .sim .m-dir[data-em].on { animation-name: m-dir; animation-duration: .55s; animation-timing-function: var(--sim-entra); animation-fill-mode: both; }
.sim [data-em].on .m-desce, .sim .m-desce[data-em].on { animation-name: m-desce; animation-duration: .55s; animation-timing-function: var(--sim-entra); animation-fill-mode: both; }
.sim [data-em].on .m-traca, .sim .m-traca[data-em].on { animation-name: sim-traca; animation-duration: .9s; animation-timing-function: var(--sim-entra); animation-fill-mode: both; }
.sim [data-em].on .m-cresce, .sim .m-cresce[data-em].on { animation-name: m-cresce; animation-duration: 1.1s; animation-timing-function: var(--sim-entra); animation-fill-mode: both; }
.sim [data-em].on .m-cresce-y, .sim .m-cresce-y[data-em].on { animation-name: m-cresce-y; animation-duration: .8s; animation-timing-function: var(--sim-entra); animation-fill-mode: both; }
.sim [data-em].on .m-pulsa, .sim .m-pulsa[data-em].on { animation-name: m-pulsa; animation-duration: 1.2s; animation-timing-function: var(--sim-entra); animation-fill-mode: both; }
.sim [data-em].on .m-voa, .sim .m-voa[data-em].on { animation-name: m-voa; animation-duration: 1.3s; animation-timing-function: var(--sim-entra); animation-fill-mode: both; }
.sim [data-em].on .m-voa-predio, .sim .m-voa-predio[data-em].on { animation-name: m-voa-predio; animation-duration: 1.4s; animation-timing-function: var(--sim-entra); animation-fill-mode: both; }
.sim [data-em].on .m-cai, .sim .m-cai[data-em].on { animation-name: m-cai; animation-duration: .7s; animation-timing-function: var(--sim-entra); animation-fill-mode: both; }
.sim [data-em].on .m-carimba, .sim .m-carimba[data-em].on { animation-name: m-carimba; animation-duration: 1.6s; animation-timing-function: var(--sim-entra); animation-fill-mode: both; }
.sim [data-em].on .m-arrasta, .sim .m-arrasta[data-em].on { animation-name: m-arrasta; animation-duration: .9s; animation-timing-function: var(--sim-entra); animation-fill-mode: both; }
.sim [data-em].on .m-perto, .sim .m-perto[data-em].on { animation-name: m-perto; animation-duration: .6s; animation-timing-function: var(--sim-entra); animation-fill-mode: both; }
.sim [data-em].on .m-dedo, .sim .m-dedo[data-em].on { animation-name: m-dedo; animation-duration: .9s; animation-timing-function: var(--sim-entra); animation-fill-mode: both; }
.sim [data-em].on .m-clica, .sim .m-clica[data-em].on { animation-name: m-clica; animation-duration: .8s; animation-timing-function: var(--sim-entra); animation-fill-mode: both; }
.sim [data-em].on .m-flash, .sim .m-flash[data-em].on { animation-name: m-flash; animation-duration: .5s; animation-timing-function: var(--sim-entra); animation-fill-mode: both; }
.sim [data-em].on .m-chega-predio, .sim .m-chega-predio[data-em].on { animation-name: m-chega-predio; animation-duration: 1.3s; animation-timing-function: var(--sim-entra); animation-fill-mode: both; }
.sim .m-d1 { animation-delay: 0.15s; }
.sim .m-d2 { animation-delay: 0.37s; }
.sim .m-d3 { animation-delay: 0.59s; }
.sim .m-d4 { animation-delay: 0.81s; }
.sim .m-d5 { animation-delay: 1.03s; }
.sim .m-d6 { animation-delay: 1.25s; }
.sim .m-d7 { animation-delay: 1.47s; }
.sim .m-d8 { animation-delay: 1.69s; }
.sim .m-d9 { animation-delay: 1.91s; }
.sim .m-d10 { animation-delay: 2.13s; }
.sim .m-d11 { animation-delay: 2.35s; }
.sim .m-d12 { animation-delay: 2.57s; }
.sim .mv-digita.on .antebraco-f { animation: m-digita .46s ease-in-out .5s infinite alternate; }
.sim .mv.on .corpo { animation: m-respira 3.4s ease-in-out .8s infinite; }
.sim .mv.on .m-cel-tela, .sim [data-em].on .m-perto .m-ui-cursor { animation: m-acende 1.8s ease-in-out .9s infinite; }
.sim [data-em].on .m-ui-cursor { animation: m-pisca 1s steps(1) .6s infinite; }
.sim [data-em].on .m-procura { animation: m-procura 2.2s ease-in-out 1.1s infinite; }
.sim [data-em].on .m-cometa { animation: m-cometa 2.4s linear 1.9s infinite; }
@keyframes m-digita { from { transform: rotate(-5deg); } to { transform: rotate(5deg); } }
@keyframes m-respira { 0%, 100% { transform: none; } 50% { transform: translateY(-1.4px); } }
@keyframes m-acende { 0%, 100% { opacity: 1; } 50% { opacity: .55; } }
@keyframes m-pisca { 0% { opacity: 1; } 50% { opacity: 0; } }
@keyframes m-procura { from { stroke-dashoffset: 1; opacity: 1; } 70% { stroke-dashoffset: 0; opacity: 1; } to { stroke-dashoffset: 0; opacity: 0; } }
@keyframes m-cometa { from { stroke-dashoffset: 1.1; opacity: 1; } to { stroke-dashoffset: 0; opacity: 1; } }
@keyframes m-clica { 0% { opacity: 0; transform: translate(34px, 24px); } 55% { opacity: 1; transform: none; } 72% { transform: scale(.82); } 100% { opacity: 1; transform: none; } }
@keyframes m-flash { 0% { opacity: 0; } 30% { opacity: .9; } 100% { opacity: 0; } }
@keyframes m-chega-predio { from { opacity: 0; transform: translate(-96px, -70px); } 15% { opacity: 1; } to { opacity: 1; transform: none; } }
.sim:is(.parado, .sim-reduzido) :is(.antebraco-f, .corpo, .m-cel-tela, .m-ui-cursor, .m-procura, .m-cometa) { animation: none !important; }
@media (prefers-reduced-motion: reduce) { .sim :is(.antebraco-f, .corpo, .m-cel-tela, .m-ui-cursor, .m-procura, .m-cometa) { animation: none !important; } }
.sim .m-dedo { animation-delay: .15s; }
.sim :is(.m-surge, .m-cresce, .m-cresce-y, .m-carimba, .m-perto) { transform-box: fill-box; transform-origin: 50% 50%; }
.sim .m-cresce { transform-origin: 0 50%; } .sim .m-cresce-y { transform-origin: 50% 100%; }
.sim .m-traca, .sim .m-rubrica { stroke-dasharray: 1; stroke-dashoffset: 0; }
@keyframes m-sobe { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes m-desce { from { opacity: 0; transform: translateY(-26px); } to { opacity: 1; transform: none; } }
@keyframes m-surge { from { opacity: 0; transform: scale(.5); } 70% { opacity: 1; transform: scale(1.08); } to { opacity: 1; transform: none; } }
@keyframes m-esq { from { opacity: 0; transform: translateX(-36px); } to { opacity: 1; transform: none; } }
@keyframes m-dir { from { opacity: 0; transform: translateX(36px); } to { opacity: 1; transform: none; } }
@keyframes m-cresce { from { transform: scaleX(0); } to { transform: none; } }
@keyframes m-cresce-y { from { transform: scaleY(0); } to { transform: none; } }
@keyframes m-pulsa { 0%, 100% { opacity: 1; } 25%, 75% { opacity: .35; } }
@keyframes m-voa { 0% { opacity: 0; transform: none; } 15% { opacity: 1; } 85% { opacity: 1; } 100% { opacity: 0; transform: translateX(120px); } }
@keyframes m-voa-predio { 0% { opacity: 0; transform: none; } 15% { opacity: 1; } 85% { opacity: 1; } 100% { opacity: 0; transform: translate(100px, 30px) scale(.7); } }
@keyframes m-cai { from { opacity: 0; transform: translateY(-90px); } 80% { opacity: 1; transform: translateY(4px); } to { opacity: 1; transform: none; } }
@keyframes m-carimba { 0%, 100% { transform: none; } 20%, 40%, 60%, 80% { transform: translateY(40px); } 30%, 50%, 70% { transform: translateY(10px); } }
@keyframes m-arrasta { from { opacity: 0; transform: translate(-150px, 30px); } to { opacity: 1; transform: none; } }
@keyframes m-perto { from { opacity: 0; transform: scale(.82) translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes m-dedo { from { transform: translate(-75px, 4px); } 25% { transform: translate(-52px, -12px); } 50% { transform: translate(-34px, 6px); } 75% { transform: translate(-15px, -8px); } to { transform: none; } }
@keyframes m-chega-esq { from { transform: translateX(-120px); } to { transform: none; } }
@keyframes m-chega-dir { from { transform: translateX(120px); } to { transform: none; } }
.sim-patrimonio[data-q="3"] .mv-noite { animation: m-chega-esq 1.7s cubic-bezier(.3, .5, .5, 1) both; }
.sim-patrimonio[data-q="3"] .mv-noite .corpo { animation: anda-sobe 0.390s linear 0.000s 4.4; }
.sim-patrimonio[data-q="3"] .mv-noite .coxa-f { animation: anda-coxa 0.780s linear 0.000s 2.2, assenta-coxa--70 280ms ease-out 1.716s forwards; }
.sim-patrimonio[data-q="3"] .mv-noite .canela-f { animation: anda-canela 0.780s linear 0.000s 2.2, assenta-canela-107 280ms ease-out 1.716s forwards; }
.sim-patrimonio[data-q="3"] .mv-noite .braco-f { animation: anda-braco 0.780s linear -0.390s 2.7, assenta-braco--30 280ms ease-out 1.716s forwards; }
.sim-patrimonio[data-q="3"] .mv-noite .antebraco-f { animation: anda-antebraco 0.780s linear -0.390s 2.7, assenta-antebraco--176 280ms ease-out 1.716s forwards; }
.sim-patrimonio[data-q="3"] .mv-noite .coxa-t { animation: anda-coxa 0.780s linear -0.390s 2.7, assenta-coxa-25 280ms ease-out 1.716s forwards; }
.sim-patrimonio[data-q="3"] .mv-noite .canela-t { animation: anda-canela 0.780s linear -0.390s 2.7, assenta-canela-390 280ms ease-out 1.716s forwards; }
.sim-patrimonio[data-q="3"] .mv-noite .braco-t { animation: anda-braco 0.780s linear 0.000s 2.2, assenta-braco-30 280ms ease-out 1.716s forwards; }
.sim-patrimonio[data-q="3"] .mv-noite .antebraco-t { animation: anda-antebraco 0.780s linear 0.000s 2.2, assenta-antebraco--144 280ms ease-out 1.716s forwards; }
.sim-financeiro[data-q="1"] .mv-sup { animation: m-chega-esq 1.7s cubic-bezier(.3, .5, .5, 1) both; }
.sim-financeiro[data-q="1"] .mv-sup .corpo { animation: anda-sobe 0.390s linear 0.000s 4.4; }
.sim-financeiro[data-q="1"] .mv-sup .coxa-f { animation: anda-coxa 0.780s linear 0.000s 2.2, assenta-coxa--70 280ms ease-out 1.716s forwards; }
.sim-financeiro[data-q="1"] .mv-sup .canela-f { animation: anda-canela 0.780s linear 0.000s 2.2, assenta-canela-107 280ms ease-out 1.716s forwards; }
.sim-financeiro[data-q="1"] .mv-sup .braco-f { animation: anda-braco 0.780s linear -0.390s 2.7, assenta-braco--30 280ms ease-out 1.716s forwards; }
.sim-financeiro[data-q="1"] .mv-sup .antebraco-f { animation: anda-antebraco 0.780s linear -0.390s 2.7, assenta-antebraco--176 280ms ease-out 1.716s forwards; }
.sim-financeiro[data-q="1"] .mv-sup .coxa-t { animation: anda-coxa 0.780s linear -0.390s 2.7, assenta-coxa-25 280ms ease-out 1.716s forwards; }
.sim-financeiro[data-q="1"] .mv-sup .canela-t { animation: anda-canela 0.780s linear -0.390s 2.7, assenta-canela-390 280ms ease-out 1.716s forwards; }
.sim-financeiro[data-q="1"] .mv-sup .braco-t { animation: anda-braco 0.780s linear 0.000s 2.2, assenta-braco-30 280ms ease-out 1.716s forwards; }
.sim-financeiro[data-q="1"] .mv-sup .antebraco-t { animation: anda-antebraco 0.780s linear 0.000s 2.2, assenta-antebraco--144 280ms ease-out 1.716s forwards; }
.sim-vt[data-q="5"] .mv-rui-muda { animation: m-chega-esq 1.7s cubic-bezier(.3, .5, .5, 1) both; }
.sim-vt[data-q="5"] .mv-rui-muda .corpo { animation: anda-sobe 0.390s linear 0.000s 4.4; }
.sim-vt[data-q="5"] .mv-rui-muda .coxa-f { animation: anda-coxa 0.780s linear 0.000s 2.2, assenta-coxa--70 280ms ease-out 1.716s forwards; }
.sim-vt[data-q="5"] .mv-rui-muda .canela-f { animation: anda-canela 0.780s linear 0.000s 2.2, assenta-canela-107 280ms ease-out 1.716s forwards; }
.sim-vt[data-q="5"] .mv-rui-muda .braco-f { animation: anda-braco 0.780s linear -0.390s 2.7, assenta-braco--30 280ms ease-out 1.716s forwards; }
.sim-vt[data-q="5"] .mv-rui-muda .antebraco-f { animation: anda-antebraco 0.780s linear -0.390s 2.7, assenta-antebraco--176 280ms ease-out 1.716s forwards; }
.sim-vt[data-q="5"] .mv-rui-muda .coxa-t { animation: anda-coxa 0.780s linear -0.390s 2.7, assenta-coxa-25 280ms ease-out 1.716s forwards; }
.sim-vt[data-q="5"] .mv-rui-muda .canela-t { animation: anda-canela 0.780s linear -0.390s 2.7, assenta-canela-390 280ms ease-out 1.716s forwards; }
.sim-vt[data-q="5"] .mv-rui-muda .braco-t { animation: anda-braco 0.780s linear 0.000s 2.2, assenta-braco-30 280ms ease-out 1.716s forwards; }
.sim-vt[data-q="5"] .mv-rui-muda .antebraco-t { animation: anda-antebraco 0.780s linear 0.000s 2.2, assenta-antebraco--144 280ms ease-out 1.716s forwards; }
.sim-dp[data-q="1"] .mv-marina-f { animation: m-chega-dir 1.7s cubic-bezier(.3, .5, .5, 1) both; }
.sim-dp[data-q="1"] .mv-marina-f .corpo { animation: anda-sobe 0.390s linear 0.000s 4.4; }
.sim-dp[data-q="1"] .mv-marina-f .coxa-f { animation: anda-coxa 0.780s linear 0.000s 2.2, assenta-coxa--70 280ms ease-out 1.716s forwards; }
.sim-dp[data-q="1"] .mv-marina-f .canela-f { animation: anda-canela 0.780s linear 0.000s 2.2, assenta-canela-107 280ms ease-out 1.716s forwards; }
.sim-dp[data-q="1"] .mv-marina-f .braco-f { animation: anda-braco 0.780s linear -0.390s 2.7, assenta-braco--30 280ms ease-out 1.716s forwards; }
.sim-dp[data-q="1"] .mv-marina-f .antebraco-f { animation: anda-antebraco 0.780s linear -0.390s 2.7, assenta-antebraco--176 280ms ease-out 1.716s forwards; }
.sim-dp[data-q="1"] .mv-marina-f .coxa-t { animation: anda-coxa 0.780s linear -0.390s 2.7, assenta-coxa-25 280ms ease-out 1.716s forwards; }
.sim-dp[data-q="1"] .mv-marina-f .canela-t { animation: anda-canela 0.780s linear -0.390s 2.7, assenta-canela-390 280ms ease-out 1.716s forwards; }
.sim-dp[data-q="1"] .mv-marina-f .braco-t { animation: anda-braco 0.780s linear 0.000s 2.2, assenta-braco-30 280ms ease-out 1.716s forwards; }
.sim-dp[data-q="1"] .mv-marina-f .antebraco-t { animation: anda-antebraco 0.780s linear 0.000s 2.2, assenta-antebraco--144 280ms ease-out 1.716s forwards; }
.sim-faturamento .sim-tela[data-em="5"].on { transition-delay: 2.7s; }
.m-papel { fill: #E6ECF3; stroke: #9DB0C6; stroke-width: 1; }
.m-papel-alerta { stroke: var(--atencao); stroke-width: 2.4; }
.m-papel-linha { fill: #9AA9BC; } .m-papel-linha-forte { fill: #334A66; }
.m-papel-titulo { fill: #0E2A4A; font-size: 13.5px; font-weight: 700; }
.m-txt-papel { fill: #334A66; font-size: 13.5px; font-weight: 700; }
.m-faixa-azul { fill: #1A61A4; }
.m-ficha { fill: #F4F7FB; stroke: #C4D0DE; } .m-pilula-ok { fill: #3DB88A; }
.m-qr-fundo { fill: #fff; } .m-qr-canto { fill: none; stroke: #0E1726; stroke-width: 1.8; } .m-qr-cheio { fill: #0E1726; }
.m-rubrica { fill: none; stroke: #5FB4E6; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.m-folha .m-rubrica, .m-esq .m-rubrica, .m-tela-clara ~ g .m-rubrica, .m-perto .m-rubrica { stroke: #1A3E66; }
.m-mesa { fill: none; stroke: #5A606C; stroke-width: 4; stroke-linecap: round; }
.m-bandeja { fill: #1B2638; stroke: #5A606C; stroke-width: 1.4; }
.m-predio { fill: #142236; stroke: var(--linha-forte); } .m-janela { fill: #2C4A6E; }
.m-marca { fill: #10151D; stroke: var(--ok); stroke-width: 2.4; }
.m-fio { fill: none; stroke: var(--azul-400); stroke-width: 2; stroke-linecap: round; }
.m-botao-cel { fill: #1A61A4; } .m-botao-ok { fill: #1E8A62; }
.m-txt-botao { fill: #fff; font-size: 13.5px; font-weight: 700; }
.m-quadro-assin { fill: rgb(56 157 211 / .10); stroke: #5A8FC4; stroke-width: 1.4; stroke-dasharray: 4 3; }
.m-molde { fill: #13243A; stroke: var(--linha-forte); } .m-molde-ic { fill: none; stroke: #9FC7EA; stroke-width: 1.6; stroke-linejoin: round; }
.m-txt-tela { fill: #CFE3F5; font-size: 13.5px; font-weight: 600; }
.m-bloco { fill: #163050; stroke: #2C5A86; } .m-bloco-5 { fill: #1E3A5C; }
.m-txt-bloco { fill: #CFE3F5; font-size: 13.5px; font-weight: 600; }
.m-cursor { fill: #fff; stroke: #0A1424; stroke-width: 1; } .m-cursor-txt { fill: none; stroke: #1A61A4; stroke-width: 3; stroke-linecap: round; }
.m-bolha { fill: #163050; } .m-bolha-ok { fill: #1E4D3C; } .m-slide { fill: #1A61A4; stroke: #CFE6F6; stroke-width: 1; }
.m-cartao { fill: #0C1828; stroke: var(--linha-forte); }
.m-vaga .pessoa { opacity: .55; }
.m-cracha-fundo { fill: #F4F7FB; } .m-cracha-topo { fill: #0E3A66; }
.m-cracha-letra { fill: #fff; font-family: var(--f-titulo); font-size: 13.5px; font-weight: 700; letter-spacing: .12em; }
.m-cracha-letra-g { fill: #fff; font-family: var(--f-titulo); font-size: 22px; font-weight: 700; letter-spacing: .14em; }
.m-cracha-foto { fill: #DDE6F0; } .m-cracha-rosto { fill: #A87458; }
.m-cracha-linha { fill: #0E2A4A; } .m-cracha-linha-azul { fill: #1A61A4; } .m-cracha-linha-fina { fill: #8C9AAE; }
.m-campo-arrastado { fill: #1A61A4; } .m-campo-posto { fill: #CFE6F6; stroke: #1A61A4; stroke-width: 1; }
.m-txt-campo { fill: #fff; font-size: 13.5px; font-weight: 600; }
.m-txt-campo-escuro { fill: #0E2A47; font-size: 13.5px; font-weight: 600; }
.m-campo-falta { fill: #FCE7B8; stroke: #B7791F; stroke-width: 1.6; stroke-dasharray: 3 2; }
.m-txt-falta { fill: #6B4100; font-size: 13.5px; font-weight: 700; }
.m-corte { fill: none; stroke: #8C9AAE; stroke-width: 1; stroke-dasharray: 3 3; }
.m-cordao { fill: none; stroke: #1A61A4; stroke-width: 2.4; stroke-linecap: round; }
.m-moldura { fill: none; stroke: #C1C0C6; stroke-width: 2; } .m-moldura-fundo { fill: #12253D; }
.m-trilho { fill: none; stroke: #2A3F5C; stroke-width: 3; stroke-dasharray: 2 6; }
.m-casa { fill: #D6AD8E; stroke: #F3E3D3; stroke-width: 1.4; }
.m-posto { fill: #1A61A4; stroke: #CFE6F6; stroke-width: 1.4; }
.m-pergunta { fill: var(--texto); font-family: var(--f-titulo); font-size: 22px; font-weight: 600; }
.m-rota { fill: none; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }
.m-rota-1 { stroke: var(--ciano); } .m-rota-2 { stroke: #9FC7EA; opacity: .75; } .m-rota-3 { stroke: #5A7393; opacity: .7; }
.m-rota-c1 { stroke: #5FA8E8; } .m-rota-c2 { stroke: #5FD3A6; } .m-rota-pe { stroke: #8C9AAE; stroke-width: 2.4; stroke-dasharray: 2 5; }
.m-trecho { fill: #0A1424; stroke: var(--ciano); stroke-width: 1.4; } .m-txt-trecho { fill: #CFE3F5; font-size: 13.5px; font-weight: 600; }
.m-trecho-c1 { stroke: #5FA8E8; } .m-trecho-c2 { stroke: #5FD3A6; }
.m-cartao-vt { fill: #13487E; stroke: #5FA8E8; stroke-width: 1.6; } .m-cartao-vt-2 { fill: #1E5B4A; stroke: #5FD3A6; }
.m-dia { fill: #121C2A; stroke: var(--linha-forte); } .m-dia-on { fill: #13487E; stroke: var(--azul-400); }
.m-dia-feriado { fill: #3A2A10; stroke: var(--atencao); }
.m-txt-dia { fill: var(--texto); font-size: 13.5px; font-weight: 600; font-variant-numeric: tabular-nums; }
.m-txt-semana { fill: var(--texto-2); font-size: 12.5px; font-weight: 600; }
.m-txt-mini { fill: var(--texto-2); font-size: 12px; font-weight: 600; }
.m-balanca { fill: none; stroke: #C1C0C6; stroke-width: 3; stroke-linecap: round; } .m-balanca-prato { fill: none; stroke: #C1C0C6; stroke-width: 2; }
.m-carimbo { fill: #1A61A4; } .m-carimbo-cabo { fill: none; stroke: #C1C0C6; stroke-width: 4; stroke-linecap: round; }
.m-marca-regua { fill: #10151D; stroke: var(--azul-400); stroke-width: 2.6; }
.m-flash { fill: #fff; opacity: 0; transform-box: fill-box; transform-origin: 50% 50%; }
.m-cupom { fill: #F4F1EA; stroke: #B9B2A2; stroke-width: 1; } .m-cupom-linha { fill: #9C9583; } .m-cupom-linha-forte { fill: #4A4537; }
.m-ui-barra { fill: #1A61A4; opacity: .85; } .m-ui-linha { fill: #6E8BB0; } .m-ui-cursor { fill: #CFE6F6; }
.m-procura { fill: none; stroke: var(--ciano); stroke-width: 2.4; stroke-linecap: round; stroke-dasharray: .04 .03; stroke-dashoffset: 1; opacity: 0; }
.m-cometa { fill: none; stroke: #fff; stroke-width: 6; stroke-linecap: round; stroke-dasharray: .06 1.1; stroke-dashoffset: 1.1; opacity: 0; }
.m-txt-botao-p { fill: #fff; font-size: 13px; font-weight: 700; }
.m-arquivo { fill: #13243A; stroke: #9FC7EA; stroke-width: 1.4; } .m-txt-arquivo { fill: #CFE3F5; font-size: 14px; font-weight: 700; }
.m-banco { fill: none; stroke: #C1C0C6; stroke-width: 2.4; stroke-linejoin: round; }
.m-linha-extrato { fill: #0C1828; stroke: var(--linha-forte); } .m-linha-conta { fill: #10223A; stroke: #2C5A86; }
.m-par { fill: none; stroke: var(--ok); stroke-width: 2.4; stroke-linecap: round; }
.m-bar-ok { fill: #2C7D60; } .m-bar-ruim { fill: #A9473C; }
.m-slot { fill: none; stroke: #5A7393; stroke-dasharray: 3 3; }
.m-radio-corpo { fill: #1E2530; stroke: #8C909A; } .m-radio-tela { fill: #51D1F6; opacity: .7; } .m-radio-antena { fill: none; stroke: #8C909A; stroke-width: 2.4; stroke-linecap: round; }
.m-nota { fill: #3A2D10; stroke: #F3C26C; } .m-txt-nota { fill: #F6CB7C; font-size: 13.5px; font-weight: 600; }
.m-txt-assinatura { fill: #93E7C6; font-size: 13.5px; font-weight: 700; }
.m-remetente { fill: #10223A; stroke: #2C5A86; } .m-remetente-falha { stroke: #E57A6C; }
.m-prancheta { fill: #5A606C; } .m-ok-f { fill: var(--ok); } .m-falha-f { fill: #E57A6C; }
.m-prazo { fill: var(--atencao); }
.m-cel-corpo { fill: #10151D; stroke: #8C909A; stroke-width: 1; } .m-cel-tela { fill: #1A61A4; }
.m-mala { fill: #7A4A2E; stroke: #3A2418; stroke-width: 1; } .m-mala-alca { fill: none; stroke: #3A2418; stroke-width: 1.6; }
.m-tela-clara { fill: #F4F7FB; } .m-tela-apagada { fill: #070B11; }
.m-tt { fill: #1F2A3A; font-size: 12.5px; font-weight: 600; } .m-tt-forte { fill: #0E2A4A; font-size: 13.5px; font-weight: 700; }
.m-tt-azul { fill: #1A61A4; font-size: 13px; font-weight: 700; } .m-tt-ok { fill: #1E7A55; font-size: 13px; font-weight: 700; }
.m-tt-branco { fill: #fff; font-size: 13px; font-weight: 700; } .m-tt-cinza { fill: #8C9AAE; font-size: 12.5px; }
.m-tt-hora { fill: #6B7B90; font-size: 11px; font-weight: 600; }
.m-tt-linha { fill: #C4D0DE; } .m-tt-topo { fill: #1A61A4; } .m-tt-zap { fill: #1E7A55; } .m-tt-fundo-zap { fill: #EFEAE2; }
.m-bolha-zap { fill: #fff; stroke: #D8DEE6; }
.m-caixinha { fill: #fff; stroke: #1A61A4; stroke-width: 1.4; }
.m-campo-claro { fill: #fff; stroke: #B8C4D4; } .m-escrita-escura { fill: none; stroke: #0E2A4A; stroke-width: 1.8; stroke-linecap: round; }
.m-pago { fill: #DDF5EA; }
.m-perto .s-check { stroke: #1E8A62; }
/* <<< módulos */