/* cofator-v4 · o diagnóstico de atendimento (29/09/2026). Vem depois do home-v4.css e do
   v4-paginas.css e usa so os tokens deles. As classes quiz-* sao as que o
   diagnostic-production.js escreve; aqui so muda o desenho, o texto e o fluxo sao os mesmos. */
body:has(.v4.quiz){margin:0;background:#E1E6F0}
.v4.quiz-topo{background:var(--tinta);color:var(--papel)}
.v4 .quiz-topo__in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}
.v4.quiz-topo img{width:148px;height:auto}
.v4 .quiz-topo__link{display:inline-flex;align-items:center;min-height:44px;font-family:var(--f-display);font-weight:600;font-size:1rem;color:var(--papel);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.3em}
.v4 .quiz-topo__link:hover{color:#fff;text-decoration-color:var(--ciano)}

.v4.quiz{padding:clamp(32px,6vw,88px) var(--calha);background:var(--papel-2)}
.v4 .quiz-card{max-width:800px;margin-inline:auto;padding:clamp(24px,5vw,56px);background:var(--papel);border-radius:8px}
.v4 [tabindex="-1"]:focus{outline:none}
.v4 .quiz-kicker{display:block;margin-bottom:14px;font-family:var(--f-display);font-weight:600;font-size:1rem;color:var(--ultramar)}
.v4 .quiz-card h1{margin:0 0 20px;font-family:var(--f-display);font-weight:720;font-stretch:86%;font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.02;letter-spacing:-.03em;text-wrap:balance;max-width:22ch}
.v4 .quiz-card h2{margin:0 0 16px;font-family:var(--f-display);font-weight:680;font-stretch:88%;font-size:clamp(1.6rem,3vw,2.35rem);line-height:1.06;letter-spacing:-.024em;text-wrap:balance;max-width:none}
.v4 .quiz-card h3{margin:0 0 10px;font-family:var(--f-display);font-weight:660;font-stretch:90%;font-size:clamp(1.25rem,1.8vw,1.5rem);line-height:1.15;letter-spacing:-.012em;text-wrap:balance}
.v4 .quiz-card p{margin:0 0 16px;max-width:62ch;color:var(--texto-2);text-wrap:pretty}
.v4 .quiz-card strong{color:var(--texto);font-weight:600}
.v4 .quiz-card a:not(.quiz-button){color:var(--ultramar);text-underline-offset:.2em}
.v4 .quiz-benefits{display:grid;gap:10px;margin:8px 0 24px}
.v4 .quiz-benefits li{display:flex;gap:14px;align-items:baseline}
.v4 .quiz-benefits li::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:var(--latao);transform:translateY(-.12em)}

.v4 .quiz-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.95em 1.55em;border:0;border-radius:999px;background:var(--ultramar);color:#fff;font-family:var(--f-display);font-weight:650;font-stretch:92%;font-size:1.08rem;line-height:1.15;text-align:center;text-decoration:none;cursor:pointer;transition:background .2s,box-shadow .2s,color .2s}
.v4 .quiz-button:hover{background:#1830D0}
.v4 .quiz-button:disabled{opacity:.42;cursor:not-allowed;background:var(--ultramar)}
.v4 .quiz-button.secondary{background:transparent;color:var(--texto);box-shadow:inset 0 0 0 1.5px #CBD2E1}
.v4 .quiz-button.secondary:hover{color:var(--ultramar);box-shadow:inset 0 0 0 1.5px var(--ultramar)}
.v4 .quiz-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:28px 0 16px}

.v4 .quiz-card progress{display:block;width:100%;height:6px;margin:0 0 28px;border:0;border-radius:99px;background:var(--papel-2);overflow:hidden;appearance:none;-webkit-appearance:none;accent-color:var(--ultramar)}
.v4 .quiz-card progress::-webkit-progress-bar{background:var(--papel-2)}
.v4 .quiz-card progress::-webkit-progress-value{background:var(--ultramar);border-radius:99px}
.v4 .quiz-card progress::-moz-progress-bar{background:var(--ultramar);border-radius:99px}
.v4 .quiz-card fieldset{min-width:0;margin:0;padding:0;border:0}
.v4 .quiz-card legend{padding:0;margin-bottom:6px;font-family:var(--f-display);font-weight:600;font-size:1rem;color:var(--texto)}
.v4 .quiz-option{display:flex;gap:14px;align-items:flex-start;margin:10px 0;padding:16px 18px;border:1px solid #CBD2E1;border-radius:14px;font-size:1.05rem;line-height:1.45;cursor:pointer;transition:border-color .2s,background .2s}
.v4 .quiz-option:hover{border-color:var(--nevoa)}
.v4 .quiz-option:has(input:checked){border-color:var(--ultramar);background:#fff;box-shadow:inset 0 0 0 1px var(--ultramar)}
.v4 .quiz-option input{flex:none;width:20px;height:20px;margin:.15em 0 0;accent-color:var(--ultramar)}

.v4 .quiz-feedback{margin-top:28px;padding-top:28px;border-top:1.5px solid var(--latao)}
.v4 .quiz-evidence{margin:20px 0;padding:16px 22px;border-left:3px solid var(--ultramar);border-radius:0 6px 6px 0;background:#fff;font-size:1rem}
.v4 .quiz-evidence strong{font-family:var(--f-display);font-weight:620}
.v4 .quiz-card .quiz-evidence p{margin:8px 0}
.v4 .quiz-evidence summary{padding-block:10px;font-family:var(--f-display);font-weight:600;color:var(--ultramar);cursor:pointer}
.v4 .quiz-evidence a{overflow-wrap:anywhere}

.v4 .quiz-field{display:grid;gap:6px;margin:18px 0}
.v4 .quiz-field label{font-family:var(--f-display);font-weight:600;font-size:1rem;line-height:1.3;color:var(--texto)}
.v4 .quiz-field input{width:100%;min-height:52px;padding:.8rem 1rem;border:1px solid #CBD2E1;border-radius:14px;background:#fff;color:var(--texto);font:400 1.05rem/1.4 var(--f-texto)}
.v4 .quiz-field input:hover{border-color:var(--nevoa)}
.v4 .quiz-field input:focus{outline:3px solid var(--ultramar);outline-offset:2px;border-color:var(--ultramar)}
.v4 .quiz-field small{font-size:.95rem;line-height:1.45;font-style:italic;color:var(--texto-2)}
.v4 .quiz-check{display:flex;gap:12px;align-items:flex-start;font-size:1.02rem;line-height:1.5;color:var(--texto);cursor:pointer}
.v4 .quiz-check input{flex:none;width:20px;height:20px;margin:.15em 0 0;accent-color:var(--ultramar)}
.v4 .quiz-card .quiz-error{margin:16px 0 0;color:#B3261E}

.v4 .quiz-result-item{padding:24px 0 8px;border-top:1px solid #CBD2E1}
.v4 .quiz-result-tag{display:block;margin-bottom:8px;font-family:var(--f-display);font-weight:600;font-size:.98rem;color:var(--ultramar)}

.v4.quiz-rodape{padding:0 var(--calha) 40px;background:var(--papel-2);color:var(--texto-2);font-size:.98rem;text-align:center}
.v4 [hidden]{display:none!important}
@media (max-width:560px){
  .v4 .quiz-card{padding:26px 18px}
  .v4.quiz-topo img{width:124px}
  .v4 .quiz-topo__link{font-size:.95rem}
  .v4 .quiz-actions .quiz-button{width:100%}
}