
/* Comercio de sellos v0.5.0: mantiene sin arrastre el editor v0.4.2 */
.tcs-stamp-product .tc-archivos-campo { position:absolute!important; left:-99999px!important; width:1px!important; height:1px!important; overflow:hidden!important; opacity:0!important; }
.tcs-design-launch { margin:18px 0; padding:17px; border:1px solid #d9e9f2; border-radius:12px; background:#f6fafc; }
.tcs-design-launch strong {display:block; font-size:17px; margin-bottom:6px}
.tcs-design-launch p {margin:0 0 12px; color:#4d5c6a; font-size:14px}
.tcs-design-launch .tcs-design-action {background:#1179b8;color:white;border:0;border-radius:7px;padding:12px 18px; font-weight:700; cursor:pointer!important;}
.tcs-design-feedback {display:block; margin-top:9px; font-size:13px; color:#177342}
.tcs-design-feedback.error {color:#ae251e}
#tcs-commerce-modal[hidden] {display:none!important}
#tcs-commerce-modal { position:fixed; z-index:2147483000; inset:0; background:rgba(10,21,34,.83); display:flex; align-items:center; justify-content:center; padding:12px; box-sizing:border-box; }
#tcs-commerce-modal .tcs-commerce-inner {background:#fff; border-radius:13px; width:min(97vw,1640px); max-height:96vh; overflow:auto; box-shadow:0 20px 60px #0006; }
#tcs-commerce-modal .tcs-commerce-controls {display:flex; align-items:center; justify-content:space-between; padding:11px 16px;gap:10px;background:#f5f8fb;border-bottom:1px solid #dfe7f0}
#tcs-commerce-modal .tcs-commerce-controls strong {font-size:15px}
#tcs-commerce-modal .tcs-commerce-controls button {cursor:pointer!important; border:1px solid #b4c7d7; background:#fff; border-radius:7px; padding:9px 14px; }
#tcs-commerce-modal .tcs-commerce-controls .tcs-stamp-save {background:#1179b8;color:#fff;border-color:#1179b8;font-weight:700}
#tcs-commerce-modal .tcs-commerce-controls button:disabled{opacity:.55}
#tcs-commerce-modal .tcs-commerce-controls .tcs-commerce-message{font-size:13px;color:#ad2525}
#tcs-commerce-modal .tcs-studio {margin:0!important; border:0!important; width:100%!important; max-width:none!important;}
body.tcs-stamp-modal-open {overflow:hidden!important}
@media(max-width:760px){#tcs-commerce-modal{padding:0}#tcs-commerce-modal .tcs-commerce-inner{max-height:100vh;width:100vw;border-radius:0}#tcs-commerce-modal .tcs-commerce-controls{flex-wrap:wrap}#tcs-commerce-modal .tcs-commerce-controls strong{flex-basis:100%}}
/* v0.6.0 — El cliente también puede traer su propio diseño de sello. */
.tcs-design-paths { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.tcs-design-launch .tcs-upload-action { background:#fff; color:#14658d; border:1px solid #98bfd5; border-radius:7px; padding:12px 17px; font-weight:700; cursor:pointer; }
.tcs-design-launch .tcs-upload-action.active { background:#eaf5fb; border-color:#1179b8; color:#075c91; }
.tcs-design-launch .tcs-direct-upload[hidden] { display:none!important; }
.tcs-design-launch .tcs-direct-upload { display:flex; flex-direction:column; align-items:flex-start; gap:11px; margin-top:15px; padding:16px; background:#fff; border:1px solid #c7dae7; border-radius:10px; }
.tcs-design-launch .tcs-direct-upload strong { margin:0; font-size:16px; }
.tcs-design-launch .tcs-direct-upload p { margin:0; line-height:1.5; }
.tcs-design-launch .tcs-direct-upload small { color:#596b79; font-size:12px; }
.tcs-design-launch .tcs-file-picker { background:#fff; color:#075f92; border:1px dashed #2685b9; border-radius:8px; cursor:pointer; padding:12px 17px; font-weight:700; }
.tcs-design-launch .tcs-file-picker:hover { background:#f0faff; }
.tcs-design-launch .tcs-file-selected { overflow-wrap:anywhere; color:#334e5f; font-size:14px; padding:9px 11px; border-radius:7px; background:#f0f6fa; width:100%; box-sizing:border-box; }
.tcs-design-launch .tcs-attach-to-cart { margin-top:4px; }
.tcs-design-launch button:focus-visible { outline:3px solid #f3bd3c; outline-offset:3px; }
@media(max-width:640px){.tcs-design-paths>* { width:100%; text-align:center; }.tcs-design-launch .tcs-direct-upload{padding:13px;}.tcs-design-launch .tcs-file-picker,.tcs-design-launch .tcs-attach-to-cart{width:100%;} }

/* v0.6.1 — Tinta del tampón (no altera el archivo vectorial de grabado). */
.tcs-stamp-product .tcs-ink-picker { display:block; border:1px solid #cbdce7; border-radius:12px; background:#fff; padding:14px 16px 13px; margin:16px 0 13px; min-width:0; }
.tcs-stamp-product .tcs-ink-picker legend { display:block; font-size:16px; font-weight:700; color:#223344; margin:0 0 8px; padding:0 5px; }
.tcs-stamp-product .tcs-ink-choices { display:flex; flex-wrap:wrap; gap:11px; margin:4px 0 10px; }
.tcs-stamp-product .tcs-ink-choice { display:inline-flex; flex-direction:row; align-items:center; justify-content:flex-start; gap:9px; cursor:pointer; background:#f7fafc; border:2px solid #dce6ed; border-radius:9px; padding:12px 15px; min-width:140px; box-sizing:border-box; font-size:15px; font-weight:650; color:#1d3343; margin:0; transition:border-color .15s,background .15s; }
.tcs-stamp-product .tcs-ink-choice:has(input:checked) { background:#eaf5ff; border-color:#237db5; }
.tcs-stamp-product .tcs-ink-choice:focus-within { outline:2px solid #176da3; outline-offset:2px; }
.tcs-stamp-product .tcs-ink-choice input { margin:0!important; width:16px!important; height:16px!important; flex-shrink:0; accent-color:#136ba4; position:static!important; opacity:1!important; }
.tcs-stamp-product .tcs-ink-swatch { display:inline-block; width:20px; height:20px; min-width:20px; border-radius:50%; border:1px solid #a7b1bd; box-sizing:border-box; }
.tcs-stamp-product .tcs-ink-black { background:#151515; }
.tcs-stamp-product .tcs-ink-blue { background:#1665ce; }
.tcs-stamp-product .tcs-ink-picker small { display:block; color:#536778; line-height:1.5; font-size:12px; }
@media(max-width:640px){ .tcs-stamp-product .tcs-ink-choices{flex-direction:column;} .tcs-stamp-product .tcs-ink-choice{width:100%;} }
