/* Fidelidad a 05-selectores-tactiles: imagen de fondo y controles HTML. */
.choose{padding:0;display:block;isolation:isolate;color:#1b3334}.choose:before{display:none}
.choose .selection-preview{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;border:0;border-radius:inherit;background-color:#e8e7e3;box-shadow:none;z-index:0}
.choose:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(180deg,#f6f5ef12,transparent 40%,#fafaf618 62%,#f3f5f12b)}
.choose>h1{position:absolute;top:3.4%;left:8.4%;right:4%;z-index:1;font-family:'Segoe UI Variable Display','Segoe UI',Arial,sans-serif;font-size:10.9cqw;font-weight:400;line-height:1.07;letter-spacing:-.05em;margin:0;color:#1b3334}
.choose .choose-hint{position:absolute;z-index:1;top:16.4%;left:8.5%;right:4%;font-size:4.65cqw;line-height:1.35;font-weight:400;margin:0;color:#263e3d}
.look-selectors{position:absolute;z-index:1;top:51.6%;left:4.5%;right:4.5%;gap:2.2cqw}
.look-selector{grid-template-columns:12cqw 1fr 1fr 6cqw;gap:1.8cqw;height:14.5cqw;min-height:50px;padding:1.8cqw 3.2cqw 1.8cqw 2.5cqw;border-radius:5.2cqw;font-size:4.65cqw;font-weight:450;background:linear-gradient(120deg,#ffffff9c,#f3f5f17a 50%,#ffffff6b);border:1px solid #fffffff2;box-shadow:inset 0 2px 5px #fffc,inset -1px -2px 6px #fff5,0 5px 12px #374b3e18;backdrop-filter:blur(19px) saturate(.65);-webkit-backdrop-filter:blur(19px) saturate(.65)}
.look-selector strong{align-self:center;border-left:1px solid #55736733;text-align:center;padding:2.8cqw 0;font-size:4.55cqw;font-weight:400;color:#1b3334;white-space:nowrap}
.selector-symbol,#selected-swatch{height:10.5cqw;width:10.5cqw;background:#c6d3c12e!important;border:0;border-radius:50%;box-shadow:none;color:#45695d;display:grid;place-items:center}
.selector-symbol svg,#selected-swatch svg{height:9.2cqw;width:8.6cqw}.chevron svg{width:5.6cqw;height:5.6cqw}.chevron{display:grid;place-items:center;color:#173b36}
.choose .actions{position:absolute;left:4.5%;right:4.5%;bottom:7.4%;display:grid;grid-template-columns:1fr;gap:2cqw;z-index:1;margin:0}
.choose .actions .button{height:12.5cqw;min-height:48px;border-radius:9cqw;font-size:4.7cqw;font-weight:500;gap:3cqw;letter-spacing:-.02em}
.choose #surprise{border:1px solid #738d79a3;background:linear-gradient(130deg,#f5f7f080,#e4ece24d);color:#49645a;box-shadow:inset 0 2px 4px #fff8,0 3px 7px #33503c14;backdrop-filter:blur(16px)}
.choose #surprise svg{width:6cqw;height:6cqw}.choose #generate{background:linear-gradient(125deg,#7e9680e8,#527162ee 60%,#9bb29ae8);border:1px solid #bdcdbabb;color:#fff;box-shadow:inset 0 3px 5px #efffeb9c,inset 0 -3px 6px #203c3140,0 5px 10px #2f4a3224}
.choose .demo-detail{position:absolute;bottom:2.4%;width:100%;z-index:1;font-size:2.35cqw;color:#486055;text-align:center;margin:0}
#look-picker{padding:16px 22px 28px;border-radius:34px;background:linear-gradient(130deg,#fff9,#f8f5f0d9 45%,#ebece7e6);box-shadow:inset 0 2px 4px #fffe,inset 2px 0 6px #fff5,0 -8px 40px #1c32271c;backdrop-filter:blur(28px) saturate(.7);gap:18px}
#look-picker::backdrop{backdrop-filter:none;background:#0a171b70}.picker-header h2{font-weight:400;font-size:clamp(24px,6.8cqw,42px);letter-spacing:-.04em;color:inherit}#picker-hint{display:none}.picker-header{margin:8px 0 12px}.sheet-handle{margin:0 auto 7px}
#close-picker{font-size:clamp(15px,3.8cqw,25px);background:#ffffff6b;border:1px solid #fff9;gap:8px;flex-direction:row-reverse}
.color-families{gap:7px}.color-families button{min-height:48px;border-radius:22px;font-weight:400;background:#ffffff50;box-shadow:inset 0 1px 3px #fff7,0 3px 8px #263f2d12}.color-families button[aria-pressed=true]{background:linear-gradient(140deg,#8ca38b,#5c7764);color:#fff;border-color:#a1b59d}
#look-picker .color-options{gap:3cqw 5cqw;padding:8px 5px 6px}#look-picker .color-option{padding:5px 0 10px;border-radius:20px;min-height:26cqw;font-weight:400;font-size:4cqw;outline:none!important}
#look-picker .color-option i{width:23cqw;height:23cqw;max-width:none;max-height:none;border:1px solid #fff9;box-shadow:inset 0 1px 5px #fff4,0 2px 5px #34493917;background-image:url('assets/hair-fiber.png');background-size:cover;background-blend-mode:soft-light;margin-bottom:9px}
#look-picker .color-option[aria-pressed=true]{background:none}#look-picker .color-option[aria-pressed=true] i{box-shadow:0 0 0 3px #fff,0 0 0 5px #6b8970,inset 0 1px 4px #fff4}
#look-picker .color-option[aria-pressed=true]:after{top:calc(11.5cqw - 10px);right:calc(50% - 15px);height:30px;width:30px;font-size:21px;background:#fff;color:#244236}
[data-theme=nocturno] .choose:after{background:linear-gradient(180deg,#061b2bd9,transparent 39%,#071a2c33 52%,#061b2bbd)}
[data-theme=nocturno] .choose>h1,[data-theme=nocturno] .choose .choose-hint{color:#edf6f6}[data-theme=nocturno] .look-selector{background:linear-gradient(120deg,#163e4fba,#0c25309c);border-color:#a5cbd57d}[data-theme=nocturno] .look-selector strong,[data-theme=nocturno] .look-selector,[data-theme=nocturno] .chevron{color:#effaff}[data-theme=nocturno] .selector-symbol,[data-theme=nocturno] #selected-swatch{color:#b8dfdd}[data-theme=nocturno] .choose #surprise{color:#e4f3ee;background:#122b329e}[data-theme=nocturno] .choose .demo-detail{color:#e0eae6}
[data-theme=editorial] .choose>h1{font-family:Georgia,'Times New Roman',serif;font-weight:400}
[data-effects=light] .look-selector{background:var(--panel);backdrop-filter:none}[data-effects=light] .choose #surprise{background:var(--panel);backdrop-filter:none}
@media(max-height:650px){.look-selector{min-height:44px}.choose .actions .button{min-height:44px}}
/* Ajustes tras comparar los cuatro documentos del usuario. */
.choose>h1{font-size:9.8cqw;top:3.8%}.choose .choose-hint{font-size:4.25cqw;line-height:1.25;top:14.8%}
.capture{padding:0;display:block;background:var(--ground)}.capture:before{display:none}.capture>h1{position:absolute;top:3.8%;left:4%;right:4%;z-index:2;text-align:center;font-size:8.6cqw;font-weight:500;letter-spacing:-.045em;margin:0}
.capture .camera-preview{position:absolute;left:0;right:0;top:11%;height:55%;border-radius:0;min-height:0;background-color:var(--ground)}.capture .camera-preview:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,var(--ground),transparent 9%,transparent 79%,var(--ground))}.capture .framing{z-index:1;inset:2% 6% 13%}.capture .framing i{width:12cqw;height:12cqw;filter:none;border-width:0;border-color:#fff}.capture .capture-indicator{z-index:2;bottom:1.5%;font-size:3.9cqw;padding:1.5cqw 3cqw;border-radius:7cqw}.capture .capture-indicator [data-icon]{display:grid;place-items:center;border-radius:50%;background:#8da88a;color:white;width:5.5cqw;height:5.5cqw}.capture .capture-indicator svg{width:4cqw;height:4cqw}
.capture .count-panel{position:absolute;top:65.5%;left:3.5%;right:3.5%;height:23%;padding:2cqw;border-radius:7cqw;background:linear-gradient(120deg,#f9ffff6b,#dce8f36b,#fff6);box-shadow:inset 0 3px 5px #fff,inset 3px 0 8px #fff7,inset -3px -4px 9px #d3eafbcc,0 4px 9px #233f4817}.capture .count{height:26cqw;width:26cqw;font-size:18cqw;font-weight:400;border-width:1.6cqw;outline:1px solid #fff;outline-offset:5px;box-shadow:inset 0 0 0 2px #fff9,0 0 0 3px #fff6}.capture .count-panel p{font-size:4.9cqw;margin:2cqw 0 0}.capture #cancel{position:absolute;bottom:2.5%;height:8.2%;left:3.5%;right:3.5%;min-height:44px;border-radius:8cqw;font-size:4.4cqw}
.capture .framing i:nth-child(1){border-left-width:3px;border-top-width:3px}.capture .framing i:nth-child(2){border-right-width:3px;border-top-width:3px}.capture .framing i:nth-child(3){border-left-width:3px;border-bottom-width:3px}.capture .framing i:nth-child(4){border-right-width:3px;border-bottom-width:3px}
.result{display:block;padding:0}.result canvas{position:absolute;left:0;top:0;width:100%;height:88%;max-height:none;min-height:0;border-radius:0;object-fit:cover;object-position:top}.result .actions{position:absolute;bottom:2.4%;left:4%;right:4%;height:8.3%;margin:0;gap:2.3cqw}.result .actions .button{font-size:4.3cqw;font-weight:400;min-height:44px;padding:2cqw;border-radius:9cqw;background:linear-gradient(130deg,#ffffff6b,#f6fbff52);border:1px solid #fff9;backdrop-filter:blur(16px)}.result .actions svg{height:7cqw;width:7cqw}.result .result-note{position:absolute;bottom:11.2%;width:100%;font-size:2.3cqw;padding:0 2cqw;margin:0;color:var(--muted)}.result #finish{position:absolute;right:3%;top:1.4%;min-height:44px;width:44px;padding:0;border-radius:50%;font-size:0;background:#ffffff19;z-index:2}.result #finish:after{content:'×';font-size:24px;color:var(--muted)}
[data-theme=nocturno] .capture .camera-preview:after{background:linear-gradient(180deg,var(--ground),transparent 11%,transparent 78%,var(--ground))}[data-theme=nocturno] .capture .count-panel{background:linear-gradient(130deg,#1b3c4db0,#0a2433c9);box-shadow:inset 0 2px 5px #a4e9ff80,inset -3px -4px 8px #3ca2d755,0 0 5px #78caff66}[data-theme=nocturno] .capture .framing i{border-color:#c1edff;filter:drop-shadow(0 0 4px #52cfff66)}[data-theme=nocturno] .capture .capture-indicator [data-icon]{background:#185365;color:#a4f5ff}[data-theme=nocturno] .result .actions .button{background:linear-gradient(135deg,#1b364578,#06131eb0);border-color:#84b9d370}
.capture .camera-preview{inset:0;height:100%;border-radius:inherit}.capture .camera-preview:after{display:none}.capture .framing{inset:12% 6% 43%}.capture .capture-indicator{bottom:36.5%}
[data-theme=luminoso] .welcome-actions .button{font-weight:450}