/* Perfil do Investidor: questionário de suitability e exemplos por perfil.
   Depende de rios-tokens.css, site-chrome.css e site.css. */

.pf-intro{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px 64px}
.pf-intro__col{display:flex;flex-direction:column;gap:12px}
.pf-intro__col h2{margin:0;font-family:var(--font-serif);font-weight:400;font-size:28px;line-height:1.15;color:var(--fg-1)}
.pf-intro__col p{margin:0;font-size:14px;line-height:1.7;color:var(--fg-2);text-wrap:pretty}
.pf-intro__col strong{color:var(--fg-1)}

/* ---------- Questionário ---------- */
.quiz{max-width:820px;margin:0 auto;box-shadow:var(--shadow-sm)}
.quiz__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;border-bottom:1px solid var(--border-subtle)}
.quiz__title{margin:0;font-size:13px;font-weight:600;color:var(--fg-1)}
.quiz__step{font-family:var(--font-mono);font-size:11px;color:var(--fg-2)}
.quiz__progress{height:3px;background:var(--bg-sunken)}
.quiz__progress>div{height:100%;background:var(--rios-teal);transition:width 180ms var(--site-ease)}
[data-theme="dark"] .quiz__progress>div{background:var(--fg-link)}
.quiz__body{padding:28px 24px;display:flex;flex-direction:column;gap:20px}
.quiz__q{margin:0;font-size:20px;font-weight:500;line-height:1.35;color:var(--fg-1);text-wrap:balance}
.quiz__hint{margin:-12px 0 0;font-size:12px;color:var(--fg-3)}
.quiz__opts{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;border:0}

.quiz-opt{
  position:relative;display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 14px;
  border:1px solid var(--border-default);border-radius:3px;background:var(--bg-sunken);
  font-size:14px;line-height:1.4;color:var(--fg-1);cursor:pointer;
  transition:border-color 120ms var(--site-ease),background-color 120ms var(--site-ease),box-shadow 120ms var(--site-ease);
}
.quiz-opt:hover{border-color:var(--border-strong)}
.quiz-opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.quiz-opt__mark{flex:none;width:16px;height:16px;border:1px solid var(--border-strong);border-radius:50%;background:var(--bg-surface);transition:border-color 120ms var(--site-ease),box-shadow 120ms var(--site-ease)}
.quiz-opt--multi .quiz-opt__mark{border-radius:3px}
.quiz-opt:has(input:checked){border-color:var(--fg-link);background:var(--accent-bg);box-shadow:var(--shadow-focus)}
.quiz-opt:has(input:checked) .quiz-opt__mark{border-color:var(--fg-link);box-shadow:inset 0 0 0 4px var(--fg-link)}
.quiz-opt--multi:has(input:checked) .quiz-opt__mark{box-shadow:inset 0 0 0 3px var(--bg-surface);background:var(--fg-link)}
.quiz-opt:has(input:focus-visible){box-shadow:var(--shadow-focus)}
.quiz-opt:has(input:disabled){opacity:.5;cursor:not-allowed}

.quiz__bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--border-subtle)}

/* ---------- Resultado ---------- */
.quiz-result__top{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-end;justify-content:space-between}
.quiz-result__col{display:flex;flex-direction:column;gap:6px}
.quiz-result__col--end{align-items:flex-end}
.k-label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3)}
.quiz-result__perfil{font-family:var(--font-serif);font-size:44px;line-height:1;color:var(--fg-1)}
.quiz-result__tol{font-size:13px;color:var(--fg-2)}
.quiz-result__score{font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--fg-1)}
.quiz-result__score small{font-size:14px;font-weight:400;color:var(--fg-3)}

.ruler{display:flex;flex-direction:column;gap:8px}
.ruler__bar{display:flex;gap:2px;height:8px;border-radius:2px;overflow:hidden}
.ruler__bar span:nth-child(1){background:var(--rios-teal-soft)}
.ruler__bar span:nth-child(2){background:var(--rios-teal)}
.ruler__bar span:nth-child(3){background:var(--rios-navy-soft)}
.ruler__mark{position:relative;height:14px}
.ruler__mark span{position:absolute;transform:translateX(-50%);font-size:10px;color:var(--fg-1)}
.ruler__labels{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--fg-2)}

.quiz-send{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid var(--border-subtle)}
.quiz-send__row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}
.quiz-send h3{margin:0;font-size:13px;font-weight:600;color:var(--fg-1)}

.quiz-answers{border-top:1px solid var(--border-subtle);padding-top:16px}
.quiz-answers summary{cursor:pointer;font-size:13px;font-weight:500;color:var(--fg-link)}
.quiz-answers ol{margin:12px 0 0;padding:0;list-style:none}
.quiz-answers li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:10px 0;border-bottom:1px solid var(--border-subtle);font-size:13px}
.quiz-answers .q{color:var(--fg-2)}
.quiz-answers .a{grid-column:1;color:var(--fg-1)}
.quiz-answers .p{grid-column:2;grid-row:1 / span 2;align-self:center;font-family:var(--font-mono);font-size:12px;color:var(--fg-2)}

/* ---------- Exemplos por perfil ---------- */
.pf-warning{margin:0 0 24px;font-size:12px;line-height:1.6;color:var(--fg-2);max-width:110ch}
.pf-warning strong{color:var(--fg-1)}

.tabs{display:flex;gap:2px;overflow-x:auto;border-bottom:1px solid var(--border-default);margin-bottom:24px;scrollbar-width:thin}
.tabs__tab{
  flex:none;height:40px;padding:0 16px;border:0;background:transparent;cursor:pointer;
  font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--fg-2);
  transition:color 120ms var(--site-ease),background-color 120ms var(--site-ease);
}
.tabs__tab:hover{color:var(--fg-1);background:var(--bg-sunken)}
.tabs__tab[aria-selected="true"]{color:var(--fg-1);font-weight:600;box-shadow:inset 0 -2px 0 var(--rios-gold)}
.tabs__tab:focus-visible{outline:none;box-shadow:var(--shadow-focus)}

.pf-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.pf-panel[hidden]{display:none}
.pf-kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}
.kpi{padding:20px;display:flex;flex-direction:column;gap:8px}
.kpi__value{font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--fg-1)}
.kpi__unit{font-size:11px;color:var(--fg-3)}
.pf-comp{grid-column:1 / -1;padding:20px;display:flex;flex-direction:column;gap:12px}
.stackbar{display:flex;gap:2px;height:28px;border-radius:2px;overflow:hidden}
.swatch{display:inline-block;flex:none;width:10px;height:10px;border-radius:2px;margin-right:10px;vertical-align:-1px}
.c1{background:var(--chart-1)} .c2{background:var(--chart-2)} .c3{background:var(--chart-3)}
.c4{background:var(--chart-4)} .c5{background:var(--chart-5)} .c6{background:var(--chart-6)}
.pf-table{overflow:hidden;align-self:start}
.pf-table tbody tr:last-child td{border-bottom:0}

@media (max-width:560px){
  .quiz__head,.quiz__body{padding-left:16px;padding-right:16px}
  .quiz-result__col--end{align-items:flex-start}
  .ruler__labels{font-size:10px}
  .quiz-send__row{grid-template-columns:1fr}
}