.perchero{--w:min(92vw, 380px);--holgura:14px;--margen:1rem;position:relative}@media (min-width:640px){.perchero{--margen:1.5rem}}@media (min-width:768px){.perchero{--w:440px}}@media (min-width:1024px){.perchero{--w:460px;--margen:max(1.5rem, calc((100% - var(--ancho-contenido,80rem)) / 2 + 1.5rem))}}.perchero__barra{inset-inline:0;top:calc(var(--holgura) + var(--w) * 60 / 1800);z-index:0;pointer-events:none;align-items:center;height:12px;display:flex;position:absolute;translate:0 -50%}.perchero__tubo{background:linear-gradient(#f1f1ed 0%,#b4b4af 30%,#6a6a67 65%,#2c2c2b 100%);border-radius:999px;flex:1;height:100%;box-shadow:0 8px 14px -6px #000000d9}.perchero__soporte{background:linear-gradient(90deg,#353533,#c4c4bf 45%,#4a4a48);border-radius:4px;flex:none;width:14px;height:44px;box-shadow:0 6px 10px -4px #000c}.perchero__fila{z-index:1;padding:var(--holgura) var(--margen) 24px;scroll-padding-inline:var(--margen);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;-webkit-overflow-scrolling:touch;margin:0;list-style:none;display:flex;position:relative;overflow:auto hidden}@media (min-width:1024px){.perchero__fila{scroll-snap-type:x proximity}}.perchero__fila::-webkit-scrollbar{display:none}.perchero__fila[data-arrastrando]{cursor:grabbing;scroll-snap-type:none}.colgada{flex:0 0 var(--w);scroll-snap-align:center;pointer-events:none;position:relative}.colgada:first-child{margin-left:calc(var(--w) * var(--ropa-izquierda,.2) * -1)}.colgada:first-child[data-con-etiqueta]{margin-left:calc(var(--w) * -.04)}.colgada:last-child{flex-basis:calc(var(--w) * var(--ropa-derecha,.8));min-width:0;overflow-x:clip}.colgada+.colgada{margin-left:calc(var(--w) * -.5)}.colgada+.colgada[data-inicio-equipo]{margin-left:calc(var(--w) * -.5 + var(--w) * .26)}.colgada:focus-within{z-index:2}.colgada:has(.colgada__zona:hover){z-index:2}.colgada__boton{width:var(--w);aspect-ratio:1200 / var(--alto-caja,1800);color:inherit;cursor:inherit;-webkit-tap-highlight-color:transparent;pointer-events:none;background:0 0;border:0;border-radius:1.5rem;padding:0;display:block;position:relative}.colgada__zona{pointer-events:auto;cursor:pointer;position:absolute}.perchero__fila[data-arrastrando] .colgada__zona{cursor:grabbing}.colgada__boton:focus{outline:none}.colgada__boton:focus-visible{outline:3px solid var(--cga-acento);outline-offset:-8%}.colgada__boton[data-sin-anillo]:focus-visible{outline:none}.colgada__balanceo,.colgada__empujon{aspect-ratio:1200/1800;transform-origin:50% 3.33333%;width:100%;position:absolute;top:0;left:0}.colgada__balanceo{animation:balanceo var(--balanceo-duracion,4.6s) cubic-bezier(.37, 0, .63, 1) var(--balanceo-desfase,0s) infinite alternate;transition:translate var(--mov-media) var(--mov-entrada);will-change:rotate}.colgada[data-quieta] .colgada__balanceo{animation-play-state:paused}.colgada__balanceo[data-oculta]{opacity:0}@keyframes balanceo{0%{rotate:-1.5deg}to{rotate:1.5deg}}@media (hover:hover){.colgada__boton:has(.colgada__zona:hover) .colgada__balanceo{translate:0 -8px}}.colgada__boton:focus-visible:not([data-sin-anillo]) .colgada__balanceo{translate:0 -8px}.colgada__imagen{position:absolute}.colgada__imagen img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.percha{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.colgada__etiqueta{width:calc(var(--w) * .1);transform-origin:100% 0;pointer-events:none;position:absolute;top:18.3333%;right:50%;rotate:24deg}.colgada__hilo{background:var(--cga-gris);width:100%;height:1.5px;display:block}.colgada__carton{transform-origin:calc(100% - 4px);background:var(--cga-blanco);color:var(--cga-negro);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:6px 3px 3px 6px;padding:.35em 1.25em .35em .7em;font-size:clamp(.62rem,1.6vw,.75rem);font-weight:800;line-height:1;position:absolute;top:-2px;right:calc(100% - 4px);rotate:-58deg;box-shadow:0 6px 12px -6px #000000b3}.colgada__carton:before{content:"";background:var(--cga-negro);border-radius:50%;width:.4em;height:.4em;position:absolute;top:50%;right:.45em;translate:0 -50%}.perchero__flechas{display:none}@media (min-width:768px){.perchero__flechas{justify-content:center;gap:.75rem;margin-top:.5rem;display:flex}.perchero__flechas button{border:1px solid var(--cga-gris-oscuro);width:3rem;height:3rem;color:var(--cga-blanco);transition:border-color var(--mov-rapida) var(--mov-transicion), color var(--mov-rapida) var(--mov-transicion);border-radius:999px;place-items:center;display:grid}.perchero__flechas button:hover:not(:disabled){border-color:var(--cga-acento)}.perchero__flechas button:disabled{color:var(--cga-gris-oscuro);cursor:default}}.vista{width:100%;max-width:none;height:100dvh;max-height:none;color:var(--cga-blanco);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.vista::backdrop{background:0 0}.vista__fondo{will-change:opacity;background:#0a0a0af0;position:absolute;inset:0}@media (min-width:1024px){.vista__fondo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0ad1}}.vista:focus,.vista:focus-visible{outline:none}.vista__contenido{will-change:transform;flex-direction:column;height:100%;display:flex;position:relative}.vista__cerrar{top:max(.75rem, env(safe-area-inset-top));z-index:3;border:1px solid var(--cga-gris-oscuro);width:3rem;height:3rem;color:var(--cga-blanco);transition:border-color var(--mov-rapida) var(--mov-transicion);background:#161616d9;border-radius:999px;place-items:center;display:grid;position:absolute;right:.75rem}.vista__cerrar:hover{border-color:var(--cga-acento)}.vista__escena{touch-action:pan-x pinch-zoom;flex:auto;place-items:center;min-height:0;padding:4.25rem 1.25rem 1rem;display:grid;container-type:size}.vista__prenda{width:min(100cqw, 100cqh * var(--aspecto));aspect-ratio:var(--aspecto);position:relative}.vista__lienzo{will-change:transform;position:absolute}.vista__caras{position:absolute;inset:0}.vista__cara{opacity:0;width:100%;height:100%;position:absolute}@media (prefers-reduced-motion:reduce){.vista__cara{transition:opacity var(--mov-media) var(--mov-transicion)}}.vista__cara[data-visible]{opacity:1}.vista__cara img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.vista__info{max-height:46dvh;padding:1.25rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom));border-top:1px solid var(--cga-gris-oscuro);background:var(--cga-carbon);border-radius:1.25rem 1.25rem 0 0;flex:none;position:relative;overflow-y:auto}.vista__asa{background:var(--cga-gris-oscuro);border-radius:999px;width:2.5rem;height:4px;position:absolute;top:.5rem;left:50%;translate:-50%}.vista__antetitulo{font-family:var(--font-pirata), serif;color:var(--cga-acento);font-size:1.15rem}.vista__nombre{font-size:clamp(1.8rem,7vw,2.6rem);font-weight:900;font-stretch:80%;line-height:.95}.vista[data-preparando] :is(.vista__lienzo,.vista__info),.vista[data-preparando]:not([data-cambio]) .vista__fondo{opacity:0}.vista__precarga{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.vista__pareja{color:#f4f4f1d9;margin-top:.6rem}.vista__pareja button{min-height:2.75rem;color:var(--cga-blanco);text-decoration:underline;-webkit-text-decoration-color:var(--cga-acento);text-decoration-color:var(--cga-acento);text-underline-offset:6px;font-weight:700;text-decoration-thickness:2px}.vista__pareja button:hover{color:var(--cga-acento)}.vista__descripcion{color:#f4f4f1d9;max-width:60ch;margin-top:.6rem}.vista__tallas{margin-top:.5rem;font-weight:600}.vista__caras-selector{border:1px solid var(--cga-gris-oscuro);border-radius:999px;margin-top:1rem;padding:3px;display:inline-flex}.vista__caras-selector button{min-width:6.5rem;min-height:2.75rem;color:var(--cga-blanco);transition:background-color var(--mov-rapida) var(--mov-transicion), color var(--mov-rapida) var(--mov-transicion);border-radius:999px;padding-inline:1.1rem;font-weight:700}.vista__caras-selector button[aria-pressed=true]{background:var(--cga-blanco);color:var(--cga-negro)}.vista__cta{margin-top:1rem}.vista__nota{text-align:center;color:#f4f4f1bf;margin-top:.5rem;font-size:.9rem}@media (min-width:1024px){.vista__escena{padding:4rem 2rem 1.5rem}.vista__info{border:1px solid var(--cga-gris-oscuro);background:#161616e6;border-radius:1.25rem;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:2.5rem;width:min(56rem,100% - 4rem);margin:0 auto 2rem;padding:1.5rem 1.75rem;display:grid}.vista__asa{display:none}.vista__info>:is(.vista__antetitulo,h2,.vista__pareja,.vista__descripcion,.vista__tallas){grid-column:1}.vista__caras-selector{grid-area:1/2;justify-self:end;margin-top:0}.vista__cta{grid-area:2/2/span 2;align-self:end}.vista__nota{text-align:right;grid-column:2}}@media (prefers-reduced-motion:reduce){.colgada__balanceo{transition:none;animation:none}.colgada__boton:focus-visible .colgada__balanceo{translate:none}.colgada__boton:has(.colgada__zona:hover) .colgada__balanceo{translate:none}}