/* Sinal — guias de treinamento */
:root{
  --roxo:#7030A0; --roxo-esc:#571F80; --lima:#A6CE39; --ciano:#29ABE2;
  --ink:#2A2230; --sub:#6F6579; --paper:#FFFFFF; --fundo:#F6F3FA; --linha:#E6DFEE;
  --lima-ink:#243002;
}
*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
body{
  background:var(--fundo); color:var(--ink);
  font-family:"Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing:antialiased; line-height:1.6;
}
.topo{
  background:linear-gradient(135deg, #7B35AC 0%, var(--roxo) 45%, #4E1C73 100%);
  color:#fff; padding:28px 18px 24px; border-bottom:4px solid var(--lima); text-align:center;
}
.topo .marca{ font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--lima); }
.topo h1{ margin:8px 0 4px; font-size:26px; font-weight:800; letter-spacing:-.01em; }
.topo p{ margin:0 auto; font-size:14.5px; opacity:.92; max-width:520px; }
.miolo{ max-width:640px; margin:0 auto; padding:22px 16px 60px; }
.passo{
  background:var(--paper); border:1px solid var(--linha); border-radius:18px;
  padding:20px 18px; margin:0 0 18px;
}
.passo-numero{
  display:inline-flex; align-items:center; justify-content:center;
  width:34px; height:34px; border-radius:50%; background:var(--roxo); color:#fff;
  font-weight:800; font-size:16px; margin-right:10px; vertical-align:middle;
}
.passo h2{ display:inline; font-size:19px; margin:0; vertical-align:middle; }
.passo p{ font-size:15px; margin:12px 0 0; }
.passo ul{ font-size:15px; margin:10px 0 0; padding-left:22px; }
.passo li{ margin-bottom:6px; }
.tela{
  display:block; width:min(300px, 100%); margin:16px auto 6px;
  border-radius:22px; border:6px solid #241B2E; box-shadow:0 14px 34px rgba(40,15,70,.22);
}
.legenda{ text-align:center; font-size:12.5px; color:var(--sub); margin:6px 0 0; }
.dica{
  background:#F3F9E1; border:1.5px solid #CDE38E; border-radius:12px;
  padding:12px 14px; font-size:14px; margin-top:12px;
}
.dica b:first-child{ color:#4C6B0B; }
.atencao{
  background:#FFF7E8; border:1.5px solid #F3DFB6; border-radius:12px;
  padding:12px 14px; font-size:14px; margin-top:12px; color:#6B4E12;
}
.faq{ background:var(--paper); border:1px solid var(--linha); border-radius:18px; padding:8px 18px 14px; }
.faq h2{ font-size:19px; }
.faq dt{ font-weight:700; font-size:15px; margin-top:14px; }
.faq dd{ margin:4px 0 0; font-size:14.5px; color:#4A4253; }
.rodape{ text-align:center; font-size:12.5px; color:var(--sub); padding:0 16px 40px; }
.rodape a{ color:var(--roxo); }
.selo-secao{
  display:inline-block; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase;
  background:var(--lima); color:var(--lima-ink); border-radius:999px; padding:4px 12px; margin-bottom:8px;
}
.botao-exemplo{
  display:inline-block; background:linear-gradient(135deg,#4CAF50,#2E7D32); color:#fff;
  border-radius:10px; font-weight:700; font-size:13.5px; padding:8px 14px;
}
@media print{ .tela{ box-shadow:none; } }