/* Probador virtual (probador.html). Sin #hex: todo de tokens.css. */
.pv{padding-top:28px;padding-bottom:48px;display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
.pv-cab h1{margin:0 0 8px;font-family:var(--display);font-size:clamp(2rem,5vw,3rem);line-height:1.05;color:var(--marca)}
.pv-permiso h2,.pv-dip h2,.pv-cara h2{margin:0 0 8px;font-family:var(--display);color:var(--marca);font-size:1.375rem}
.pv-permiso{border-left:5px solid var(--acento)}
.pv-fuentes{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 6px}
.pv-fuentes .btn[disabled],.btn.deshabilitado{opacity:.5;cursor:not-allowed}
.pv-fuentes label.btn{cursor:pointer}
.pv-estado{margin:0;min-height:1.5em;font-weight:700;color:var(--acento-texto)}
.pv-escena{margin:0}
.pv-lienzo{position:relative;width:100%;max-width:720px;margin:0 auto;border-radius:var(--radio-tarjeta);overflow:hidden;background:var(--noche);box-shadow:var(--sombra-alta);touch-action:none}
.pv-lienzo video,.pv-lienzo img{display:block;width:100%;height:100%;object-fit:contain}
.pv-escena.espejo .pv-lienzo{transform:scaleX(-1)}
.pv-armazon{position:absolute;left:0;top:0;width:0;transform-origin:center;cursor:grab;filter:drop-shadow(0 4px 6px color-mix(in srgb,var(--noche) 35%,transparent))}
.pv-armazon .armazon .az-lente{fill:var(--az-lente)}
.pv-controles{display:grid;gap:12px;max-width:720px;width:100%;margin:0 auto}
.pv-azs{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:thin}
.pv-az{flex:none;display:grid;justify-items:center;gap:4px;width:118px;min-height:92px;padding:10px;border:2px solid var(--linea);border-radius:var(--radio);background:var(--superficie);font-weight:700;font-size:var(--t-chico);cursor:pointer}
.pv-az .armazon{width:90px}
.pv-az[aria-pressed="true"]{border-color:var(--acento);background:var(--acento-suave)}
.pv-ficha{margin:0;color:var(--tinta-2)}
.pv-ajuste{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}
.pv-ajuste .campo{flex:1 1 160px}
.pv-ajuste input[type=range]{width:100%;min-height:44px;accent-color:var(--marca)}
.pv-dip-lienzo{position:relative;max-width:720px;margin:10px auto;touch-action:none}
.pv-dip-lienzo canvas{display:block;width:100%;height:auto;border-radius:var(--radio)}
.pv-manija{position:absolute;top:0;bottom:0;width:44px;margin-left:-22px;border:0;background:transparent;cursor:ew-resize}
.pv-manija::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;margin-left:-1.5px;background:var(--acento);box-shadow:0 0 0 1px var(--superficie)}
.pv-manija::after{content:"";position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:var(--acento);border:3px solid var(--superficie)}
.pv-manija:focus-visible::after{outline:3px solid var(--marca);outline-offset:2px}
.pv-dip-res{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pv-dip-res b{font-family:var(--display);font-size:1.5rem;color:var(--marca)}
.pv-dip-res .chip{white-space:normal}
.pv-sugeridos{list-style:none;margin:12px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:10px}
.pv-sugeridos li{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--linea);border-radius:var(--radio)}
.pv-sugeridos .armazon{width:90px;flex:none}
.pv-sugeridos small{display:block;color:var(--tinta-2)}
.pv-cara select{max-width:320px;min-height:48px;padding:10px 12px;border:1px solid var(--linea);border-radius:var(--radio-chico);background:var(--superficie);font-size:1rem}