/* /nodarya/teste/: entrada + resultado numa tela; site claro, cobre só no que age */
.teste-nd{padding-block:24px 64px}
.tn-topo{max-width:760px;margin:20px 0 28px}.tn-topo h1{font-size:clamp(32px,4.4vw,54px);line-height:1.02;letter-spacing:-.03em;text-wrap:balance;margin:10px 0 10px}.tn-topo .sv-lead{margin:0;color:#6B6D71}
/* topo em duas colunas: formulário à esquerda, resultado pronto à direita (a página não fica vazia antes de gerar) */
.tn-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(28px,4vw,64px);align-items:start}
.tn-entrada{display:grid;gap:22px}
.tn-amostra{position:sticky;top:96px;margin-top:20px;display:grid;gap:14px;background:#FFF;border:1px solid rgba(21,22,24,.1);border-radius:18px;padding:18px;box-shadow:0 50px 90px -55px rgba(21,22,24,.55),0 0 0 8px rgba(194,129,79,.08)}
.tn-am-topo{display:grid;gap:4px}.tn-am-topo b{font-size:17px;letter-spacing:-.01em}.tn-am-topo small{color:#6B6D71;font-size:13px}
.tn-am-selo{justify-self:start;display:inline-flex;align-items:center;gap:8px;background:#151618;color:#F3F3F1;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;margin-bottom:6px}
.tn-am-selo::before{content:'';width:7px;height:7px;border-radius:50%;background:#C2814F;box-shadow:0 0 0 0 rgba(194,129,79,.7);animation:tnPulso 2s infinite}
@keyframes tnPulso{70%{box-shadow:0 0 0 8px rgba(194,129,79,0)}100%{box-shadow:0 0 0 0 rgba(194,129,79,0)}}
.tn-am-fluxo svg{display:block;width:100%;height:auto;font-family:Inter,system-ui,sans-serif}
.tn-am-pe{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tn-am-pe div{display:grid;gap:2px;background:#FBF6F1;border-left:3px solid #C2814F;border-radius:0 10px 10px 0;padding:10px 12px}
.tn-am-pe small{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9A4A1E}.tn-am-pe b{font-size:14.5px}.tn-am-pe span{font-size:13px;color:#55575B;line-height:1.4}
.tn-caixa{display:grid;gap:12px;background:#FFF;border:1px solid rgba(21,22,24,.12);border-radius:14px;padding:20px}
.tn-caixa label{font-weight:600;font-size:14px}
.tn-caixa textarea{width:100%;font:inherit;font-size:16px;line-height:1.5;padding:14px;border:1px solid rgba(21,22,24,.18);border-radius:10px;background:#F7F7F5;resize:vertical;min-height:170px}
.tn-caixa textarea:focus{outline:2px solid #C2814F;outline-offset:1px;background:#FFF}
.tn-linha{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px}
.tn-conta{color:#6B6D71;font-variant-numeric:tabular-nums}
.tn-linha .text-link{background:none;border:0;padding:0;font:inherit;font-size:13px;color:#9A4A1E;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.tn-caixa .button{justify-self:start}
.tn-status{margin:0;font-size:14px;min-height:1.4em;color:#6B6D71}.tn-status.erro{color:#A33A1F}
.tn-dicas{list-style:none;counter-reset:d;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tn-dicas li{counter-increment:d;align-content:start;display:grid;grid-template-columns:34px 1fr;gap:2px 12px;align-items:start}
.tn-dicas li::before{content:counter(d);grid-row:span 2;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#151618;color:#F3F3F1;font-size:13px;font-weight:600}
.tn-dicas b{font-size:15px}.tn-dicas span{font-size:14px;color:#55575B;line-height:1.45}
.tn-resultado{margin-top:44px;display:grid;gap:22px}.tn-resultado[hidden]{display:none}
.tn-resultado h2{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.02em;margin:0}
.tn-fluxo{overflow-x:auto;background:#FFF;border:1px solid rgba(21,22,24,.12);border-radius:14px;padding:12px}
.tn-fluxo svg{display:block;max-width:none;font-family:Inter,system-ui,sans-serif}
.tn-raia rect{fill:#FFF;stroke:rgba(21,22,24,.1)}.tn-raia:nth-child(odd of .tn-raia) rect{fill:#F6F6F3}
.tn-raia text{font-size:13px;font-weight:600;fill:#55575B}
.tn-etapa rect{fill:#FFF;stroke:#151618;stroke-width:1.2}.tn-etapa text{font-size:12.5px;fill:#151618}
.tn-inicio rect,.tn-fim rect{fill:#151618}.tn-inicio text,.tn-fim text{fill:#F3F3F1}
.tn-decisao rect{fill:#FBF1E8;stroke:#C2814F;stroke-width:1.6}
.tn-liga{fill:none;stroke:#151618;stroke-width:1.3}.tn-volta{fill:none;stroke:#C2814F;stroke-width:1.5;stroke-dasharray:5 4}
.tn-seta{fill:#151618}.tn-rot{font-size:11.5px;fill:#9A4A1E;font-weight:600;paint-order:stroke;stroke:#FFF;stroke-width:3px;stroke-linejoin:round}
@media (prefers-reduced-motion:no-preference){.tn-etapa{animation:tnEntra .45s both;animation-delay:calc(var(--k)*90ms)}@keyframes tnEntra{from{opacity:0;transform:translateY(6px)}}}
.tn-dupla{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.tn-pop,.tn-desp{background:#FFF;border:1px solid rgba(21,22,24,.12);border-radius:14px;padding:20px}
.tn-pop h3{margin:6px 0 6px;font-size:19px}.tn-pop p{margin:0 0 10px;color:#55575B}.tn-pop ol{margin:0;padding-left:20px;display:grid;gap:6px}
.tn-desp ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:14px}.tn-desp li{display:grid;gap:3px;padding-left:14px;border-left:3px solid #C2814F}.tn-desp span{color:#55575B;font-size:14.5px}
.tn-saidas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.tn-saidas .button:not(.primary){background:transparent;border-color:rgba(21,22,24,.25);color:#151618}
.tn-pdf{display:grid;gap:8px;max-width:520px}.tn-pdf label{font-weight:600;font-size:14px}
.tn-pdf div{display:flex;gap:10px;flex-wrap:wrap}.tn-pdf input{flex:1 1 220px;font:inherit;font-size:16px;padding:12px 14px;border:1px solid rgba(21,22,24,.2);border-radius:999px}
.tn-nota{margin:0;font-size:12.5px;color:#6B6D71}
.tn-rodape{margin-top:48px;padding-top:20px;border-top:1px solid rgba(21,22,24,.12);color:#55575B;max-width:760px}.tn-rodape small{color:#6B6D71}
@media (max-width:960px){.tn-hero{grid-template-columns:1fr}.tn-amostra{position:static;margin-top:0}}
/* notebook (tela baixa): formulário, botão e os 3 passos na 1ª tela; a caixa começa baixa e cresce ao digitar */
@media (min-width:961px) and (max-height:1000px){
 .teste-nd{padding-top:8px;row-gap:44px}.teste-nd .blog-crumbs{margin-bottom:-24px;align-self:start}.tn-topo{margin:4px 0 16px}.tn-topo h1{font-size:clamp(30px,3.1vw,46px);margin:6px 0 6px}
 .tn-amostra{margin-top:4px}
 .tn-entrada{gap:16px}.tn-caixa{padding:16px 18px;gap:10px}
 .tn-caixa textarea{min-height:96px;field-sizing:content;max-height:300px}
 .tn-status:empty{display:none}
 .tn-dicas b{font-size:14px}.tn-dicas span{font-size:13px;line-height:1.4}}
@media (max-width:860px){.tn-entrada,.tn-dupla{grid-template-columns:1fr}.tn-dicas{order:-1;grid-template-columns:1fr}.tn-caixa .button{justify-self:stretch;justify-content:center}}
.tn-desp small{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9A4A1E}
.tn-imprime{display:none}
/* Baixar em PDF: só o resultado, fluxograma deitado na largura da folha */
@media print{@page{size:A4 landscape;margin:12mm}body>*:not(main),.teste-nd>*:not(.tn-resultado),.tn-saidas,.whats-fixo,.consent{display:none!important}
.teste-nd{padding:0}.tn-resultado{margin:0;gap:12px}.tn-fluxo{overflow:visible;border:0;padding:0}.tn-fluxo svg{width:100%;height:auto}
.tn-dupla{grid-template-columns:1fr 1fr;break-inside:avoid}.tn-etapa{animation:none!important}.tn-imprime{display:block;font-size:11px;color:#6B6D71;margin:0}}