/* Comparador de métodos: prefixo cm-. Controles do questionário vêm de diagnostico.css (dg-). */
.cm-sec{padding-top:0}
.cm-lab{max-width:1060px;margin:0 auto;padding:clamp(14px,2.4vw,24px);border:1px solid var(--borda);border-radius:var(--raio);background:#fff;box-shadow:var(--sombra)}
.cm-lab h2{font-size:clamp(1.3rem,2.6vw,1.7rem);margin:0 0 14px}
.cm-met{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.cm-met button{display:grid;gap:3px;align-content:start;padding:13px 14px;border:1.5px solid var(--borda);border-radius:14px;background:var(--gelo);color:var(--texto);text-align:left;font:inherit;cursor:pointer;transition:border-color .15s,background .15s}
.cm-met button:hover{border-color:var(--azul-claro)}
.cm-met button[aria-pressed=true]{border-color:var(--azul);background:var(--gelo-2)}
.cm-met b{color:var(--marinho);font-size:1rem;line-height:1.2}
.cm-met i{font-style:normal;color:var(--azul-2);font-size:.76rem;font-weight:800;letter-spacing:.03em}
.cm-met span{color:var(--cinza);font-size:.82rem;line-height:1.35}
.cm-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}
.cm-chips button{min-height:38px;padding:6px 13px;border:1px solid var(--borda);border-radius:99px;background:#fff;color:var(--texto);font:600 .85rem var(--fonte);cursor:pointer}
.cm-chips button[aria-pressed=true]{border-color:var(--marinho);background:var(--marinho);color:#fff}
.cm-tela{position:relative;overflow:hidden;border-radius:12px;background:#0B2239;line-height:0}
.cm-tela canvas{display:block;width:100%}
.cm-prog{height:6px;margin-top:8px;border-radius:9px;background:var(--gelo-2);overflow:hidden}
.cm-prog i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--azul-claro),var(--azul))}
.cm-leg{min-height:3em;margin:10px 0 8px;color:var(--marinho);font-weight:700;line-height:1.4}
.cm-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.cm-ctl .btn{min-height:46px;padding:11px 20px;font-family:inherit;font-size:.92rem}
.cm-ctl label{display:inline-flex;align-items:center;gap:7px;color:var(--cinza);font-size:.86rem;font-weight:600}
.cm-ctl select{min-height:38px;border:1px solid var(--borda);border-radius:9px;background:#fff;font:inherit;color:var(--texto);padding:0 6px}
.cm-ctl input[type=checkbox]{width:19px;height:19px;accent-color:var(--azul)}
.cm-fases{margin:14px 0 0;padding:0;list-style:none;counter-reset:f}
.cm-fases li{position:relative;padding:5px 0 5px 32px;color:var(--cinza);font-size:.9rem;line-height:1.4;counter-increment:f}
.cm-fases li::before{content:counter(f);position:absolute;left:0;top:5px;width:22px;height:22px;border-radius:50%;background:var(--gelo-2);color:var(--azul-2);font-size:.74rem;font-weight:800;line-height:22px;text-align:center}
.cm-fases li.ativa{color:var(--marinho);font-weight:700}
.cm-fases li.ativa::before{background:var(--azul);color:#fff}
.cm-fases li.ok::before{content:"✓";background:#16A34A;color:#fff}
.cm-painel{max-width:1060px;margin:18px auto 0;padding:clamp(16px,2.6vw,24px);border-radius:var(--raio);background:var(--gelo)}
.cm-painel h3{font-size:1.1rem;margin:0 0 8px}
.cm-painel ul{list-style:disc;padding-left:20px;margin:0;color:var(--cinza)}
.cm-painel li{margin-bottom:5px;font-size:.93rem}
.cm-destaque{padding:11px 14px;border-left:4px solid var(--azul);border-radius:9px;background:#fff;color:var(--marinho);font-weight:700}
.cm-tab{width:100%;border-collapse:collapse;font-size:.92rem}
.cm-tab th,.cm-tab td{padding:11px 12px;border-bottom:1px solid var(--borda);text-align:left;vertical-align:top}
.cm-tab thead th{background:var(--marinho);color:#fff}
.cm-tab tbody th{color:var(--marinho);font-weight:700}
main table.cm-tab{display:table}
.cm-rolar{overflow-x:auto;border:1px solid var(--borda);border-radius:14px}
.cm-box{max-width:760px;margin:0 auto;padding:clamp(18px,3vw,30px);border:1px solid var(--borda);border-radius:var(--raio);background:#fff;box-shadow:var(--sombra)}
#cm-quiz{min-height:390px}
#cm-quiz h3.dg-t{font-size:clamp(1.25rem,2.6vw,1.55rem);outline:0}
.cm-ab{position:relative;max-width:1060px;margin:0 auto;border-radius:14px;overflow:hidden;line-height:0;background:#0B2239}
.cm-ab canvas{display:block;width:100%}
.cm-ab input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.cm-ab input:focus-visible+span{outline:3px solid var(--azul-claro);outline-offset:-3px}
.cm-ab span{position:absolute;inset:0;pointer-events:none;border-radius:14px}
.cm-mitos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:1060px;margin:0 auto}
.cm-cta{max-width:760px;margin:0 auto;text-align:center}
.cm-cta .dg-fim{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
@media (max-width:720px){.cm-met{gap:5px;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr) minmax(0,.9fr)}.cm-met button{padding:10px 3px;text-align:center;align-content:center;min-height:56px;min-width:0}.cm-met b{font-size:.74rem;letter-spacing:-.01em}.cm-met i,.cm-met span{display:none}.cm-mitos{grid-template-columns:1fr}.wa-float{display:none}}
@media (max-width:900px){.wa-float{display:none}}
@media (prefers-reduced-motion:reduce){.cm-met button{transition:none}}
