.btn-personalizar{background-color:#111827;color:#fff;font-size:1rem;padding:.7rem 1.2rem;border:none;border-radius:8px;cursor:pointer;margin-top:1rem;transition:all .2s ease}.btn-personalizar:hover{background-color:#374151}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#1119;z-index:900}.popup-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:800px;background:#fff;border-radius:16px;padding:1.5rem;z-index:1000;box-shadow:0 4px 20px #00000026;max-height:90vh;overflow-y:auto}.popup-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb;margin-bottom:1rem}.popup-header h2{font-size:1.3rem;font-weight:600}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer}.tab-buttons{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.tab-btn{border:1px solid #d1d5db;border-radius:8px;background:#f3f4f6;padding:.5rem 1rem;cursor:pointer;transition:all .2s ease}.tab-btn.active{background:#111827;color:#fff}.tab{display:none}.tab.active{display:block}.preview-area{position:relative;text-align:center;margin-bottom:1rem}.preview-area img{width:100%;max-width:400px;border-radius:12px}.preview-text{position:absolute;transform:translate(-50%,-50%);font-weight:600;font-size:1.4rem;pointer-events:none}.preview-text.delantera,.preview-text.espalda,.preview-text.manga{top:50%;left:50%}.options-area{margin-bottom:1.5rem}.options-area label{display:block;margin-top:.8rem;font-weight:500}.options-area input[type=text]{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:.5rem;font-size:1rem}.color-options{display:flex;gap:.5rem;margin-top:.5rem}.color-options button{width:28px;height:28px;border-radius:50%;border:1px solid #d1d5db;cursor:pointer}.color-options button.active{outline:2px solid #111827}.info-text{font-size:.85rem;color:#6b7280;margin-top:.3rem}.popup-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5e7eb;padding-top:1rem}.final-price{font-weight:600;font-size:1rem}.cancel-btn{background:#e5e7eb;border:none;padding:.6rem 1rem;border-radius:8px;cursor:pointer}.add-btn{background:#111827;color:#fff;border:none;padding:.6rem 1rem;border-radius:8px;cursor:pointer}.hidden{display:none}
/*# sourceMappingURL=/cdn/shop/t/1/assets/personalizador.css.map */