/* Radar 5x2: estilos próprios da ferramenta, sobre os tokens do site (style.css) */
.radar .linha-dupla{display:grid;grid-template-columns:1fr 1fr;gap:1.15rem}
.radar .form{max-width:none}
.radar .campo input[type=range]{padding:0;border:0;background:none;accent-color:var(--vinho);height:2rem}
.radar .campo .dica{margin-top:.25rem}
.radar .campo label b{color:var(--vinho)}
.radar #go{justify-self:start;margin-top:.4rem}

/* Resultado */
#res{display:none;scroll-margin-top:90px}
.radar .chips{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:0 0 1.6rem}
.radar .chip{font-family:var(--f-titulo);font-weight:700;font-size:1rem;line-height:1.1;text-align:center;padding:.9rem .6rem;border:2px solid var(--linha);border-radius:var(--raio);background:#fff;color:var(--tinta);cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.radar .chip:hover{border-color:var(--vinho)}
.radar .chip.on{background:var(--vinho);border-color:var(--vinho);color:#fff}
.radar .big{font-family:var(--f-titulo);font-weight:700;font-size:clamp(1.9rem,5vw,2.8rem);line-height:1.05;letter-spacing:-.022em;color:var(--vinho);margin-bottom:.5rem}
.radar .small{font-size:.92rem;line-height:1.55;color:var(--suave)}
.radar #head .small{max-width:var(--medida)}
.radar .kpis{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:1.6rem 0;border-top:2px solid var(--tinta)}
.radar .kpi{padding:1rem 1rem 1rem 0;border-bottom:1px solid var(--linha);font-family:var(--f-titulo);font-weight:500;font-size:.9rem;line-height:1.3;color:var(--suave)}
.radar .kpi:nth-child(even){padding-left:1rem;border-left:1px solid var(--linha)}
.radar .kpi b{display:block;font-weight:700;font-size:1.45rem;letter-spacing:-.015em;color:var(--tinta);margin-top:.2rem}
.radar .sc{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:1.1rem 1.2rem;margin-top:.9rem}
.radar .sc h3{margin:0 0 .3rem;font-size:1.1rem}
.radar .sc .v{font-family:var(--f-titulo);font-weight:700;font-size:1.5rem;letter-spacing:-.015em;color:var(--tinta)}
.radar .sc .small{margin-top:.2rem}
.radar .sc.best{border:2px solid var(--ok);box-shadow:inset 4px 0 0 var(--ok)}
.radar .badge{display:inline-block;vertical-align:middle;margin-left:.6rem;font-family:var(--f-titulo);font-weight:700;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;line-height:1;background:var(--ok);color:#fff;border-radius:999px;padding:.35rem .6rem}
.radar #tip{margin-top:1.4rem;border-left:3px solid var(--ouro);padding-left:1rem;max-width:var(--medida)}
.radar .warn{color:var(--erro);font-weight:600}
.radar .ok{color:var(--ok);font-weight:600}

/* Cobertura */
.radar .scroll{overflow-x:auto;margin:1rem 0 .6rem}
.radar table{width:100%;border-collapse:collapse;font-family:var(--f-titulo);font-size:.88rem;background:#fff}
.radar th,.radar td{border:1px solid var(--linha);padding:.5rem .3rem;text-align:center}
.radar th{background:var(--pedra);font-weight:700;color:var(--tinta)}
.radar td.T{background:#e4f0e9;color:var(--ok)}
.radar td.F{background:#f7e0e1;color:var(--erro);font-weight:700}
.radar td.X{background:var(--pedra);color:var(--suave)}
.radar #cov p{margin-bottom:0;max-width:none}

/* Próximos passos */
.radar .passos-fim .acoes{margin-top:1.4rem}

@media (max-width:640px){
  .radar .linha-dupla{grid-template-columns:1fr}
  .radar .kpis{grid-template-columns:1fr}
  .radar .kpi:nth-child(even){padding-left:0;border-left:0}
  .radar .badge{margin-left:0;margin-top:.3rem;display:block;width:max-content}
}