.estante{--disco:clamp(168px, 17vw, 300px);min-width:0;margin-right:calc(-1 * var(--margen));position:relative}.estante-carril{scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;gap:20px;padding:28px 0 22px 26px;scroll-padding-left:26px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 36px calc(100% - 56px),#0000);mask-image:linear-gradient(90deg,#0000,#000 36px calc(100% - 56px),#0000)}.estante-carril::-webkit-scrollbar{display:none}.estante-carril[data-arrastrando]{cursor:grabbing}.estante-carril:focus-visible{outline:2px solid var(--halo);outline-offset:-2px}.estante-carril ul{flex:none;gap:20px;margin:0;padding:0;list-style:none;display:flex}.estante-carril li{flex:none}.estante:after{content:"";background:linear-gradient(to right, var(--vena), color-mix(in srgb, var(--vena) 40%, transparent) 70%, transparent);height:1px;box-shadow:0 0 8px color-mix(in srgb, var(--vena) 60%, transparent);pointer-events:none;position:absolute;bottom:74px;left:0;right:0}.estante-disco{width:var(--disco);color:var(--texto);-webkit-user-drag:none;-webkit-user-select:none;user-select:none;gap:4px;text-decoration:none;display:grid;position:relative}.estante-disco:focus-visible{outline:none}.estante-portada{width:var(--disco);aspect-ratio:1;border-radius:var(--radio-medio);background:var(--fondo-2);box-shadow:0 0 0 1px var(--borde), 0 18px 40px #00000073;transition:transform var(--medio) var(--curva), box-shadow var(--medio) var(--curva);transform-origin:50% 70%;margin-bottom:30px;display:block;position:relative;overflow:hidden}.estante-portada img{object-fit:cover;width:100%;height:100%;display:block}.estante-aprobada{position:absolute;inset:0;display:none!important}.estante-disco.sin-campo .estante-aprobada{display:block!important}.estante-disco.activo .estante-portada,.estante-disco:focus-visible .estante-portada{z-index:2;box-shadow:0 0 0 1px color-mix(in srgb, var(--texto) 40%, transparent), 0 24px 60px #0009, 0 0 50px color-mix(in srgb, var(--vena) 22%, transparent);transform:scale(1.1)}.estante-disco:focus-visible .estante-portada{outline:2px solid var(--halo);outline-offset:4px}.estante-dato{margin:0}.estante-titulo{text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;font-weight:600;line-height:1.25;overflow:hidden}.estante-campo{z-index:15;pointer-events:none;display:none;position:fixed;top:0;left:0}.estante-campo[data-on]{display:block}.estante-flecha{top:calc(28px + var(--disco) / 2 - 22px);z-index:3;border:1px solid color-mix(in srgb, var(--texto) 35%, transparent);border-radius:var(--radio-circulo);background:color-mix(in srgb, var(--fondo) 75%, transparent);width:44px;height:44px;color:var(--texto);cursor:pointer;-webkit-backdrop-filter:blur(6px);transition:border-color var(--rapido) var(--curva), background var(--rapido) var(--curva);place-items:center;padding:0;display:grid;position:absolute}.estante-flecha svg{width:20px;height:20px}.estante-flecha:hover{border-color:var(--texto);background:var(--fondo)}.estante-antes{left:-6px}.estante-despues{right:calc(var(--margen) - 6px)}@media (max-width:720px){.estante{--disco:44vw;margin-left:calc(-1 * var(--margen))}.estante-carril{padding-left:var(--margen);scroll-padding-left:var(--margen)}.estante-antes{left:6px}.estante-despues{right:6px}.estante:after{left:var(--margen)}}@media (prefers-reduced-motion:reduce){.estante-carril{scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18px calc(100% - 56px),#0000);mask-image:linear-gradient(90deg,#0000,#000 18px calc(100% - 56px),#0000)}.estante-carril li{scroll-snap-align:start}.estante .tira-copia{display:none}.estante-disco.activo .estante-portada,.estante-disco:focus-visible .estante-portada{transform:none}.estante-disco.activo .estante-portada{box-shadow:0 0 0 1px var(--texto), 0 18px 40px #00000073}}
