:root{--cc-radius:10px;--cc-radius-sm:6px;--cc-border:#e8e8e8;--cc-bg:#fafafa;--cc-bg-white:#ffffff;--cc-text:#1a1a1a;--cc-text-muted:#888;--cc-accent:#cc0000;--cc-accent-dark:#aa0000;--cc-green:#15803d;--cc-orange:#d97706;--cc-shadow:0 1px 4px rgba(0,0,0,.06);--cc-shadow-md:0 2px 12px rgba(0,0,0,.08)}.cc-wrap{display:flex;flex-direction:row;gap:28px;width:100%;align-items:flex-start;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.cc-canvas-col{flex:0 0 440px;width:440px;position:sticky;top:80px}@media (max-width:980px){body .cc-canvas-col,body .single-product #cc-configurador-wrap .cc-canvas-col{position:static!important;top:auto!important;z-index:1!important}}.cc-vista-tabs{display:flex;gap:4px;margin-bottom:10px}.cc-vista-tab{flex:1;padding:7px 4px;font-size:12px;font-weight:500;border:1px solid var(--cc-border);border-radius:var(--cc-radius-sm);background:var(--cc-bg-white);color:var(--cc-text-muted);cursor:pointer;text-align:center;transition:all .15s;white-space:nowrap}.cc-vista-tab:hover{border-color:#ccc;color:var(--cc-text)}.cc-vista-tab.active{background:var(--cc-text);color:#fff;border-color:var(--cc-text)}.cc-canvas-container{border-radius:var(--cc-radius);overflow:hidden;background:#f4f4f4;box-shadow:var(--cc-shadow-md)}.cc-canvas-container canvas{display:block;width:100%;height:auto;cursor:crosshair}.cc-hint{font-size:11px;color:var(--cc-text-muted);text-align:center;margin:8px 0 0}.cc-controls-col{flex:1;min-width:280px;display:flex;flex-direction:column;gap:10px}.cc-panel{background:var(--cc-bg-white);border:1px solid var(--cc-border);border-radius:var(--cc-radius);padding:14px 16px;box-shadow:var(--cc-shadow)}.cc-panel-title{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--cc-text-muted);margin:0 0 12px}.cc-color-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:8px}.cc-csw{width:30px;height:30px;border-radius:50%;border:2px solid #fff0;cursor:pointer;transition:all .15s;box-shadow:0 0 0 1px rgb(0 0 0 / .12);flex-shrink:0}.cc-csw:hover{transform:scale(1.1)}.cc-csw.active{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--cc-text);transform:scale(1.08)}.cc-csw.out{opacity:.35;cursor:not-allowed}.cc-color-name{font-size:13px;color:var(--cc-text-muted);margin:0}#cc-talla-tabla{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:6px!important;width:auto!important;float:none!important}.cc-talla-col{display:inline-flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;padding:8px 6px 6px!important;border:1.5px solid var(--cc-border)!important;border-radius:var(--cc-radius-sm)!important;background:var(--cc-bg)!important;transition:border-color .15s,box-shadow .15s,background .15s!important;min-width:56px!important;width:auto!important;float:none!important;cursor:default!important}.cc-talla-col.agotada{opacity:.35!important}.cc-talla-col.tiene-cantidad{border-color:var(--cc-text)!important;background:var(--cc-bg-white)!important;box-shadow:0 2px 8px rgb(0 0 0 / .1)!important}.cc-talla-label{font-size:11px!important;font-weight:700!important;color:#777!important;line-height:1!important;display:block!important;text-align:center!important;margin:0!important;float:none!important}.cc-talla-col.tiene-cantidad .cc-talla-label{color:var(--cc-text)!important}.cc-qty-btn{width:22px!important;height:22px!important;border:1px solid #e0e0e0!important;border-radius:4px!important;background:#fff!important;color:#555!important;font-size:14px!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:1!important;transition:all .12s!important;flex-shrink:0!important;float:none!important}.cc-qty-btn:hover:not(:disabled){background:var(--cc-text)!important;color:#fff!important;border-color:var(--cc-text)!important}.cc-qty-btn:disabled{opacity:.2!important;cursor:not-allowed!important}.cc-talla-col>div{display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:3px!important;float:none!important}.cc-qty-num{display:inline-block!important;min-width:18px!important;text-align:center!important;font-size:14px!important;font-weight:600!important;color:#ccc!important;line-height:1!important;float:none!important}.cc-qty-num.activo{color:var(--cc-text)!important}.cc-talla-stock-dot{width:5px!important;height:5px!important;border-radius:50%!important;display:block!important;margin:0 auto!important;flex-shrink:0!important}.cc-talla-stock-dot.ok{background:var(--cc-green)!important}.cc-talla-stock-dot.low{background:var(--cc-orange)!important}.cc-talla-stock-dot.out{background:#dc2626!important}.cc-descuento-info{margin-top:10px;padding:8px 12px;border-radius:var(--cc-radius-sm);font-size:12px;font-weight:500;border-left:3px solid;line-height:1.4}.cc-zone-tabs{display:flex;gap:4px;flex-wrap:wrap}.cc-ztab{flex:1;padding:7px 4px;font-size:12px;font-weight:500;border:1px solid var(--cc-border);border-radius:var(--cc-radius-sm);background:var(--cc-bg-white);color:var(--cc-text-muted);cursor:pointer;text-align:center;transition:all .15s;white-space:nowrap}.cc-ztab:hover{border-color:#ccc;color:var(--cc-text)}.cc-ztab.active{background:var(--cc-text);color:#fff;border-color:var(--cc-text)}.cc-zone-badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:11px;font-weight:600;background:#f0f0f0;color:var(--cc-text);margin-left:4px}.cc-upload-zone{border:1.5px dashed #d0d0d0;border-radius:var(--cc-radius-sm);padding:18px 12px;text-align:center;cursor:pointer;font-size:13px;color:var(--cc-text-muted);transition:all .15s;background:var(--cc-bg)}.cc-upload-zone:hover{border-color:#aaa;background:#f0f0f0;color:var(--cc-text)}.cc-upload-zone.loaded{border-color:var(--cc-green);background:#f0fdf4;color:var(--cc-green)}.cc-upload-icon{display:block;font-size:20px;margin-bottom:4px}.cc-row2{display:flex;gap:10px;align-items:flex-start;margin-top:10px}.cc-row2>div{flex:1}.cc-text-input{width:100%;padding:8px 10px;border:1px solid var(--cc-border);border-radius:var(--cc-radius-sm);font-size:13px;color:var(--cc-text);background:var(--cc-bg-white);margin-top:4px;box-sizing:border-box;transition:border-color .15s}.cc-text-input:focus{outline:none;border-color:#aaa}.cc-btn-sm{padding:7px 12px;font-size:12px;border:1px solid var(--cc-border);border-radius:var(--cc-radius-sm);background:var(--cc-bg-white);cursor:pointer;color:var(--cc-text);white-space:nowrap;transition:all .15s}.cc-btn-sm:hover{background:#f0f0f0}.cc-price-box{display:flex;justify-content:space-between;align-items:flex-start;background:#f8f8f8;border:1px solid var(--cc-border);border-radius:var(--cc-radius);padding:14px 16px}.cc-price-label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--cc-text-muted);margin-bottom:4px}.cc-price-val{font-size:22px;font-weight:700;color:var(--cc-text);line-height:1.1}.cc-price-badge{display:inline-block;font-size:11px;font-weight:500;padding:2px 8px;border-radius:20px;background:#e8f5e9;color:var(--cc-green);margin-top:4px}.cc-price-detail{font-size:11px;color:var(--cc-text-muted);margin-top:4px}#cc-btn-carrito{width:100%;padding:14px 20px;background:var(--cc-accent);color:#fff;border:none;border-radius:var(--cc-radius);font-size:15px;font-weight:600;cursor:pointer;margin-top:8px;transition:background .2s,transform .1s;display:block;text-align:center;letter-spacing:.02em}#cc-btn-carrito:hover{background:var(--cc-accent-dark)}#cc-btn-carrito:active{transform:scale(.99)}#cc-btn-carrito:disabled{opacity:.6;cursor:not-allowed}#cc-carrito-msg{margin-top:8px;padding:10px 14px;border-radius:var(--cc-radius-sm);font-size:13px;text-align:center;display:none}#cc-carrito-msg a{font-weight:600}#cc-restaurar-aviso{background:#fff8e1;border-left:3px solid var(--cc-orange);border-radius:0 var(--cc-radius-sm) var(--cc-radius-sm) 0;padding:8px 12px;font-size:12px;color:#7c5c00;margin-top:8px;display:none}#cc-img-calidad-msg{border-radius:0 var(--cc-radius-sm) var(--cc-radius-sm) 0;padding:7px 10px;font-size:12px;line-height:1.4;margin-top:6px;display:none}@media (max-width:980px){.cc-wrap{flex-direction:column!important;gap:0!important;background:#f5f5f5!important}.cc-canvas-col{flex:0 0 auto!important;width:100%!important;position:relative!important;top:auto!important;z-index:1!important;background:#fff!important;padding:8px 8px 4px!important;border-radius:0!important;box-shadow:0 2px 8px rgb(0 0 0 / .08)!important}.cc-canvas-container{border-radius:8px!important;overflow:hidden!important}.cc-canvas-container canvas{max-height:200px!important;width:100%!important;display:block!important;touch-action:none!important}.cc-controls-col{width:100%!important}.cc-hint{font-size:11px!important;margin:4px 0 8px!important}.cc-vista-tabs{gap:3px!important;margin-bottom:6px!important}.cc-vista-tab{font-size:11px!important;padding:6px 2px!important;border-radius:6px!important}.cc-controls-col{width:100%!important;gap:6px!important;padding:6px 0 80px!important;background:#f5f5f5!important}.cc-panel{border-radius:10px!important;padding:12px 14px!important;margin:0!important;border-left:none!important;border-right:none!important}.cc-csw{width:36px!important;height:36px!important}.cc-color-name{font-size:12px!important}#cc-talla-tabla{gap:6px!important}#cc-talla-tabla>div{min-width:58px!important;padding:8px 6px 6px!important}#cc-talla-tabla button{width:28px!important;height:28px!important;font-size:16px!important}#cc-talla-tabla span[id^="cc-qty"]{font-size:16px!important;min-width:22px!important}.cc-zone-tabs{gap:4px!important;flex-wrap:wrap!important}.cc-ztab{font-size:12px!important;padding:8px 6px!important;flex:1!important;min-width:70px!important}.cc-upload-zone{padding:20px 12px!important;font-size:14px!important}.cc-upload-icon{font-size:26px!important;margin-bottom:6px!important}.cc-row2{flex-direction:column!important;gap:8px!important}.cc-text-input{font-size:16px!important;padding:10px 12px!important}.cc-controls-col select{font-size:16px!important;padding:8px 10px!important}.cc-price-box{flex-direction:row!important;align-items:center!important;padding:12px 14px!important}.cc-price-val{font-size:22px!important}.cc-price-detail{font-size:11px!important}#cc-ia-panel{padding:10px 14px!important}#cc-btn-ia{padding:12px!important;font-size:13px!important}#cc-btn-carrito{position:sticky!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;z-index:10!important;border-radius:0!important;margin:0!important;padding:16px 20px!important;font-size:17px!important;box-shadow:0 -4px 24px rgb(204 0 0 / .3)!important;letter-spacing:.03em!important}#cc-carrito-msg{position:static!important;border-radius:0!important;z-index:9!important;font-size:14px!important;text-align:center!important}}@media (max-width:480px){.cc-canvas-container canvas{max-height:220px!important}.cc-vista-tab{font-size:10px!important;padding:5px 1px!important}#cc-talla-tabla{gap:5px!important}#cc-talla-tabla>div{min-width:52px!important}.cc-price-val{font-size:20px!important}#cc-btn-carrito{padding:15px!important;font-size:16px!important}}.cc-zoom-controls{display:none!important;justify-content:center;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-top:1px solid #f0f0f0}.cc-zoom-btn{width:44px!important;height:44px!important;border:1.5px solid #e0e0e0!important;border-radius:50%!important;background:#fafafa!important;font-size:22px!important;font-weight:300!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#444!important;flex-shrink:0!important;line-height:1!important;padding:0!important;transition:all .15s!important}.cc-zoom-btn:active{background:#1a1a1a!important;color:#fff!important;border-color:#1a1a1a!important;transform:scale(.92)!important}.cc-zoom-label{font-size:12px;color:#888;flex-shrink:0}.cc-zoom-sep{width:1px;height:24px;background:#e8e8e8;flex-shrink:0}.cc-zoom-center{height:40px!important;padding:0 14px!important;border:1.5px solid #e0e0e0!important;border-radius:20px!important;background:#fafafa!important;font-size:12px!important;cursor:pointer!important;color:#555!important;flex-shrink:0!important;white-space:nowrap!important;transition:all .15s!important}.cc-zoom-center:active{background:#f0f0f0!important}.cc-zoom-hint{font-size:10px;color:#bbb;text-align:center;line-height:1.3;flex-shrink:0}@media (max-width:980px){.cc-zoom-controls{display:flex!important}}@media (max-width:768px){#cc-dtf-wrap{flex-direction:column!important}#cc-dtf-wrap>div:first-child{flex:none!important;width:100%!important}#cc-dtf-wrap>div:first-child>div{border-radius:10px!important}}