.cn-carro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none}.cn-carro .fondo{position:absolute;top:0;right:0;bottom:0;left:0;background:#2b2b2c47;opacity:0;transition:opacity .45s var(--ease-out)}.cn-carro .hoja{position:absolute;top:0;right:0;bottom:0;width:min(460px,100%);background:#fff;border-radius:var(--r-panel) 0 0 var(--r-panel);display:flex;flex-direction:column;transform:translate(104%);transition:transform .65s var(--ease-out);box-shadow:-24px 0 60px -40px #2b2b2c73}.cn-carro.on{pointer-events:auto}.cn-carro.on .fondo{opacity:1}.cn-carro.on .hoja{transform:none}.cn-carro .cab{display:flex;align-items:center;gap:12px;padding:22px 22px 14px 28px}.cn-carro .cab h2{font-size:1.75rem;letter-spacing:-.03em}.cn-carro .cab .cuenta{color:var(--ink-2);font-size:.95rem;font-weight:500;margin-right:auto}.cn-carro .cab .redondo{width:44px;height:44px}.cn-carro .envio{margin:0 22px 6px 28px;max-width:none;background:var(--yema-50);border-radius:18px;padding:12px 16px 14px}.cn-carro .envio p{font-size:.9rem;color:var(--fuerte);font-weight:500}.cn-carro .barra{height:6px;border-radius:999px;background:#fff;overflow:hidden;margin-top:8px}.cn-carro .barra i{display:block;height:100%;width:0;border-radius:inherit;background:var(--verde);transition:width .8s var(--ease-out)}.cn-carro .lista{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:8px 22px 8px 28px;margin:0;list-style:none}.cn-carro .item{display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:4px 14px;padding:16px 0;border-bottom:1px solid var(--line)}.cn-carro .item:last-child{border-bottom:0}.cn-carro .item figure{grid-row:span 3;width:84px;height:104px;border-radius:12px;overflow:hidden;background:var(--soft)}.cn-carro .item figure img{width:100%;height:100%;object-fit:cover}.cn-carro .item h3{font-size:1rem;letter-spacing:-.01em;line-height:1.25}.cn-carro .item h3 a{text-decoration:none}.cn-carro .item .px{font-weight:600;color:var(--fuerte);white-space:nowrap;text-align:right}.cn-carro .item .meta{grid-column:2 / -1;font-size:.86rem;color:var(--ink-2);line-height:1.35}.cn-carro .item .fotos{grid-column:2 / -1;display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--ink-2);margin-top:4px}.cn-carro .item .fotos img{width:28px;height:28px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--lima)}.cn-carro .item .fotos img+img{margin-left:-10px}.cn-carro .item .fotos span{margin-left:6px}.cn-carro .item .acc{grid-column:2 / -1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.cn-carro .cant{display:inline-flex;align-items:center;background:var(--soft);border-radius:999px;padding:3px}.cn-carro .cant button{width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--fuerte);display:grid;place-items:center;cursor:pointer;transition:background-color .25s,transform .3s var(--ease-out)}.cn-carro .cant button:hover{background:#fff}.cn-carro .cant button:active{transform:scale(.9)}.cn-carro .cant button svg{width:14px;height:14px}.cn-carro .cant b{min-width:26px;text-align:center;font-size:.95rem;font-weight:600}.cn-carro .quitar{border:0;background:none;padding:.4em 0;font:inherit;font-size:.85rem;color:var(--ink-2);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.cn-carro .quitar:hover{color:var(--fuerte)}.cn-carro .pie-c{padding:16px 22px calc(20px + env(safe-area-inset-bottom)) 28px;border-top:1px solid var(--line)}.cn-carro .total{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.cn-carro .total span{color:var(--ink-2)}.cn-carro .total b{font-size:1.5rem;font-weight:600;color:var(--fuerte);letter-spacing:-.02em}.cn-carro .nota-c{font-size:.84rem;color:var(--ink-2);margin-top:4px}.cn-carro .pie-c .btn{width:100%;justify-content:space-between;margin-top:14px}.cn-carro .pie-c .seguir{display:flex;justify-content:center;margin:6px auto 0;border:0;background-color:transparent;font:inherit;font-weight:600;cursor:pointer}.cn-carro .vacio{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:24px 28px 56px}.cn-carro .vacio img{width:140px;height:auto;animation:cn-flota 5s ease-in-out infinite}.cn-carro .vacio h3{font-size:1.5rem}.cn-carro .vacio p{color:var(--ink-2);max-width:30ch}.cn-carro .vacio .btn{margin-top:6px}.cn-carro.cargando .lista,.cn-carro.cargando .pie-c{opacity:.55;pointer-events:none;transition:opacity .2s}.cn-carro.on .item,.cn-carro.on .vacio>*{animation:cn-entra .7s var(--ease-out) both;animation-delay:calc(var(--i,0) * 60ms + .12s)}@keyframes cn-entra{0%{opacity:0;transform:translate(28px)}}@keyframes cn-flota{50%{transform:translateY(-8px) rotate(-2deg)}}@media(max-width:600px){.cn-carro .hoja{border-radius:0}.cn-carro .cab{padding:16px 16px 10px 20px}.cn-carro .envio{margin:0 16px 4px 20px}.cn-carro .lista{padding:4px 16px 4px 20px}.cn-carro .pie-c{padding:14px 16px calc(16px + env(safe-area-inset-bottom)) 20px}}@media(prefers-reduced-motion:reduce){.cn-carro .hoja{transition:none}.cn-carro.on .item,.cn-carro.on .vacio>*,.cn-carro .vacio img{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/cn-carrito.css.map */