.piel-real-shell{--quiz-ink: #512f27;--quiz-muted: #906f62;--quiz-accent: #a73439;--quiz-line: rgba(119, 74, 54, .17);height:100svh;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,42vw);background:#f7f4f2;color:var(--quiz-ink);overflow:hidden}.piel-real-portrait{position:relative;grid-column:2;grid-row:1;height:100svh;min-height:100svh;overflow:hidden;background:#37332e}.piel-real-portrait img{width:100%;height:100%;object-fit:cover;object-position:48% center;transform:scale(1.015);animation:portraitSettle 1.3s cubic-bezier(.22,1,.36,1) both}.portrait-wash{position:absolute;inset:0;background:linear-gradient(180deg,#221c180f,#221c1814 56%,#221c189e),linear-gradient(90deg,rgba(247,244,242,.15),transparent 18%)}.portrait-grain{position:absolute;inset:0;opacity:.08;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}.portrait-caption{position:absolute;right:clamp(28px,3vw,52px);bottom:clamp(30px,4vw,58px);left:clamp(28px,3vw,52px);margin:0;padding-top:18px;border-top:1px solid rgba(255,255,255,.36);color:#ffffffe6;font-family:Outfit,system-ui,sans-serif;font-size:clamp(1rem,1.4vw,1.3rem);font-weight:300;letter-spacing:.01em}.quiz-workspace{position:relative;grid-column:1;grid-row:1;height:100svh;min-height:100svh;display:grid;grid-template-rows:auto 1px minmax(0,1fr) auto;padding:30px clamp(30px,5vw,86px) 24px;isolation:isolate}.quiz-workspace:before{content:"";position:absolute;z-index:-1;top:9%;left:-8vw;width:28vw;aspect-ratio:1;border:1px solid rgba(167,52,57,.055);border-radius:50%}.quiz-header{min-height:58px;display:flex;align-items:flex-start;justify-content:space-between;gap:28px}.brand-link{display:inline-flex;align-items:center;width:min(315px,55%);min-height:44px}.brand-link img{width:100%;height:auto;display:block}.back-button,.restart-button{appearance:none;border:0;padding:0;background:transparent;color:var(--quiz-muted);font:500 .72rem/1 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.back-button{min-height:42px;display:inline-flex;align-items:center;gap:9px;transition:color .18s ease,transform .18s ease}.back-button:hover{color:var(--quiz-accent);transform:translate(-3px)}.back-button:disabled,.answer-option:disabled{cursor:default}.progress-track{position:relative;height:1px;background:var(--quiz-line);overflow:hidden}.progress-track span{position:absolute;inset:0 auto 0 0;display:block;background:var(--quiz-accent);transition:width .48s cubic-bezier(.22,1,.36,1)}.quiz-stage{min-height:0;display:flex;align-items:center;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(119,74,54,.2) transparent;padding:clamp(28px,4vh,58px) 0}.quiz-panel{width:min(100%,720px);margin:auto 0}.quiz-stage[data-phase=enter][data-direction=forward] .quiz-panel{animation:enterForward .52s cubic-bezier(.22,1,.36,1) both}.quiz-stage[data-phase=enter][data-direction=backward] .quiz-panel{animation:enterBackward .52s cubic-bezier(.22,1,.36,1) both}.quiz-stage[data-phase=leaving][data-direction=forward] .quiz-panel{animation:leaveForward .19s ease-in both}.quiz-stage[data-phase=leaving][data-direction=backward] .quiz-panel{animation:leaveBackward .19s ease-in both}.quiz-kicker{margin:0 0 18px;color:var(--quiz-accent);font:600 .68rem/1.2 Inter,system-ui,sans-serif;letter-spacing:.26em;text-transform:uppercase}.intro-panel h1,.question-panel h2,.result-panel h2{max-width:680px;margin:0;color:var(--quiz-ink);font-family:Outfit,system-ui,sans-serif;font-weight:300;letter-spacing:-.045em}.intro-panel h1{max-width:580px;font-size:clamp(3.4rem,6.25vw,6.8rem);line-height:.87}.intro-panel h1 em{display:block;margin-top:.12em;color:var(--quiz-accent);font-family:Boston Angel,Outfit,system-ui,sans-serif;font-size:.92em;font-style:normal;font-weight:400;letter-spacing:-.02em;transform:rotate(-1.5deg);transform-origin:left center}.intro-copy{max-width:510px;margin:30px 0 34px;color:var(--quiz-muted);font-size:clamp(.98rem,1.25vw,1.08rem);line-height:1.75}.primary-action{width:fit-content;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:16px;border:1px solid var(--quiz-accent);padding:0 28px;background:var(--quiz-accent);color:#fff;font:600 .75rem/1 Inter,system-ui,sans-serif;letter-spacing:.13em;text-decoration:none;text-transform:uppercase;cursor:pointer;transition:background .22s ease,color .22s ease,transform .22s ease}.primary-action:hover{background:transparent;color:var(--quiz-accent);transform:translateY(-2px)}.intro-meta{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:28px;color:#774a3694;font-size:.72rem}.intro-meta span{display:inline-flex;align-items:center;gap:10px}.intro-meta span:not(:first-child):before{content:"";width:3px;height:3px;border-radius:50%;background:var(--quiz-accent);opacity:.55}.question-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px}.question-count{flex:0 0 auto;margin:0;color:var(--quiz-accent);font:300 clamp(1.3rem,2vw,1.85rem)/1 "Outfit",system-ui,sans-serif;letter-spacing:-.03em}.question-count span{color:#774a365c;font-size:.62em}.question-panel h2,.result-panel h2{font-size:clamp(2rem,3.5vw,4rem);line-height:1.03}.question-hint{margin:14px 0 clamp(24px,3.2vh,36px);color:var(--quiz-muted);font-size:.9rem;line-height:1.6}.answer-list{margin:0;padding:0;border:0;border-top:1px solid var(--quiz-line)}.answer-option{--option-index: 0;width:100%;min-height:55px;display:grid;grid-template-columns:34px minmax(0,1fr) 28px;align-items:center;gap:14px;border:0;border-bottom:1px solid var(--quiz-line);padding:10px 8px 10px 0;background:transparent;color:var(--quiz-ink);text-align:left;cursor:pointer;opacity:0;animation:optionReveal .38s calc(.14s + var(--option-index) * 48ms) ease both;transition:background .18s ease,color .18s ease,padding .18s ease}.answer-option:hover,.answer-option[aria-pressed=true]{padding-left:10px;background:#a734390e;color:var(--quiz-accent)}.answer-index{color:#774a366e;font:500 .63rem/1 Inter,system-ui,sans-serif;letter-spacing:.1em}.answer-label{font-family:Outfit,system-ui,sans-serif;font-size:clamp(.93rem,1.1vw,1.04rem);font-weight:400;line-height:1.25}.answer-check{width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(119,74,54,.22);border-radius:50%;color:var(--quiz-muted);transition:border-color .18s ease,background .18s ease,color .18s ease}.answer-option:hover .answer-check,.answer-option[aria-pressed=true] .answer-check{border-color:var(--quiz-accent);background:var(--quiz-accent);color:#fff}.result-panel{max-width:690px}.result-mark{width:48px;height:48px;display:grid;place-items:center;margin-bottom:28px;border:1px solid rgba(167,52,57,.34);border-radius:50%;color:var(--quiz-accent)}.result-copy{max-width:590px;margin:18px 0 24px;color:var(--quiz-muted);font-size:.98rem;line-height:1.7}.result-next-step{display:grid;gap:5px;margin-bottom:28px;padding:17px 0;border-top:1px solid var(--quiz-line);border-bottom:1px solid var(--quiz-line)}.result-next-step span{color:var(--quiz-muted);font:500 .65rem/1.2 Inter,system-ui,sans-serif;letter-spacing:.15em;text-transform:uppercase}.result-next-step strong{color:var(--quiz-ink);font-family:Outfit,system-ui,sans-serif;font-size:1.05rem;font-weight:500}.whatsapp-action{min-height:54px}.whatsapp-note{margin:12px 0 0;color:var(--quiz-muted);font-size:.72rem;line-height:1.5}.restart-button{display:inline-flex;align-items:center;gap:8px;margin-top:24px;transition:color .18s ease}.restart-button:hover{color:var(--quiz-accent)}.medical-note{max-width:550px;margin:28px 0 0;color:#774a3685;font-size:.68rem;line-height:1.5}.quiz-footer{min-height:28px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;color:#774a366b;font:500 .6rem/1 Inter,system-ui,sans-serif;letter-spacing:.15em;text-transform:uppercase}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand-link:focus-visible,.back-button:focus-visible,.primary-action:focus-visible,.answer-option:focus-visible,.restart-button:focus-visible{outline:2px solid var(--quiz-accent);outline-offset:4px}@keyframes portraitSettle{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1.015)}}@keyframes enterForward{0%{opacity:0;transform:translate3d(34px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes enterBackward{0%{opacity:0;transform:translate3d(-34px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes leaveForward{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-22px,0,0)}}@keyframes leaveBackward{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(22px,0,0)}}@keyframes optionReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.piel-real-shell{grid-template-columns:minmax(0,1fr) 36vw}.quiz-workspace{padding-right:34px;padding-left:34px}}@media(max-width:760px){.piel-real-shell{--mobile-photo-height: 176px;height:100svh;min-height:100svh;grid-template-columns:1fr;grid-template-rows:var(--mobile-photo-height) minmax(0,1fr);overflow:hidden}.piel-real-portrait{grid-column:1;grid-row:1;min-height:0;height:var(--mobile-photo-height)}.piel-real-portrait img{object-position:50% 36%}.portrait-wash{background:linear-gradient(180deg,#27201b14,#27201b57)}.portrait-caption{display:none}.quiz-workspace{grid-column:1;grid-row:2;height:calc(100svh - var(--mobile-photo-height));min-height:0;padding:20px 20px 16px}.quiz-header{min-height:50px;align-items:flex-start}.brand-link{width:min(245px,66%);min-height:36px}.back-button{min-height:36px}.back-button span{display:none}.quiz-stage{align-items:flex-start;padding:24px 0}.quiz-panel{margin:0}.quiz-kicker{margin-bottom:13px;font-size:.61rem;letter-spacing:.2em}.intro-panel h1{font-size:clamp(3.1rem,15vw,4.65rem)}.intro-copy{margin:22px 0 26px;font-size:.91rem;line-height:1.65}.intro-meta{gap:8px 18px;margin-top:22px;font-size:.65rem}.intro-meta span:last-child{width:100%}.intro-meta span:last-child:before{display:none}.question-panel h2,.result-panel h2{font-size:clamp(1.85rem,8.3vw,2.55rem);line-height:1.04}.question-hint{margin:10px 0 20px;font-size:.8rem}.answer-option{min-height:49px;grid-template-columns:28px minmax(0,1fr) 26px;gap:10px;padding-top:8px;padding-bottom:8px}.answer-label{font-size:.88rem}.question-count{font-size:1.28rem}.result-mark{width:40px;height:40px;margin-bottom:18px}.result-copy{margin:13px 0 18px;font-size:.86rem}.result-next-step{margin-bottom:20px;padding:13px 0}.whatsapp-action{width:100%;padding:0 18px;letter-spacing:.08em}.quiz-footer{min-height:20px;font-size:.52rem}}@media(max-height:740px)and (min-width:761px){.quiz-workspace{padding-top:20px;padding-bottom:16px}.quiz-header{min-height:48px}.quiz-stage{padding-top:22px;padding-bottom:22px}.question-panel h2,.result-panel h2{font-size:clamp(2rem,3.2vw,3rem)}.question-hint{margin-top:9px;margin-bottom:18px}.answer-option{min-height:47px}.result-mark{margin-bottom:18px}.result-copy{margin-top:12px;margin-bottom:16px}.result-next-step{margin-bottom:18px;padding:12px 0}.restart-button,.medical-note{margin-top:17px}}@media(prefers-reduced-motion:reduce){.piel-real-portrait img,.quiz-panel,.answer-option{animation:none!important;opacity:1;transform:none}.progress-track span,.back-button,.primary-action,.answer-option,.answer-check{transition-duration:.01ms!important}}