.Quiz-Section{--quiz-negro: #0a0a0a;--quiz-amarillo: #f5c400;--quiz-blanco: #ffffff;--quiz-crema: #f2efe8;--quiz-gris: #9a9286;--quiz-gris-borde: #e8e4dc;--quiz-radius-card: 14px;--quiz-radius-media: 14px;--quiz-radius-pill: 999px;width:100%;padding:2.5rem var(--page-margin, 16px) 3.5rem;font-family:DM Sans,sans-serif;color:var(--quiz-negro);background-color:var(--quiz-blanco)}.Quiz{max-width:var(--page-width, 1200px);margin:0 auto}.Quiz__StartGrid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}.Quiz__StartContent{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem;text-align:left}.Quiz__Badge{font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--quiz-amarillo)}.Quiz__Intro{display:flex;flex-direction:column;gap:.75rem}.Quiz__Heading{margin:0;font-family:Space Mono,monospace;font-size:clamp(2rem,4.5vw,3.25rem);font-weight:700;line-height:1.1;letter-spacing:.02em;color:var(--quiz-negro)}.Quiz__IntroText{margin:0;max-width:42ch;font-size:1.15rem;font-weight:300;line-height:1.6;color:var(--quiz-gris)}.Quiz__CtaButton{display:inline-flex;align-items:center;gap:.6rem;padding:1rem 1.75rem;border:none;border-radius:var(--quiz-radius-pill);background-color:var(--quiz-amarillo);color:var(--quiz-negro);font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:opacity .2s ease}.Quiz__CtaButton:hover{opacity:.85}.Quiz__CtaArrow{font-size:1.1rem;line-height:1;transition:transform .15s ease}.Quiz__CtaButton:hover .Quiz__CtaArrow{transform:translate(3px)}.Quiz__TrustBadges{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:.25rem 0 0;padding:0;list-style:none}.Quiz__TrustBadge{font-size:13px;font-weight:300;color:var(--quiz-gris);white-space:nowrap}.Quiz__StartMedia{display:flex;flex-direction:column;gap:.75rem}.Quiz__MediaFrame{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--quiz-radius-media);background-color:var(--quiz-crema)}.Quiz__MediaFrame img,.Quiz__MediaFrame video,.Quiz__MediaFrame iframe{display:block;width:100%;height:100%;object-fit:cover}.Quiz__MediaPlaceholder{width:100%;height:100%;background:linear-gradient(135deg,#ede8df,#cfc5b0)}.Quiz__MediaCaption{margin:0;text-align:center;font-size:13px;font-weight:300;color:var(--quiz-gris)}.Quiz__Card{display:flex;flex-direction:column;gap:1.75rem;max-width:720px;margin:0 auto}.Quiz__Card[hidden]{display:none}.Quiz__Progress{display:flex;flex-direction:column;gap:.5rem}.Quiz__ProgressMeta{display:flex;align-items:center;justify-content:space-between;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--quiz-gris)}.Quiz__ProgressTrack{width:100%;height:2px;background-color:var(--quiz-gris-borde);overflow:hidden}.Quiz__ProgressBar{height:100%;width:0%;background-color:var(--quiz-amarillo);transition:width .25s ease}.Quiz__Stage{display:flex;flex-direction:column;gap:1.5rem}.Quiz__Stage.is-leaving{opacity:0;transform:translate(-24px);transition:opacity .28s ease,transform .28s ease;pointer-events:none}.Quiz__Stage.is-entering-forward{animation:quiz-enter-forward .4s cubic-bezier(.16,1,.3,1)}.Quiz__Stage.is-entering-back{animation:quiz-enter-back .4s cubic-bezier(.16,1,.3,1)}@keyframes quiz-enter-forward{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes quiz-enter-back{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.Quiz__Stage.is-leaving,.Quiz__Stage.is-entering-forward,.Quiz__Stage.is-entering-back{animation:none;transition:none}}.Quiz__QuestionText{margin:0;text-align:center;font-family:Space Mono,monospace;font-size:clamp(1.4rem,3.2vw,2rem);font-weight:700;line-height:1.2;letter-spacing:.01em;color:var(--quiz-negro)}.Quiz__QuestionSubtitle{margin:-1rem 0 0;text-align:center;font-size:1.05rem;font-weight:300;color:var(--quiz-gris)}.Quiz__Answers{display:flex;flex-direction:column;gap:.6rem}.Quiz__AnswerButton{display:flex;align-items:center;width:100%;padding:.95rem 1.1rem;border:1px solid var(--quiz-gris-borde);border-radius:var(--quiz-radius-card);background-color:var(--quiz-blanco);font-family:DM Sans,sans-serif;cursor:pointer;text-align:left;transition:border-color .15s ease,background-color .15s ease,padding-left .15s ease}.Quiz__AnswerButton:hover{border-color:var(--quiz-negro);padding-left:1.4rem}.Quiz__AnswerButton[aria-pressed=true]{border-color:var(--quiz-negro);background-color:var(--quiz-crema)}.Quiz__AnswerLabel{font-size:1.05rem;font-weight:500;color:var(--quiz-negro)}.Quiz__Nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.Quiz__NavButton{font-family:DM Sans,sans-serif;cursor:pointer}.Quiz__NavButton--back{padding:.5rem 0;border:none;background:none;color:var(--quiz-gris);font-size:1rem;font-weight:500;transition:color .15s ease}.Quiz__NavButton--back:hover{color:var(--quiz-negro)}.Quiz__NavButton--next{padding:.85rem 1.75rem;border:none;border-radius:var(--quiz-radius-pill);background-color:var(--quiz-amarillo);color:var(--quiz-negro);font-size:.95rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;transition:opacity .2s ease}.Quiz__NavButton--next:hover:not(:disabled){opacity:.85}.Quiz__NavButton--next:disabled{background-color:var(--quiz-gris-borde);color:var(--quiz-gris);cursor:not-allowed}.Quiz__ResultsHeading{margin:0;text-align:center;font-family:Space Mono,monospace;font-size:clamp(1.4rem,3.2vw,2rem);font-weight:700;line-height:1.2;letter-spacing:.01em;color:var(--quiz-negro)}.Quiz__ResultsEmpty{text-align:center;font-size:1.05rem;color:var(--quiz-gris)}.Quiz__Card--results{max-width:960px}.Quiz__Routine{display:flex;gap:.75rem;margin:0 calc(var(--page-margin, 16px) * -1);padding:.25rem var(--page-margin, 16px) .75rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--page-margin, 16px);-webkit-overflow-scrolling:touch;scrollbar-width:none}.Quiz__Routine::-webkit-scrollbar{display:none}.Quiz__Routine>.Quiz__RoutineStep{flex:0 0 72%;max-width:280px;scroll-snap-align:center}.Quiz__RoutineDots{display:flex;justify-content:center;gap:.4rem;margin-top:-.5rem}.Quiz__RoutineDots span{width:8px;height:8px;border-radius:50%;background-color:var(--quiz-gris-borde);transition:background-color .2s ease,transform .2s ease}.Quiz__RoutineDots span.is-active{background-color:var(--quiz-negro);transform:scale(1.25)}.Quiz__RoutineStep{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;border:1px solid var(--quiz-gris-borde);border-radius:var(--quiz-radius-card);background-color:var(--quiz-blanco);transition:border-color .2s ease,box-shadow .2s ease}.Quiz__RoutineStep:hover,.Quiz__RoutineStep:focus-within{border-color:var(--quiz-negro);box-shadow:0 6px 18px #0a0a0a14}.Quiz__RoutineStepMeta{display:flex;flex-direction:row;align-items:center;gap:.5rem}.Quiz__RoutineStepNumber{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;padding:.2rem .4rem;border-radius:var(--quiz-radius-pill);background-color:var(--quiz-amarillo);font-family:Space Mono,monospace;font-size:.85rem;font-weight:700;line-height:1;color:var(--quiz-negro)}.Quiz__RoutineStepLabel{font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--quiz-gris)}.Quiz__RoutineProduct{display:flex;flex-direction:column;gap:.75rem;flex:1 1 auto;min-width:0;text-decoration:none;color:inherit}.Quiz__RoutineProduct:focus-visible{outline:2px solid var(--quiz-negro);outline-offset:4px;border-radius:var(--quiz-radius-card)}.Quiz__RoutineProduct:hover .Quiz__RoutineProductImage{transform:scale(1.04)}.Quiz__RoutineProductImage{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:calc(var(--quiz-radius-card) - 4px);background-color:var(--quiz-crema);transition:transform .4s cubic-bezier(.16,1,.3,1)}.Quiz__RoutineProductInfo{display:flex;flex-direction:column;gap:.25rem;min-width:0}.Quiz__RoutineProductTitle{margin:0;font-family:Space Mono,monospace;font-size:.95rem;font-weight:700;line-height:1.3;letter-spacing:.02em;text-transform:uppercase;color:var(--quiz-negro);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.Quiz__RoutineProductPrice{margin:0;font-family:DM Sans,sans-serif;font-size:1.1rem;font-weight:500;color:var(--quiz-negro)}.Quiz__RetakeButton{align-self:center;margin-top:.25rem;padding:.85rem 1.75rem;border:none;border-radius:var(--quiz-radius-pill);background-color:var(--quiz-negro);color:var(--quiz-blanco);font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:opacity .2s ease}.Quiz__RetakeButton:hover{opacity:.85}@media(min-width:768px){.Quiz__Routine{flex-wrap:wrap;justify-content:center;gap:1rem;margin:0;padding:0;overflow:visible;scroll-snap-type:none}.Quiz__Routine>.Quiz__RoutineStep{flex:0 0 calc((100% - 2rem) / 3);max-width:none}.Quiz__RoutineDots{display:none}.Quiz-Section{padding:4rem var(--page-margin, 16px) 5rem}.Quiz__StartGrid{grid-template-columns:1.05fr .95fr;gap:3.5rem}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-quiz.css.map */