/* Quiz · visual "mundo Mavvi" (paleta oficial + Satoshi). Sobrepõe quiz.css sem mexer na lógica. */
:root{--navy:#0E382E;--navy-mid:#155244;--navy-soft:#2B2A30;--sand:#ECEAF3;--sand-deep:#E2E0EA;--coral:#8283AB;--coral-bright:#6F70A0;--ivory:#F5F3EF;--cream:#FFFFFF;--text:#2B2A30;--muted:#5F5E66;--line:rgba(14,56,46,.12)}
body{font-family:"Satoshi",system-ui,-apple-system,sans-serif;font-weight:400}
h1,h2,h3{font-family:"Satoshi",system-ui,sans-serif;font-weight:300;letter-spacing:-.02em;color:#0E382E}
.section-label{font-weight:500;color:#8283AB}
.header{background:rgba(245,243,239,.92)}
.btn,.btn-header{font-weight:500}
.btn-coral{background:#0E382E;box-shadow:0 10px 24px rgba(14,56,46,.25)}
.btn-coral:hover{background:#155244}
.card{border-radius:26px}
.card.intro::before{background:rgba(130,131,171,.14)}
.opt.selected{background:#F1F0F7}
.quiz-hero{background:#0E382E;color:#F5F3EF;padding:26px 0 70px;margin-bottom:-48px}
.quiz-hero .k{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#C9CAE6}
.quiz-hero p{margin:6px 0 0;color:rgba(245,243,239,.75);font-size:.92rem}
.quiz-hero a{color:#F5F3EF}
.perfil-pick{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 20px;padding:6px;background:#F5F3EF;border-radius:999px;width:max-content;max-width:100%}
.perfil-pick .pp-t{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#8283AB;padding:0 6px 0 10px}
.perfil-pick .pp{min-height:40px;padding:8px 14px;border-radius:999px;color:#0E382E;font-weight:500;font-size:.88rem}
.perfil-pick .pp[aria-pressed=true]{background:#0E382E;color:#fff}
@media (max-width:480px){.perfil-pick{border-radius:18px}.perfil-pick .pp-t{width:100%;padding:4px 8px}}
.footer{background:#2B2A30}
.cta-box{background:#0E382E}