/* El puesto ocupa todo el viewport. Los gestos del sistema se controlan en el modo kiosco del equipo. */
html[data-kiosk=true]{overflow:hidden;overscroll-behavior:none;touch-action:manipulation;--u:min(1vw,.521739dvh)}
html[data-kiosk=true] body{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}
:root[data-kiosk=true] .shell{width:100vw;height:100dvh;min-height:0;max-height:none;margin:0;padding:0;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none}
[data-kiosk=true] .shell:after{inset:0;border-radius:0}[data-kiosk=true] .screen{border-radius:0}
[data-kiosk=true] .demo-footer{display:none}[data-kiosk=true] .shell img,[data-kiosk=true] .hair-art{user-select:none;-webkit-user-drag:none}
[data-kiosk=true] .welcome h1{font-size:calc(13.4*var(--u))}[data-kiosk=true] .welcome-copy p{font-size:calc(5.45*var(--u))}
[data-kiosk=true] .welcome-actions .button{height:calc(24.7*var(--u));font-size:calc(10*var(--u));padding:calc(3.5*var(--u)) calc(5.2*var(--u))}[data-kiosk=true] .welcome-actions .button [data-icon]{width:calc(18*var(--u));height:calc(18*var(--u))}[data-kiosk=true] .welcome-actions .button svg{width:calc(10*var(--u));height:calc(10*var(--u))}[data-kiosk=true] .welcome-actions p{font-size:calc(3.9*var(--u));margin-top:calc(5.4*var(--u))}
:root[data-kiosk=true] .choose>h1{font-size:calc(9.8*var(--u))}[data-kiosk=true] .choose .choose-hint{font-size:calc(3.7*var(--u))}
:root[data-kiosk=true] .look-selector{height:calc(14.5*var(--u));font-size:calc(4.65*var(--u));padding:calc(1.8*var(--u)) calc(3.2*var(--u));grid-template-columns:calc(12*var(--u)) 1fr 1fr calc(6*var(--u));gap:calc(1.8*var(--u))}
[data-kiosk=true] .look-selectors{gap:calc(2.2*var(--u))}[data-kiosk=true] .look-selector strong{font-size:calc(4.55*var(--u));padding:calc(2.8*var(--u)) 0}[data-kiosk=true] .selector-symbol,[data-kiosk=true] #selected-swatch{width:calc(10.5*var(--u));height:calc(10.5*var(--u))}[data-kiosk=true] .selector-symbol svg,[data-kiosk=true] #selected-swatch svg{width:calc(8.6*var(--u));height:calc(9.2*var(--u))}
[data-kiosk=true] .choose[data-sample=true] .look-selector{height:calc(12.6*var(--u))}[data-kiosk=true] .choose .actions{gap:calc(2*var(--u))}[data-kiosk=true] .choose .actions .button{height:calc(12.5*var(--u));font-size:calc(4.7*var(--u))}
:root[data-kiosk=true] .capture>h1{font-size:calc(7.6*var(--u))}[data-kiosk=true] .camera-instruction{font-size:calc(3.8*var(--u))}[data-kiosk=true] .capture .count-panel{grid-template-columns:calc(18*var(--u)) 1fr;gap:calc(3*var(--u));padding:calc(2*var(--u)) calc(4*var(--u))}[data-kiosk=true] .capture .count{width:calc(15*var(--u));height:calc(15*var(--u));font-size:calc(10*var(--u))}[data-kiosk=true] #capture-status{font-size:calc(3.8*var(--u))!important}[data-kiosk=true] #camera-help{font-size:calc(3*var(--u))!important}[data-kiosk=true] .capture #cancel{font-size:calc(4.4*var(--u))}
:root[data-kiosk=true] .processing>h1{font-size:calc(8.6*var(--u))}[data-kiosk=true] .flow-mode{font-size:calc(3.4*var(--u))}[data-kiosk=true] .flow-card{padding:calc(4*var(--u))}[data-kiosk=true] .flow-summary{font-size:calc(4.6*var(--u))}[data-kiosk=true] .flow-message{font-size:calc(3.5*var(--u))}[data-kiosk=true] .flow-actions .button{font-size:calc(4*var(--u));padding:calc(3*var(--u)) calc(2*var(--u))}
[data-kiosk=true] .result .actions .button{font-size:calc(4.1*var(--u))}[data-kiosk=true] .result .actions svg{width:calc(6.8*var(--u));height:calc(6.8*var(--u))}