.qsel,dialog.quiz-dialog{width:min(720px,calc(100vw - 32px));max-width:none;max-height:min(800px,calc(100dvh - 48px));padding:0;border:0;border-radius:var(--r-l);background:var(--paper);color:var(--text);overflow:hidden;font-family:var(--sans)}.qsel::backdrop,dialog.quiz-dialog::backdrop{background:#033b3b80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.qsel[open],dialog.quiz-dialog[open]{animation:quizIn .32s var(--ease)}.qsel[open]::backdrop,dialog.quiz-dialog[open]::backdrop{animation:fade .32s var(--ease)}dialog.quiz-dialog .quiz--dialogo{max-height:min(800px,calc(100dvh - 48px))}@media(max-width:749px){.qsel,dialog.quiz-dialog{width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}.qsel[open],dialog.quiz-dialog[open]{animation-name:quizUp}dialog.quiz-dialog .quiz--dialogo{height:100dvh;max-height:100dvh}}@media(prefers-reduced-motion:reduce){.qsel[open],dialog.quiz-dialog[open],.qsel[open]::backdrop,dialog.quiz-dialog[open]::backdrop{animation:none}}dialog.quiz-dialog>.quiz-dialog__x,.qsel__close{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--edge);border-radius:50%;background:#fff;color:var(--deep);cursor:pointer}dialog.quiz-dialog>.quiz-dialog__x{top:8px;right:12px;width:40px;height:40px}@media(min-width:750px){dialog.quiz-dialog>.quiz-dialog__x{top:12px;right:16px}}dialog.quiz-dialog>.quiz-dialog__x:is(:hover,:focus-visible),.qsel__close:hover{background:var(--mint);color:var(--deep);border-color:var(--deep)}dialog.quiz-dialog>.quiz-dialog__x:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.qsel__close svg{width:18px;height:18px}dialog.quiz-dialog .quiz-dialog__cargando{color:var(--muted);font-family:var(--sans)}.qsel[open]{display:grid;grid-template-rows:auto 1fr auto}.qsel__top{display:flex;align-items:center;gap:12px;padding:16px 16px 0 24px}.qsel__top .i-tile{background:var(--deep);color:var(--lime)}.qsel__top p{flex:1;font-size:14px;font-weight:600;color:var(--deep)}.qsel__top small{display:block;font-weight:400;color:var(--muted)}.qsel__body{display:grid;gap:20px;align-content:start;padding:28px 24px;overflow-y:auto}.qsel__body h2{font-size:clamp(26px,4vw,34px);font-weight:500;letter-spacing:-.025em;line-height:1.12;color:var(--deep)}.qsel__help{margin-top:-10px;color:var(--muted)}.qsel__list{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:479px){.qsel__list{grid-template-columns:1fr}}.qsel__item{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:12px;min-height:72px;padding:12px;border:1.5px solid var(--edge);border-radius:18px;background:#fff;text-align:left;cursor:pointer;animation:rise .35s var(--ease) both;animation-delay:calc(var(--i, 0) * 40ms);transition:border-color var(--t) var(--ease),background-color var(--t) var(--ease)}.qsel__item:hover{border-color:var(--brand);background:var(--mint)}.qsel__item b{display:block;font-size:16px;font-weight:500;color:var(--deep)}.qsel__item small{display:block;font-size:13px;color:var(--muted);line-height:1.3}.qsel__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff}.qsel__foot small{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.qsel__foot small svg{width:16px;height:16px;color:var(--ochre)}@media(prefers-reduced-motion:reduce){.qsel__item{animation:none}}.quiz-dialog .quiz{--pdp-heading: var(--deep);--pdp-text: var(--text);--pdp-muted: var(--muted);--pdp-accent: var(--brand);--pdp-accent-contrast: #fff;--pdp-button: var(--terra);--pdp-button-text: #fff;--pdp-surface: var(--mint);--pdp-border: var(--line);--pdp-rating: var(--star);--pdp-radius: var(--r);--quiz-bg: var(--paper);--quiz-card: #fff;--quiz-line: var(--line);--quiz-line-strong: var(--edge);--quiz-sel: var(--mint);--quiz-r: 18px;--quiz-r-lg: var(--r);--quiz-ease: var(--ease);font-family:var(--sans);font-size:16px}.quiz-dialog .quiz.quiz--oscuro{--quiz-bg: var(--deep)}.quiz-dialog .quiz :is(h2,h3){font-weight:500;letter-spacing:-.025em}.quiz-dialog .quiz .quiz-h{line-height:1.12}.quiz-dialog .quiz .quiz-eyebrow{color:var(--terra);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.quiz-dialog .quiz :where(button,a,input,summary):focus-visible{outline:2px solid var(--brand);outline-offset:3px}.quiz-dialog .quiz .quiz-top{background:var(--paper);border-bottom-color:var(--line)}.quiz-dialog .quiz--dialogo .quiz-top__bar{padding-right:64px}@media(min-width:750px){.quiz-dialog .quiz--dialogo .quiz-top__bar{padding-right:72px}}.quiz-dialog .quiz .quiz-back{color:var(--brand)}.quiz-dialog .quiz .quiz-fases__b{height:4px;border-radius:99px;background:var(--sand)}.quiz-dialog .quiz .quiz-fases__b span{border-radius:99px;background:var(--brand)}.quiz-dialog .quiz .quiz-opt-w{border:1.5px solid var(--edge);border-radius:18px}.quiz-dialog .quiz .quiz-opt-w:hover{border-color:var(--brand)}.quiz-dialog .quiz .quiz-opt-w.is-on{border-color:var(--brand);box-shadow:none;background:var(--mint)}.quiz-dialog .quiz .quiz-opt{border-radius:18px}.quiz-dialog .quiz .quiz-opt__l{font-weight:500;color:var(--deep)}.quiz-dialog .quiz .quiz-opt__m{width:22px;height:22px;border-color:var(--edge)}.quiz-dialog .quiz .quiz-opt.is-on .quiz-opt__m{border-color:var(--brand);box-shadow:inset 0 0 0 5px #fff,inset 0 0 0 11px var(--brand)}.quiz-dialog .quiz .quiz-opt[data-multi] .quiz-opt__m{border-radius:6px}.quiz-dialog .quiz .quiz-opt[data-multi].is-on .quiz-opt__m{background:var(--brand);box-shadow:none}.quiz-dialog .quiz .quiz-opts.has-sel .quiz-opt-w:not(.is-on){opacity:1}.quiz-dialog .quiz .quiz-opts.has-sel .quiz-opt-w:not(.is-on) .quiz-opt__l{color:var(--muted)}.quiz-dialog .quiz .quiz-opts--fotos .quiz-opt-w{overflow:hidden}.quiz-dialog .quiz .quiz-porque summary{color:var(--brand);font-weight:600;min-height:44px}.quiz-dialog .quiz .quiz-porque p{border-left:0;border-radius:14px;background:var(--mint)}.quiz-dialog .quiz .quiz-btn{min-height:48px;padding:12px 24px;border:1.5px solid var(--cta);border-radius:999px;background:var(--cta);color:var(--on-cta);font-size:15px;font-weight:600}.quiz-dialog .quiz .quiz-btn:hover{background:var(--cta-2);border-color:var(--cta-2);color:var(--on-cta)}.quiz-dialog .quiz .quiz-btn:disabled:hover{background:var(--cta);border-color:var(--cta)}.quiz-dialog .quiz .quiz-btn--quiet{border-color:var(--brand);background:transparent;color:var(--brand);font-size:14px;min-height:44px;padding:10px 18px}.quiz-dialog .quiz .quiz-btn--quiet:hover{background:var(--mint);border-color:var(--brand);color:var(--brand)}.quiz-dialog .quiz .quiz-btn--quiet:disabled:hover{background:transparent}.quiz-dialog .quiz .quiz-extra__item .quiz-btn.is-on{border-color:var(--brand);background:var(--mint);color:var(--deep)}.quiz-dialog .quiz .quiz-link{color:var(--brand);font-weight:500}.quiz-dialog .quiz .quiz-pie{background:var(--paper);border-top-color:var(--line)}.quiz-dialog .quiz .quiz-field input[type=text],.quiz-dialog .quiz .quiz-field input[type=email]{border:1.5px solid var(--edge);border-radius:14px}.quiz-dialog .quiz .quiz-field input:focus{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.quiz-dialog .quiz .quiz-consent a{color:var(--brand)}.quiz-dialog .quiz .quiz-prod__img{border-radius:14px}.quiz-dialog .quiz :is(.quiz-mode,.quiz-esperar,.quiz-note,.quiz-won){border-radius:18px}.quiz-dialog .quiz .quiz-mode{border:1.5px solid var(--edge)}.quiz-dialog .quiz .quiz-mode.is-on{border-color:var(--brand);box-shadow:none;background:var(--mint)}.quiz-dialog .quiz .quiz-mode__now{font-weight:600}.quiz-dialog .quiz .quiz-qty__b{border-radius:999px;border-color:var(--edge)}.quiz-dialog .quiz .quiz-qty__b.is-on{background:var(--deep);border-color:var(--deep)}.quiz-dialog .quiz .quiz-extra__i{border-radius:12px}.pd-quiz{margin-top:16px}.pd-quiz .quiz-entry{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:4px 12px;margin:0;padding:12px 16px 12px 12px;border:1px solid var(--line);border-radius:var(--r);background:#fff;font-family:var(--sans)}.pd-quiz .quiz-entry:before{content:"";width:44px;height:44px;border-radius:14px;background:var(--cream) no-repeat center / 20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a6a1f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m15.5 8.5-2 5-5 2 2-5z'/%3E%3C/svg%3E")}.pd-quiz .quiz-entry__txt{min-width:0}.pd-quiz .quiz-entry__e{display:block;margin:0 0 2px;padding:0;border-radius:0;background:none;color:var(--terra);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.pd-quiz .quiz-entry__t{font-size:15px;font-weight:500;line-height:1.3;color:var(--deep)}.pd-quiz .quiz-entry__d{display:none}.pd-quiz .quiz-entry__meta{margin-top:2px;font-size:12px;color:var(--muted)}.pd-quiz .quiz-entry__meta li:before{background:var(--edge)}.pd-quiz .quiz-entry__cta{min-height:44px;padding:0 4px;border:0;border-radius:8px;background:none;color:var(--brand);font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.pd-quiz .quiz-entry__cta:hover{background:none;color:var(--deep)}.pd-quiz .quiz-entry__cta:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media(max-width:480px){.pd-quiz .quiz-entry{grid-template-columns:44px 1fr}.pd-quiz .quiz-entry__cta{grid-column:2;justify-self:start;width:auto;justify-content:flex-start}}@media(max-width:749px){.quiz-dialog .quiz--dialogo .quiz-screen{padding:20px 0 24px}.quiz-dialog .quiz .quiz-h{font-size:24px;line-height:1.15;margin-bottom:8px}.quiz-dialog .quiz .quiz-h--xl{font-size:30px}.quiz-dialog .quiz .quiz-sub{gap:2px 12px;margin-bottom:16px}.quiz-dialog .quiz .quiz-sub .quiz-lead{font-size:15px}.quiz-dialog .quiz .quiz-porque summary{min-height:44px}.quiz-dialog .quiz .quiz-opts{gap:8px}.quiz-dialog .quiz .quiz-opt{min-height:50px;padding:12px 16px;gap:12px}.quiz-dialog .quiz .quiz-opt__l{font-size:15px}.quiz-dialog .quiz .quiz-opt__m{width:20px;height:20px}.quiz-dialog .quiz .quiz-opt.is-on .quiz-opt__m{box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 10px var(--brand)}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/pdp-ui-quiz-skin.css.map */