:root{font-family:system-ui,sans-serif;color:#263b35;background:#f6f5ee;line-height:1.6}*{box-sizing:border-box}body{margin:0}header{max-width:1000px;margin:auto;padding:26px;display:flex;justify-content:space-between;align-items:center;gap:20px}header>span,footer{font-size:13px;color:#65746b}.brand{text-decoration:none;color:#263b35;font-size:27px;font-weight:800}.brand span{color:#bb633f}main{max-width:780px;margin:35px auto;padding:0 22px}h1{font-size:clamp(30px,5vw,46px);line-height:1.18;letter-spacing:-1px}h2{line-height:1.35;font-size:26px}p{color:#52665c}.eyebrow{color:#a45436;font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:700}.card{background:white;border:1px solid #e3e6dc;border-radius:22px;padding:clamp(22px,5vw,42px);box-shadow:0 12px 40px #263b3508}button{background:#294c40;color:white;border:0;border-radius:12px;padding:15px 24px;font:inherit;font-weight:650;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.back{background:transparent;color:#52665c}.actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px}label.option{display:flex;align-items:flex-start;gap:13px;padding:15px;border:1px solid #dee5dd;border-radius:12px;margin:10px 0;cursor:pointer}label.option:has(input:checked){background:#edf4e9;border-color:#416b51}input[type=radio],input[type=checkbox]{accent-color:#294c40;width:18px;height:18px;flex-shrink:0;margin-top:4px}textarea,input[type=text],input[type=email],input[type=tel]{display:block;width:100%;border:1px solid #ced8ce;border-radius:10px;padding:14px;font:inherit;margin:8px 0 18px}textarea{min-height:150px;resize:vertical}fieldset{border:0;padding:0;margin:18px 0}legend{font-weight:650}progress{width:100%;height:7px;accent-color:#294c40;margin:10px 0 25px}.progress-label{display:flex;justify-content:space-between;font-size:13px;color:#65746b}.error{color:#a33333;min-height:24px}footer{text-align:center;padding:30px}.badge{display:inline-block;background:#e9f0df;border-radius:20px;padding:6px 14px;font-size:13px}.secondary{background:#f5f1e8;border-radius:14px;padding:18px;margin:24px 0}small{color:#65746b}@media(max-width:500px){header>span{display:none}main{margin-top:10px}h2{font-size:23px}}
.answer-box{border:1px solid #ced8ce;border-radius:10px;margin:8px 0 18px;padding:14px}.answer-prefix{font-weight:650;color:#294c40}.answer-box textarea{border:0;margin:0;padding:10px 0;min-height:120px}.choice-pair{border:1px solid #dee5dd;border-radius:16px;padding:16px;margin:26px 0}.choice-pair legend{padding:0 8px}.or-divider{display:flex;align-items:center;gap:12px;color:#a45436;font-weight:750;font-size:13px}.or-divider:before,.or-divider:after{content:'';height:1px;background:#e3e6dc;flex:1}.gift{background:#edf4e9;padding:24px;border-radius:16px;margin:26px 0}.gift-button{display:inline-block;background:#294c40;color:#fff;text-decoration:none;font-weight:650;padding:15px 22px;border-radius:12px}.gift-button:hover{background:#1c382e}
.pair-options{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:stretch}.pair-options .option{margin:0}.pair-options .or-divider{justify-content:center}.pair-options .or-divider:before,.pair-options .or-divider:after{display:none}.answer-prefix{margin-bottom:8px}@media(max-width:500px){.pair-options{gap:6px}.pair-options .option{padding:10px;gap:6px;font-size:14px}.choice-pair{padding:10px}.pair-options input{width:16px;height:16px}}
.contact-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.start-actions{text-align:center}.answer-card{padding:22px}.answer-card>.option:first-child{margin-top:0}.answer-card>.option:last-child{margin-bottom:0}.answer-card textarea{margin:0;border:0;padding:8px;min-height:150px}.question-form h2{margin-bottom:24px}.question-form h3{margin:0 0 18px;font-size:20px}.question-form>.error{margin-top:12px}.question-form>.actions{margin-top:12px}.choice-pair{border:0;padding:0;margin:0 0 22px}.choice-pair:last-child{margin-bottom:0}.pair-options .option{border:0;border-radius:10px}.pair-options .option:has(input:checked){background:#edf4e9}.gift h2{margin-top:0}@media(max-width:500px){.contact-fields{gap:10px}.contact-fields input{padding:11px;font-size:14px}.answer-card{padding:16px}.choice-pair{padding:0}.pair-options .option{padding:8px}}
.matrix-answers .pair-options .option{background:#fff;border:1px solid #dee5dd;border-radius:12px;padding:18px;box-shadow:0 6px 18px #263b3505}.matrix-answers .pair-options .option:has(input:checked){background:#edf4e9;border-color:#416b51}.matrix-answers .choice-pair{margin-bottom:16px}@media(max-width:500px){.matrix-answers .pair-options .option{padding:10px}}
/* Identidade visual: cartões leves, lilás e amarelo. */
:root{color:#29282d;background:#f5eae2;--ink:#29282d;--purple:#cdb1f2;--yellow:#f6df72;--cream:#fff8bf}body{position:relative;isolation:isolate;min-height:100vh;overflow-x:hidden}body:before{content:'';position:fixed;z-index:-2;width:75vw;height:125vh;right:-38vw;top:-18vh;background:#cdb1f2;border:35px solid #29282d;border-radius:50%;transform:rotate(-22deg);pointer-events:none}body:after{content:'';position:fixed;z-index:-1;width:130vw;height:55vh;left:-15vw;bottom:-40vh;background:#cdb1f2;border-top:28px solid #29282d;border-radius:50% 50% 0 0;transform:rotate(7deg);pointer-events:none}header{max-width:1000px;margin:24px auto 0;padding:16px 25px;background:#fff;border-radius:28px;box-shadow:0 6px 35px #29282d05}.brand{color:var(--ink);letter-spacing:-1px}.brand span{color:#8060a5}main{margin:38px auto 70px;max-width:820px}h1{font-size:clamp(29px,4.2vw,43px);font-weight:750;letter-spacing:-1.3px}h2{color:var(--ink);font-weight:700}p{color:#55505c}.card{border:0;border-radius:30px;background:#fff;box-shadow:0 12px 42px #3e2a5710}.card:has(#start-form){background:linear-gradient(to bottom,#fff8bf 0%,#fff8bf 48%,#fff 48%,#fff 100%)}.card:has(#start-form)>h1{margin-top:6px;margin-bottom:26px}.badge{background:#f6df72;color:#29282d;border-radius:30px;font-weight:600;padding:8px 18px}.eyebrow{color:#6e4c91}.progress-label{color:#48414f;font-weight:600}progress{accent-color:#8a62b8;background:#fff;height:8px;border-radius:20px;overflow:hidden}progress::-webkit-progress-bar{background:#fff;border-radius:20px}progress::-webkit-progress-value{background:#8a62b8;border-radius:20px}button,.gift-button{background:#29282d;color:#fff;border-radius:999px;padding:15px 27px;transition:transform .15s,background .15s,box-shadow .15s}button:hover,.gift-button:hover{background:#4a365e;transform:translateY(-2px);box-shadow:0 6px 16px #29282d15}.back{background:#ffffffd9;color:#29282d}.back:hover{background:#fff;color:#29282d}.answer-card{padding:25px}label.option{border:1px solid #eae6ef;background:#f7f6f9;border-radius:18px;padding:17px;transition:background .15s,border-color .15s}label.option:hover{background:#f0e8fb;border-color:#cdb1f2}label.option:has(input:checked){background:#eee0ff;border-color:#9b75c5}input[type=radio],input[type=checkbox]{accent-color:#8558b0}textarea,input[type=text],input[type=email],input[type=tel]{background:#f7f6f9;color:#29282d;border-color:#e7e1ec;border-radius:16px}input:focus,textarea:focus{outline:3px solid #cdb1f280;outline-offset:2px}.answer-card textarea{background:#fff}.answer-prefix{color:#4a365e;font-size:18px}.matrix-answers .pair-options .option{border:1px solid #ffffff;background:#fff;border-radius:22px;box-shadow:0 8px 25px #3e2a5708;padding:22px}.matrix-answers .pair-options .option:hover{background:#fff8bf;border-color:#f6df72}.matrix-answers .pair-options .option:has(input:checked){background:#eee0ff;border-color:#9b75c5}.or-divider{color:#4a365e;background:#f6df72;border-radius:50%;width:34px;height:34px;align-self:center;font-size:11px}.secondary{background:#eee0ff;border-radius:22px;padding:22px}.gift{background:#fff8bf;border-radius:24px;padding:26px}.gift-button{background:#29282d}.error{color:#a13242}small{color:#655d6b}::selection{background:#f6df72;color:#29282d}:focus-visible{outline:3px solid #8558b0;outline-offset:3px}@media(max-width:600px){header{margin:16px 20px 0;padding:12px 20px;border-radius:22px}main{margin-top:25px;padding:0 18px}.card{border-radius:25px}.answer-card{padding:16px}body:before{width:120vw;right:-90vw;border-width:22px;opacity:.75}.matrix-answers .pair-options .option{padding:12px;border-radius:18px}.contact-fields{gap:10px}.gift{padding:20px}.gift-button{padding:14px 18px;font-size:15px}.or-divider{width:27px;height:27px;font-size:10px}}@media(prefers-reduced-motion:reduce){button,.gift-button,label.option{transition:none}button:hover,.gift-button:hover{transform:none}}
.question-heading{background:#fff8bf;border-radius:28px;padding:28px;margin-bottom:22px;box-shadow:0 8px 25px #3e2a5706}.question-heading h2{margin:20px 0 0;color:#29282d}.question-heading h3{margin:18px 0 0}.question-heading p{margin:16px 0 0;color:#4d4554}.question-number{font-size:13px;letter-spacing:.3px;color:#29282d}.question-number.tone-0{background:#f6df72}.question-number.tone-1{background:#dfc5fb}.question-number.tone-2{background:#c7e8da}.question-number.tone-3{background:#f5d4c5}.progress-label{background:#fff8bf;border-radius:16px;padding:9px 14px;margin-bottom:8px}@media(max-width:600px){.question-heading{padding:22px;border-radius:24px}.question-heading h2{font-size:23px}}
.brand{display:flex;align-items:center}.brand img{display:block;width:180px;height:auto;max-width:100%}.question-heading{margin-bottom:0;border-radius:28px 28px 0 0;box-shadow:none}.question-heading+.answer-card{border-radius:0 0 28px 28px}.question-heading+.matrix-answers{background:#fff;padding:20px;border-radius:0 0 28px 28px;box-shadow:0 12px 42px #3e2a5710}.answer-card{padding:18px 22px}label.option{padding:11px 14px;margin:7px 0;line-height:1.45}.matrix-answers .pair-options .option{padding:12px 14px;line-height:1.45;border-color:#eae6ef;box-shadow:none}.matrix-answers .choice-pair{margin-bottom:10px}.answer-card textarea{min-height:120px}@media(max-width:600px){.brand img{width:150px}.question-heading{border-radius:24px 24px 0 0}.question-heading+.answer-card,.question-heading+.matrix-answers{border-radius:0 0 24px 24px;padding:14px}.matrix-answers .pair-options .option{padding:9px}.answer-card .option{padding:10px 12px}}
/* Logo diretamente sobre o fundo da página. */
header{background:transparent;box-shadow:none;border-radius:0}
.question-progress{display:flex;align-items:center;gap:16px;margin-bottom:22px;padding:12px 16px;background:#fff8bf;border-radius:24px}.question-progress .question-number{flex-shrink:0}.question-progress progress{flex:1;min-width:0;width:auto;margin:0}.question-index{flex-shrink:0;font-size:14px;font-weight:700;color:#29282d}.question-heading h2{margin-top:0}@media(max-width:600px){.question-progress{gap:10px;padding:10px 12px}.question-progress .question-number{padding:7px 12px;font-size:12px}.question-index{font-size:13px}}
/* Progresso sem faixa de fundo e mais próximo do logo. */
main:has(.question-progress){margin-top:8px}.question-progress{background:transparent;padding:0;margin-bottom:18px;border-radius:0}@media(max-width:600px){main:has(.question-progress){margin-top:4px}.question-progress{padding:0}}
#notice-dialog{border:0;border-radius:28px;padding:32px;max-width:420px;width:calc(100% - 40px);text-align:center;color:#29282d;background:#fff;box-shadow:0 24px 80px #29282d40}#notice-dialog::backdrop{background:#29282d99;backdrop-filter:blur(4px)}.notice-icon{display:grid;place-items:center;margin:0 auto 16px;width:58px;height:58px;border-radius:50%;background:#f6df72;color:#29282d;font-size:34px;font-weight:800}#notice-title{margin:0 0 12px}#notice-message{font-size:18px;line-height:1.5;margin:0 0 24px}#notice-close{min-width:150px}
.notice-heading{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:18px}.notice-heading .notice-icon{width:42px;height:42px;font-size:26px;margin:0}.notice-heading #notice-title{margin:0}#notice-close{min-width:110px;padding:10px 20px;font-size:14px}
.primary-profile{background:#eee0ff;border-radius:22px;padding:24px}.primary-profile>p:first-child{margin-top:0}.primary-profile>p:last-child{margin-bottom:0}.result-card .secondary{background:#fff;padding:22px 24px}.result-card .secondary>small{display:block;font-weight:300;line-height:1.2}.result-card .secondary>h2{margin-top:14px}@media(max-width:600px){.primary-profile{padding:20px}.result-card .secondary{padding:20px}}
/* No celular, campos legíveis evitam o zoom automático do Safari.
   A área de respostas rola sem deslocar o logo e a navegação. */
@media(max-width:600px){
  .contact-fields input,textarea,input[type=text],input[type=tel],input[type=email]{font-size:16px}
  body.quiz-active{height:100svh;min-height:0;overflow:hidden;display:flex;flex-direction:column}
  body.quiz-active header{flex-shrink:0;margin-top:8px;padding-top:8px;padding-bottom:8px}
  body.quiz-active main{flex:1;min-height:0;width:100%;margin:4px auto 0;padding-bottom:max(12px,env(safe-area-inset-bottom))}
  body.quiz-active #app{height:100%;display:flex;flex-direction:column;min-height:0}
  .quiz-active .question-progress{flex-shrink:0;margin-bottom:12px}
  .quiz-active .question-form{flex:1;min-height:0;display:flex;flex-direction:column}
  .quiz-active .question-heading{flex-shrink:0;padding:16px 18px;max-height:40%;overflow-y:auto}
  .quiz-active .question-heading h2{font-size:20px;line-height:1.3}
  .quiz-active .answer-card,.quiz-active .matrix-answers{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable}
  .quiz-active .question-form>.error{min-height:0;margin:0}
  .quiz-active .question-form>.actions{flex-shrink:0;margin-top:12px}
  .quiz-active button:hover{transform:none}
}
/* Cada par de preferências ocupa uma linha claramente separada. */
.matrix-answers .choice-pair{margin:0;padding:14px 0}
.matrix-answers .choice-pair:first-child{padding-top:0}
.matrix-answers .choice-pair:last-child{padding-bottom:0}
.matrix-answers .choice-pair+.choice-pair{border-top:2px solid #d8c1eb}
.selection-instruction{display:block;margin-top:10px;font-family:Georgia,serif;font-style:italic;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;color:#593574;font-size:.9em}
@media(max-width:600px){.matrix-answers .choice-pair{padding:12px 0}}
.selection-instruction{display:inline;margin-top:0;font-family:system-ui,sans-serif;font-style:normal;color:#419ec2;font-size:1em}
.option-picker summary{display:flex;justify-content:space-between;align-items:center;gap:12px;list-style:none;cursor:pointer;background:#f0e8fb;border:1px solid #cdb1f2;border-radius:14px;padding:14px;font-weight:600;line-height:1.4}
.option-picker summary::-webkit-details-marker{display:none}
.option-picker[open] summary{margin-bottom:12px}
.option-picker[open] summary>span:last-child{transform:rotate(180deg)}
.picker-done{display:block;margin:14px auto 0;padding:10px 20px;font-size:15px}