/* TINCHI DEVELOPER ELITE SCRIPT — Cupones / tienda (aislado del CSS original) */
.promo-owner-launch{display:flex;justify-content:flex-end;margin:0 0 18px}
.promo-owner-launch[hidden]{display:none!important}
.promo-modal{max-width:540px;width:min(540px,calc(100vw - 24px));max-height:90vh;overflow-y:auto}
.promo-modal.promo-admin-modal{max-width:770px;width:min(770px,calc(100vw - 24px))}
.promo-modal .modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.promo-body{padding:24px;color:#e6eaf0}
.promo-label{font-size:.77rem;letter-spacing:.07em;text-transform:uppercase;font-weight:700;color:#bac4d2;display:block;margin:0 0 8px}
.promo-product{font-weight:700;font-size:1.05rem;margin:0 0 6px;color:#fff}
.promo-subtext{font-size:.83rem;color:#9aa8b7;margin:0 0 24px;line-height:1.5}
.promo-entry{display:flex;align-items:stretch;gap:8px;margin-bottom:7px}
.promo-entry input,.promo-field input,.promo-field select{min-width:0;width:100%;height:43px;padding:0 13px;border-radius:7px;border:1px solid #324254;background:#111b25;color:#f9fafb;font:inherit;outline:0;transition:border-color .15s}
.promo-entry input:focus,.promo-field input:focus,.promo-field select:focus{border-color:#e2b748}
.promo-entry input{text-transform:uppercase;letter-spacing:.05em}
.promo-entry button,.promo-submit button,.promo-admin-actions button{cursor:pointer}
.promo-entry button:disabled,.promo-submit button:disabled{cursor:wait;opacity:.6}
.promo-status{font-size:.81rem;min-height:21px;color:#93a5b6}
.promo-status[data-state="ok"]{color:#65d6aa}
.promo-status[data-state="error"]{color:#ff8a8a}
.promo-amounts{border-top:1px solid #2a3541;border-bottom:1px solid #2a3541;margin:20px 0;padding:14px 0;display:grid;gap:12px}
.promo-line{display:flex;justify-content:space-between;gap:14px;font-size:.91rem;color:#b7c5d3}
.promo-line strong{color:#fff;font-size:.94rem}
.promo-line[hidden]{display:none}
.promo-line.savings{color:#78cda7}
.promo-line.savings strong{color:#78cda7}
.promo-line.total{font-size:1.04rem;font-weight:700;color:#fff}
.promo-line.total strong{color:#e8c45b;font-size:1.47rem}
.promo-submit{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.promo-submit .btn{margin:0}
.promo-note{font-size:.77rem;line-height:1.5;color:#80919f;margin:15px 0 0}
.promo-admin-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}
.promo-admin-title{font-weight:750;color:#fff}
.promo-admin-grid{display:grid;grid-template-columns:1.15fr .7fr 1fr .8fr;gap:12px;align-items:end}
.promo-field{min-width:0}
.promo-field .promo-label{margin-bottom:6px}
.promo-admin-options{display:flex;gap:12px;align-items:center;margin-top:13px;flex-wrap:wrap}
.promo-admin-options label{display:flex;align-items:center;gap:8px;font-size:.87rem;color:#ccd5e0;cursor:pointer}
.promo-admin-options input{accent-color:#d8af39;width:16px;height:16px}
.promo-list{border-top:1px solid #283847;margin-top:22px;padding-top:16px}
.promo-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #263440;flex-wrap:wrap}
.promo-code-name{font-weight:750;color:#fff;letter-spacing:.045em}
.promo-code-meta{font-size:.79rem;color:#95a2b0;margin-top:4px}
.promo-admin-actions{display:flex;gap:7px;align-items:center}
.promo-mini-btn{border:1px solid #344353;background:#16232f;color:#d1dce7;border-radius:6px;padding:7px 10px;font-size:.78rem}
.promo-mini-btn:hover{border-color:#d8af39;color:#fff}
.promo-mini-btn.is-danger{color:#ffb4b4}
.promo-form-message{min-height:20px;margin-top:12px;font-size:.83rem}
@media(max-width:650px){.promo-body{padding:18px 15px}.promo-admin-grid{grid-template-columns:1fr 1fr}.promo-entry{flex-wrap:wrap}.promo-entry input{flex:1 1 170px}.promo-submit{flex-direction:column}.promo-submit .btn{width:100%}}
@media(max-width:420px){.promo-admin-grid{grid-template-columns:1fr}}