.quiz-section{padding-block:96px;background:var(--paper)}
.quiz-panel{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,.85fr);min-height:720px;overflow:hidden;border-radius:var(--radius);background:var(--dark);color:var(--white)}
.quiz-content{display:flex;min-width:0;flex-direction:column;padding:clamp(34px,4.4vw,64px)}
.quiz-intro h2{max-width:700px;color:var(--white);font-size:clamp(34px,3.7vw,50px)}
.quiz-intro p{max-width:690px;margin-top:18px;color:#e0d7ce;font-size:18px;line-height:1.6}
.quiz-progress{margin-top:38px}
.quiz-progress-label{display:block;margin-bottom:13px;color:#e0d7ce;font-size:15px;font-weight:600;line-height:1.4}
.quiz-progress-track{height:4px;overflow:hidden;border-radius:20px;background:rgba(255,255,255,.24)}
.quiz-progress-fill{display:block;width:25%;height:100%;border-radius:inherit;background:#d7ae86;transition:width .28s ease}
.quiz-steps{margin-top:34px}
.quiz-step{min-width:0;margin:0;padding:0;border:0}
.quiz-step legend{display:block;width:100%;padding:0;color:var(--white);font-size:24px;font-weight:600;line-height:1.3;letter-spacing:-.02em}
.quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}
.quiz-option{position:relative;display:block;min-width:0;cursor:pointer}
.quiz-option input{position:absolute;width:1px;height:1px;opacity:0;clip-path:inset(50%);overflow:hidden}
.quiz-option > span{display:flex;min-height:60px;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;border:1px solid rgba(255,255,255,.27);border-radius:10px;background:rgba(255,255,255,.035);color:#f7f4ee;font-size:16px;font-weight:500;line-height:1.35;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.quiz-option > span::after{content:"";width:11px;height:11px;flex:0 0 auto;border:1px solid rgba(255,255,255,.52);border-radius:50%;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.quiz-option:hover > span{border-color:#d7ae86;background:rgba(255,255,255,.085)}
.quiz-option input:checked+span{border-color:var(--paper);background:var(--paper);color:var(--dark)}
.quiz-option input:checked+span::after{border-color:var(--wood);background:var(--wood);box-shadow:0 0 0 3px rgba(147,103,70,.2)}
.quiz-option input:focus-visible+span{outline:3px solid #d7ae86;outline-offset:3px}
.quiz-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto;padding-top:34px}
.quiz-back,.quiz-edit{padding:4px 0;border:0;border-bottom:1px solid currentColor;background:none;color:#f2e4d5;font-size:16px;font-weight:600;line-height:1.4;cursor:pointer;transition:color .2s ease}
.quiz-back:hover,.quiz-edit:hover{color:#d7ae86}
.quiz-back:focus-visible,.quiz-edit:focus-visible{outline:3px solid #d7ae86;outline-offset:5px}
.quiz-controls .quiz-next{min-width:150px;margin-left:auto}
.quiz-next:disabled{opacity:.47;cursor:not-allowed;transform:none}
.quiz-next:disabled:hover{border-color:#f1e2d1;background:#f1e2d1;color:var(--dark)}
.quiz-next .icon{width:18px;height:18px}
.quiz-result{padding:12px 0 4px}
.quiz-result h3{max-width:570px;color:var(--white);font-size:clamp(30px,3vw,42px);line-height:1.17}
.quiz-result p{max-width:580px;margin-top:18px;color:#e0d7ce;font-size:18px;line-height:1.6}
.quiz-result .quiz-whatsapp{margin-top:30px}
.quiz-edit{display:block;margin-top:24px}
.quiz-photo{min-width:0;overflow:hidden;border-left:1px solid rgba(255,255,255,.16)}
.quiz-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.quiz-section [hidden]{display:none!important}
.quiz-step:not([hidden]),.quiz-result:not([hidden]){animation:quiz-enter .28s cubic-bezier(.22,1,.36,1) both}
@keyframes quiz-enter{from{opacity:.55;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.quiz-panel{grid-template-columns:1fr}.quiz-content{padding:44px}.quiz-photo{height:260px;border-top:1px solid rgba(255,255,255,.16);border-left:0}.quiz-photo img{object-position:center 55%}}
@media(max-width:719px){.quiz-section{padding-block:72px}.quiz-content{padding:34px 24px 38px}.quiz-intro h2{font-size:clamp(32px,8.5vw,42px)}.quiz-intro p,.quiz-result p{font-size:16px}.quiz-progress{margin-top:30px}.quiz-steps{margin-top:28px}.quiz-step legend{font-size:22px}.quiz-options{grid-template-columns:1fr;gap:9px;margin-top:18px}.quiz-option > span{min-height:54px;padding:10px 15px;font-size:15px}.quiz-controls{padding-top:28px}.quiz-photo{display:none}.quiz-result .quiz-whatsapp{width:100%;font-size:15px;text-align:center}}
@media(max-width:370px){.quiz-content{padding:30px 18px 34px}.quiz-back,.quiz-edit{font-size:15px}}
@media(prefers-reduced-motion:reduce){.quiz-step:not([hidden]),.quiz-result:not([hidden]){animation:none}.quiz-progress-fill,.quiz-option > span,.quiz-option > span::after{transition:none}}
.offer-section{padding-top:80px;background:var(--paper)}
.offer-panel{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:44px;padding:30px 38px;border:1px solid var(--line);border-radius:var(--radius);background:var(--sand)}
.offer-panel h2{max-width:760px;font-size:clamp(26px,2.45vw,34px);line-height:1.2}
.offer-panel p{max-width:380px;font-size:16px;line-height:1.55}
.offer-section+.quiz-section{padding-top:16px}
.quiz-option-promo > span{border-color:rgba(215,174,134,.75);background:rgba(215,174,134,.08)}
.quiz-option-promo .quiz-option-text{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:4px}
.quiz-option-promo .quiz-option-text small{color:#e2bb94;font-size:14px;font-weight:600;line-height:1.35}
.quiz-option-promo input:checked+span .quiz-option-text small{color:var(--wood-dark)}
.quiz-noscript{margin-top:30px}
.quiz-noscript p{margin-bottom:20px;color:#e0d7ce;font-size:17px}
@media(max-width:1023px){.offer-panel{grid-template-columns:1fr;gap:12px}}
@media(max-width:719px){.offer-section{padding-top:64px}.offer-panel{padding:24px 22px}.offer-panel h2{font-size:26px}.offer-panel p{font-size:15px}.offer-section+.quiz-section{padding-top:14px}.quiz-back,.quiz-edit{display:inline-flex;min-height:44px;align-items:center}}

@media(min-width:720px) and (max-width:1180px){.quiz-back,.quiz-edit{display:inline-flex;min-height:44px;align-items:center}}

@media(max-width:370px){.offer-panel{padding:22px 20px}.offer-panel h2{font-size:24px}}

.hero-gift-banner{width:100%;max-width:560px;margin-top:6px}
.hero-gift-banner img{width:100%;height:auto;object-fit:contain}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:719px){.hero-gift-banner{margin-top:24px}}