@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);:root{--sp-primary:#e94560;--sp-primary-dark:#d63850;--sp-dark:#1a1a2e;--sp-gray-50:#fafafa;--sp-gray-100:#f4f4f5;--sp-gray-200:#e4e4e7;--sp-gray-300:#d4d4d8;--sp-gray-400:#a1a1aa;--sp-gray-500:#71717a;--sp-gray-600:#52525b;--sp-gray-700:#3f3f46;--sp-gray-800:#27272a;--sp-success:#22c55e;--sp-warning:#f59e0b;--sp-radius:8px;--sp-shadow:0 1px 3px rgba(0,0,0,0.1);--sp-shadow-lg:0 10px 40px rgba(0,0,0,0.15);--sp-transition:all 0.2s ease}.serigrafia-designer{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--sp-gray-100);min-height:100vh;color:var(--sp-gray-800);line-height:1.5}.serigrafia-designer *{box-sizing:border-box;margin:0;padding:0}.serigrafia-designer-main{display:flex;min-height:100vh}.serigrafia-sidebar{width:380px;background:#fff;border-right:1px solid var(--sp-gray-200);display:flex;flex-direction:column;overflow-y:auto;box-shadow:var(--sp-shadow-lg);z-index:10}.serigrafia-sidebar-header{padding:20px 24px;border-bottom:1px solid var(--sp-gray-200);background:var(--sp-dark);color:#fff}.serigrafia-sidebar-header h2{font-size:1.25rem;font-weight:700;margin:0}.serigrafia-tabs{display:flex;border-bottom:1px solid var(--sp-gray-200);background:var(--sp-gray-50)}.serigrafia-tab{flex:1;padding:14px 10px;border:none;background:none;font-size:.85rem;font-weight:500;color:var(--sp-gray-500);cursor:pointer;transition:var(--sp-transition);display:flex;flex-direction:column;align-items:center;gap:4px;border-bottom:3px solid transparent;margin-bottom:-1px}.serigrafia-tab span{font-size:1.2rem}.serigrafia-tab:hover{color:var(--sp-gray-700);background:var(--sp-gray-100)}.serigrafia-tab.active{color:var(--sp-primary);border-bottom-color:var(--sp-primary);background:#fff}.serigrafia-tab-content{flex:1;overflow-y:auto;padding:20px 24px}.serigrafia-tab-panel{display:none}.serigrafia-tab-panel.active{display:block;animation:fadeIn 0.3s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.serigrafia-option-group{margin-bottom:24px}.serigrafia-label{display:block;font-size:.8rem;font-weight:600;color:var(--sp-gray-600);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.serigrafia-tipo-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.serigrafia-tipo-btn{padding:16px 12px;border:2px solid var(--sp-gray-200);background:#fff;border-radius:var(--sp-radius);font-size:.9rem;font-weight:600;color:var(--sp-gray-700);cursor:pointer;transition:var(--sp-transition);display:flex;flex-direction:column;align-items:center;gap:4px}.serigrafia-tipo-btn span{font-size:.75rem;color:var(--sp-primary);font-weight:500}.serigrafia-tipo-btn:hover{border-color:var(--sp-primary)}.serigrafia-tipo-btn.active{border-color:var(--sp-primary);background:rgba(233,69,96,.05);color:var(--sp-primary)}.serigrafia-select{width:100%;padding:12px 14px;border:2px solid var(--sp-gray-200);border-radius:var(--sp-radius);font-size:.9rem;color:var(--sp-gray-700);background:#fff;cursor:pointer;transition:var(--sp-transition)}.serigrafia-select:focus{outline:none;border-color:var(--sp-primary)}.serigrafia-color-grid{display:flex;flex-wrap:wrap;gap:8px}.serigrafia-color-btn{width:40px;height:40px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:var(--sp-transition);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.serigrafia-color-btn:hover{transform:scale(1.1)}.serigrafia-color-btn.active{border-color:var(--sp-primary);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--sp-primary)}.serigrafia-color-btn[data-color="blanco"]{background:#fff}.serigrafia-color-btn[data-color="negro"]{background:#1a1a1a}.serigrafia-color-btn[data-color="gris"]{background:#6b7280}.serigrafia-color-btn[data-color="azul_marino"]{background:#1e3a5f}.serigrafia-color-btn[data-color="rojo"]{background:#dc2626}.serigrafia-color-btn[data-color="verde"]{background:#16a34a}.serigrafia-color-btn[data-color="amarillo"]{background:#facc15}.serigrafia-color-btn[data-color="naranja"]{background:#ea580c}.serigrafia-color-btn[data-color="rosa"]{background:#ec4899}.serigrafia-color-btn[data-color="morado"]{background:#7c3aed}.serigrafia-color-btn[data-color="beige"]{background:#d4a574}.serigrafia-vista-btns{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.serigrafia-vista-btn{padding:10px 6px;border:2px solid var(--sp-gray-200);background:#fff;border-radius:var(--sp-radius);font-size:.75rem;font-weight:500;color:var(--sp-gray-600);cursor:pointer;transition:var(--sp-transition)}.serigrafia-vista-btn:hover{border-color:var(--sp-gray-400)}.serigrafia-vista-btn.active{border-color:var(--sp-primary);background:var(--sp-primary);color:#fff}.serigrafia-tecnica-list{display:flex;flex-direction:column;gap:8px}.serigrafia-tecnica-option{display:flex;align-items:center;gap:12px;padding:12px 14px;border:2px solid var(--sp-gray-200);border-radius:var(--sp-radius);cursor:pointer;transition:var(--sp-transition)}.serigrafia-tecnica-option:hover{border-color:var(--sp-gray-400)}.serigrafia-tecnica-option input{width:18px;height:18px;accent-color:var(--sp-primary)}.serigrafia-tecnica-option input:checked~.serigrafia-tecnica-info strong{color:var(--sp-primary)}.serigrafia-tecnica-option:has(input:checked){border-color:var(--sp-primary);background:rgba(233,69,96,.03)}.serigrafia-tecnica-info{display:flex;flex-direction:column}.serigrafia-tecnica-info strong{font-size:.85rem;color:var(--sp-gray-700)}.serigrafia-tecnica-info small{font-size:.75rem;color:var(--sp-gray-500)}.serigrafia-upload-box{border:2px dashed var(--sp-gray-300);border-radius:var(--sp-radius);padding:24px;text-align:center;cursor:pointer;transition:var(--sp-transition);background:var(--sp-gray-50)}.serigrafia-upload-box:hover,.serigrafia-upload-box.dragover{border-color:var(--sp-primary);background:rgba(233,69,96,.03)}.serigrafia-upload-icon{font-size:2.5rem;display:block;margin-bottom:10px}.serigrafia-upload-box p{font-size:.9rem;color:var(--sp-gray-600);margin-bottom:8px}.serigrafia-upload-box small{color:var(--sp-gray-500)}.serigrafia-upload-formats{font-size:.75rem;color:var(--sp-gray-400);display:block;margin-top:8px}.serigrafia-upload-preview{display:flex;flex-direction:column;align-items:center;gap:10px}.serigrafia-upload-preview img{max-width:120px;max-height:120px;object-fit:contain;border-radius:var(--sp-radius);border:1px solid var(--sp-gray-200)}.serigrafia-upload-info{display:flex;flex-direction:column;align-items:center;gap:6px}.serigrafia-img-dims{font-size:.8rem;color:var(--sp-gray-600);background:var(--sp-gray-100);padding:4px 10px;border-radius:20px}.serigrafia-remove-img{font-size:.8rem;color:var(--sp-primary);background:none;border:none;cursor:pointer;padding:4px 8px}.serigrafia-remove-img:hover{text-decoration:underline}.serigrafia-size-slider{display:flex;align-items:center;gap:12px;padding:12px;background:var(--sp-gray-50);border-radius:var(--sp-radius)}.serigrafia-size-slider span{font-size:.85rem;color:var(--sp-gray-600)}.serigrafia-size-slider input[type="range"]{flex:1;accent-color:var(--sp-primary)}#serigrafia-size-value{font-weight:600;color:var(--sp-primary);min-width:45px;text-align:right}.serigrafia-hint{font-size:.8rem;color:var(--sp-gray-500);margin-top:10px;padding:10px;background:#fffbeb;border-radius:var(--sp-radius);border-left:3px solid var(--sp-warning)}.serigrafia-qty-control{display:flex;align-items:center;gap:0;border:2px solid var(--sp-gray-200);border-radius:var(--sp-radius);overflow:hidden;width:fit-content}.serigrafia-qty-control .serigrafia-qty-btn{width:44px;height:44px;border:none;background:var(--sp-gray-100);font-size:1.2rem;color:var(--sp-gray-700);cursor:pointer;transition:var(--sp-transition)}.serigrafia-qty-control .serigrafia-qty-btn:hover{background:var(--sp-primary);color:#fff}.serigrafia-qty-input{width:70px;height:44px;border:none;text-align:center;font-size:1rem;font-weight:600;color:var(--sp-gray-800)}.serigrafia-qty-input:focus{outline:none}.serigrafia-qty-note{display:block;margin-top:8px;font-size:.8rem;color:var(--sp-gray-500)}.serigrafia-discounts{display:flex;gap:10px;margin-bottom:20px}.serigrafia-discount-item{flex:1;padding:10px;background:#ecfdf5;border-radius:var(--sp-radius);text-align:center}.serigrafia-discount-item span{display:block;font-size:.75rem;color:var(--sp-gray-600)}.serigrafia-discount-item strong{color:var(--sp-success);font-size:.9rem}.serigrafia-tallas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.serigrafia-talla-item{display:flex;flex-direction:column;align-items:center;gap:4px}.serigrafia-talla-item span{font-size:.8rem;font-weight:600;color:var(--sp-gray-600)}.serigrafia-talla-item input{width:50px;height:36px;border:2px solid var(--sp-gray-200);border-radius:var(--sp-radius);text-align:center;font-size:.9rem}.serigrafia-talla-item input:focus{outline:none;border-color:var(--sp-primary)}.serigrafia-price-box{padding:20px 24px;background:var(--sp-gray-50);border-top:1px solid var(--sp-gray-200)}.serigrafia-price-box .serigrafia-price-row{display:flex;justify-content:space-between;padding:6px 0;font-size:.9rem;color:var(--sp-gray-600)}.serigrafia-price-box .serigrafia-price-total{border-top:1px solid var(--sp-gray-200);margin-top:8px;padding-top:12px;font-size:1.1rem}.serigrafia-price-box .serigrafia-price-total strong{color:var(--sp-primary);font-size:1.3rem}.serigrafia-price-box small{display:block;text-align:right;color:var(--sp-gray-500);font-size:.8rem;margin-top:6px}.serigrafia-add-cart-btn{width:100%;padding:16px;margin:0;border:none;background:linear-gradient(135deg,var(--sp-primary) 0%,var(--sp-primary-dark) 100%);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--sp-transition)}.serigrafia-add-cart-btn:hover{background:linear-gradient(135deg,var(--sp-primary-dark) 0%,#c02040 100%)}.serigrafia-add-cart-btn:disabled{background:var(--sp-gray-400);cursor:not-allowed}.serigrafia-canvas-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;position:relative;background:linear-gradient(180deg,#f8f8f8 0%,#ececec 100%)}.serigrafia-quick-views{position:absolute;top:20px;right:20px;display:flex;gap:8px}.serigrafia-qv-btn{width:44px;height:44px;border:2px solid var(--sp-gray-300);background:#fff;border-radius:var(--sp-radius);cursor:pointer;transition:var(--sp-transition);display:flex;align-items:center;justify-content:center;color:var(--sp-gray-500)}.serigrafia-qv-btn svg{width:24px;height:24px}.serigrafia-qv-btn:hover{border-color:var(--sp-gray-400);color:var(--sp-gray-700)}.serigrafia-qv-btn.active{border-color:var(--sp-primary);color:var(--sp-primary);background:rgba(233,69,96,.05)}.serigrafia-garment-wrapper{position:relative;width:100%;max-width:500px;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center}.serigrafia-garment{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.serigrafia-garment img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(0,0,0,.15))}.serigrafia-garment-placeholder{text-align:center;color:var(--sp-gray-400)}.serigrafia-garment-placeholder span{font-size:6rem;display:block;margin-bottom:15px;opacity:.5}.serigrafia-garment-placeholder p{font-size:1rem;line-height:1.6}.serigrafia-print-zone{position:absolute;border:2px dashed rgba(233,69,96,.4);background:rgba(233,69,96,.02);border-radius:8px;pointer-events:none;transition:var(--sp-transition);display:none}.serigrafia-print-zone.active{display:block;border-color:var(--sp-primary);background:rgba(233,69,96,.05)}.serigrafia-draggable-design{position:absolute;cursor:move;user-select:none;-webkit-user-select:none;pointer-events:auto;z-index:100;transition:box-shadow 0.2s,transform 0.1s}.serigrafia-draggable-design img{width:100%;height:auto;display:block;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25))}.serigrafia-draggable-design:hover,.serigrafia-draggable-design.dragging{box-shadow:0 0 0 3px var(--sp-primary);border-radius:4px}.serigrafia-draggable-design.dragging{cursor:grabbing;transform:scale(1.02)}.serigrafia-resize-handle{position:absolute;bottom:-10px;right:-10px;width:24px;height:24px;background:var(--sp-primary);border:2px solid #fff;border-radius:50%;cursor:nwse-resize;box-shadow:0 2px 6px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff}.serigrafia-zone-info{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:15px;background:#fff;padding:10px 20px;border-radius:30px;box-shadow:var(--sp-shadow)}.serigrafia-zone-info span{font-size:.85rem;color:var(--sp-gray-600)}.serigrafia-zone-info span:first-child{font-weight:600;color:var(--sp-gray-800)}.serigrafia-notification{position:fixed;top:20px;right:20px;padding:14px 24px;border-radius:var(--sp-radius);color:#fff;font-weight:500;z-index:10000;animation:slideIn 0.3s ease;box-shadow:var(--sp-shadow-lg)}.serigrafia-notification.success{background:var(--sp-success)}.serigrafia-notification.error{background:#ef4444}@keyframes slideIn{from{transform:translateX(100px);opacity:0}to{transform:translateX(0);opacity:1}}.serigrafia-loading{position:relative;pointer-events:none;opacity:.7}.serigrafia-loading::after{content:'';position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border:3px solid var(--sp-gray-300);border-top-color:var(--sp-primary);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1024px){.serigrafia-designer-main{flex-direction:column-reverse}.serigrafia-sidebar{width:100%;max-height:50vh;border-right:none;border-top:1px solid var(--sp-gray-200)}.serigrafia-canvas-area{padding:20px;min-height:50vh}.serigrafia-garment-wrapper{max-width:350px}}@media (max-width:640px){.serigrafia-tabs{overflow-x:auto}.serigrafia-tab-content{padding:15px}.serigrafia-tipo-btns,.serigrafia-vista-btns{grid-template-columns:1fr 1fr}.serigrafia-tallas-grid{grid-template-columns:repeat(3,1fr)}}