/* Estilos da navegação reconstruída; a landing page original mantém seu CSS incorporado. */
#quiz-root.quiz-main {
  display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;
  justify-content:flex-start;gap:22px;width:100%;max-width:672px;
  padding:6px 0 42px;margin:0 auto;
  font-family:Poppins,system-ui,sans-serif;
}
#quiz-root .quiz-block {width:100%;min-width:0;scroll-margin-top:20px;}
#quiz-root .quiz-progress-track {height:10px;background:#e7eedc;border-radius:99px;overflow:hidden;width:100%;}
#quiz-root .quiz-progress-fill {height:100%;background:#65a30d;border-radius:99px;transition:width .35s ease;}
#quiz-root .quiz-title {text-align:center;}
#quiz-root .quiz-title h1 {margin:0 0 8px;font-size:clamp(22px,4.5vw,30px);font-weight:600;line-height:1.35;color:#111827;}
#quiz-root .quiz-subtitle {font-size:clamp(15px,3vw,19px);line-height:1.55;color:#343b36;}
#quiz-root .quiz-subtitle p,#quiz-root .quiz-description p {margin:.35em 0;}
#quiz-root .quiz-description {font-size:clamp(17px,3.1vw,23px);line-height:1.5;}
#quiz-root .quiz-main-image {width:100%;height:auto;display:block;border-radius:18px;object-fit:contain;margin:0 auto;}
#quiz-root .quiz-options {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;}
#quiz-root .quiz-options-list {grid-template-columns:1fr;}
#quiz-root .quiz-options.quiz-options-image {gap:16px;}
#quiz-root .quiz-option {
  display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;
  min-height:76px;width:100%;padding:16px 12px;border:2px solid #e4e9dc;
  border-radius:14px;background:#f7faf3;color:#111827;font-family:inherit;
  font-size:17px;line-height:1.35;cursor:pointer;position:relative;
  text-align:center;transition:background .15s ease,border-color .15s ease,transform .1s ease;
}
#quiz-root .quiz-options-list .quiz-option {flex-direction:row;text-align:left;justify-content:flex-start;}
#quiz-root .quiz-option:hover {background:#eff6e3;border-color:#9abc62;}
#quiz-root .quiz-option:active {transform:scale(.99);}
#quiz-root .quiz-option:focus-visible,#quiz-root .quiz-primary-btn:focus-visible {outline:3px solid #166534;outline-offset:3px;}
#quiz-root .quiz-option.is-selected {background:#e1f0c8;border-color:#65a30d;box-shadow:0 0 0 1px #65a30d inset;}
#quiz-root .quiz-option-emoji {font-size:28px;flex-shrink:0;}
#quiz-root .quiz-option-label {display:block;min-width:0;}
#quiz-root .quiz-option-label p {margin:0;}
#quiz-root .quiz-option-image {max-width:100%;width:auto;max-height:175px;height:auto;object-fit:contain;border-radius:11px;}
#quiz-root .quiz-options-list .quiz-option-image {max-width:100px;max-height:95px;}
#quiz-root .quiz-checkbox {display:inline-flex;border:1px solid #a8baa0;color:transparent;font-weight:900;border-radius:6px;width:24px;height:24px;align-items:center;justify-content:center;flex-shrink:0;}
#quiz-root .quiz-option.is-selected .quiz-checkbox {background:#65a30d;color:white;border-color:#65a30d;}
#quiz-root .quiz-needs-answer {border:2px solid #d97706;border-radius:14px;padding:4px;}
#quiz-root .quiz-cta {padding:7px 5px 9px;background:#f2f8ee;border-radius:20px;}
#quiz-root .quiz-primary-btn {
  display:block;width:100%;min-height:85px;padding:16px 20px;border:0;
  border-radius:15px;background:#65a30d;color:white;font-family:inherit;
  font-size:clamp(20px,3.8vw,27px);font-weight:700;cursor:pointer;
  box-shadow:0 10px 0 #568b0b;line-height:1.25;
}
#quiz-root .quiz-primary-btn:hover {background:#568b0b;}
#quiz-root .quiz-primary-btn:active {transform:translateY(3px);box-shadow:0 7px 0 #456d0a;}
#quiz-root .quiz-field {display:block;width:100%;padding:17px 18px;font-size:19px;font-family:inherit;color:#0f172a;background:#fff;border:2px solid #cbd5c1;border-radius:14px;outline:0;}
#quiz-root .quiz-field:focus {border-color:#65a30d;box-shadow:0 0 0 4px #65a30d22;}
#quiz-root .quiz-note {border-radius:14px;background:#f2f7ec;padding:17px 19px;line-height:1.55;color:#303d2d;font-size:15px;}
#quiz-root .quiz-note-description p {margin:7px 0 0;}
#quiz-root .quiz-loading {display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;min-height:210px;text-align:center;font-size:19px;}
#quiz-root .quiz-spinner {width:66px;height:66px;border-radius:50%;border:6px solid #dfebcc;border-top-color:#65a30d;animation:quiz-spin 1s linear infinite;}
@keyframes quiz-spin {to {transform:rotate(360deg)}}
#quiz-root .quiz-video {display:flex;justify-content:center;}
#quiz-root .quiz-video-embed {width:100%;max-width:400px;min-height:180px;}
#quiz-root .quiz-score {border-radius:15px;background:#e9f4dc;padding:18px;text-align:center;display:flex;flex-direction:column;gap:10px;}
#quiz-root .quiz-score-title {font-size:19px;}
#quiz-root .quiz-score-result {font-size:22px;font-weight:700;}
#quiz-root .quiz-levels {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
#quiz-root .quiz-level {display:flex;flex-direction:column;gap:6px;background:#f1f7e8;border-radius:12px;padding:15px;text-align:center;}
#quiz-root .quiz-level b {font-size:22px;color:#568b0b;}
#quiz-root .quiz-testimony {border-radius:15px;background:#f5f8ef;padding:16px;display:flex;gap:15px;align-items:flex-start;}
#quiz-root .quiz-testimony-image {width:105px;height:auto;max-height:180px;border-radius:10px;object-fit:cover;}
#quiz-root .quiz-testimony-content {flex:1;min-width:0;font-size:15px;line-height:1.55;}
#quiz-root .quiz-testimony-content p {margin:8px 0;}
#quiz-root .quiz-transformation {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
#quiz-root .quiz-transformation-pane {display:flex;flex-direction:column;gap:9px;padding:13px;background:#f2f8e9;border-radius:13px;font-size:14px;}
#quiz-root .quiz-transformation-pane img {display:block;width:100%;height:auto;border-radius:10px;}
#quiz-root .quiz-transformation-pane strong {font-size:20px;}
#quiz-root .quiz-body-selector {padding:32px 80px;}
#quiz-root .quiz-body-illustration {position:relative;width:100%;max-width:280px;margin:15px auto;}
#quiz-root .quiz-body-photo {width:100%;height:auto;display:block;min-height:300px;object-fit:contain;}
#quiz-root .quiz-body-region {position:absolute;background:white;border:2px solid #65a30d;border-radius:8px;padding:6px;min-width:90px;cursor:pointer;font-size:12px;font-weight:600;}
#quiz-root .quiz-body-region.is-selected {background:#65a30d;color:white;}
@media(max-width:490px) {
  #quiz-root.quiz-main {gap:18px;}
  #quiz-root .quiz-options {grid-template-columns:1fr;}
  #quiz-root .quiz-options-image.quiz-options-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  #quiz-root .quiz-option {min-height:65px;font-size:16px;}
  #quiz-root .quiz-body-selector {padding:25px 50px;}
  #quiz-root .quiz-body-region {min-width:72px;font-size:11px;}
  #quiz-root .quiz-levels {grid-template-columns:1fr;}
  #quiz-root .quiz-testimony {flex-direction:column;}
}
@media(prefers-reduced-motion:reduce) {
  #quiz-root .quiz-option,#quiz-root .quiz-primary-btn,#quiz-root .quiz-progress-fill {transition:none;}
  #quiz-root .quiz-spinner {animation-duration:2s;}
}
