:root{--onyx-ink:#181716;--onyx-gray:#696565;--onyx-stone:#8b8176;--onyx-paper:#faf9f7;--onyx-cream:#f2eee8;--onyx-line:#dfdbd6;--onyx-body:"Helvetica Neue",Helvetica,Arial,sans-serif;--onyx-display:Georgia,"Times New Roman",serif}
body{background:var(--onyx-paper)!important;color:var(--onyx-ink);font-family:var(--onyx-body)!important;font-size:15px;line-height:1.55}
button,input,select,textarea{font-family:var(--onyx-body)!important}
h1,h2,h3,.intro h1,.sum-title h2,.grand strong,.product-name,.order-page h1,.h{font-family:var(--onyx-display)!important;font-weight:400!important;letter-spacing:-.025em}
a{color:var(--onyx-ink)}
:focus-visible{outline:2px solid var(--onyx-stone);outline-offset:3px}
.shell{max-width:1300px}.top,.topbar{border-bottom:1px solid var(--onyx-line);padding-bottom:20px}.topbar{padding-top:18px}
.brand-label,.eyebrow{letter-spacing:.18em!important;color:var(--onyx-gray)!important}.intro h1{font-size:clamp(34px,4.5vw,52px)!important;line-height:1.12!important}.intro p{max-width:760px}
.catalog,.summary,.card,.panel,.login-card,.order-card{border-color:var(--onyx-line)!important;border-radius:5px!important;box-shadow:0 12px 32px #18171609!important}
.catalog-head,.panel-heading,.account-create{border-color:var(--onyx-line)!important}.catalog-head h2,.sum-title h2,.page-heading h1{font-size:27px!important}
.step,.tag,.status,.key-pill{border-radius:3px!important}.step.on,.button.primary,.btn:not(.secondary):not(.light),.order-save{background:var(--onyx-ink)!important;color:#fff!important}
.button,.btn,.order-light{border-radius:4px!important;letter-spacing:.025em}.button.primary:hover,.btn:not(.secondary):hover{background:#393532!important}
.excel-table thead th,.order-products th{background:var(--onyx-ink)!important;color:#f5f2ed!important;font-weight:600!important;letter-spacing:.065em!important}.excel-table tbody tr:nth-child(even) td,th,.range-box,.client-form,.order-edit{background:#f8f6f2!important}
.excel-table td,.orders td,.orders th{border-color:var(--onyx-line)!important}.excel-table .key-cell,.excel-table .wholesale,.folio{color:var(--onyx-ink)!important}
.client-form,.order-edit,.range-box,.pallet-note{border-radius:5px!important;border-color:var(--onyx-line)!important}.client-form{padding:22px!important}.client-form h3{font-size:22px!important}.client-form>p,.muted{color:var(--onyx-gray)!important}
.client-form input,.client-form select,.order-edit input,.order-edit select,.form input,.login-form input,.account-create input,.account-create select{border:1px solid #c8c2bc!important;border-radius:3px!important;background:#fff!important;min-height:44px}
.client-form label,.order-edit label,.form label{font-weight:600!important;letter-spacing:.012em}
.account-identity{margin:16px 0;padding:14px 16px;background:#efebe5;border-left:3px solid var(--onyx-stone);font-size:14px;color:var(--onyx-ink)}.account-identity[hidden],#guestIdentity[hidden]{display:none!important}.account-identity a{margin-left:8px;text-decoration:underline;text-underline-offset:3px}
.pallet-note{background:#f6f2eb!important;color:#514b45!important}.help{background:#f1eeea!important}.bar{background:#e3ded7!important}.bar span{background:var(--onyx-stone)!important}
@media(max-width:650px){.client-form{padding:16px!important}.account-identity a{display:inline-block;margin-left:0}}

.warning{background:#f7f2eb!important;border-color:#d6c5b0!important;border-left-color:#8b8176!important;color:#4e453d!important}.warning strong,.warning b{color:#4e453d!important}
.order-page{font-family:var(--onyx-body)!important}

/* El tono es una galería, no una etiqueta estática. */
.tone-link{display:inline-flex;align-items:center;gap:9px;border:0;background:transparent;color:#181716;text-align:left;text-decoration:underline;text-decoration-color:#8b8176;text-underline-offset:3px;cursor:pointer;padding:7px 4px;border-radius:3px}.tone-link .swatch{flex:none}.tone-link span{font-weight:700;font-size:12px}.tone-link small{display:block;margin-top:3px;color:#685e56;font-size:10px;font-weight:500;text-decoration:none}.tone-link:hover{background:#f3eee8}.tone-link:focus-visible{outline:2px solid #8b8176}
.tone-dialog{border:0;padding:0;width:min(1020px,94vw);max-height:94vh;background:#f9f7f4;color:#181716;box-shadow:0 28px 70px #0005}.tone-dialog::backdrop{background:#171411d9}.tone-dialog-content{padding:20px}.tone-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:12px}.tone-dialog-head span{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#696565}.tone-dialog-head h2{margin:5px 0;font:400 28px Georgia,serif}.tone-close{border:0;background:#24201d;color:white;width:38px;height:38px;font-size:28px;line-height:1;cursor:pointer}.tone-view{display:flex;align-items:center;gap:9px;background:#eeeae4;min-height:300px}.tone-image-area{display:grid;place-items:center;flex:1;min-width:0;min-height:300px;max-height:65vh}.tone-image-area img{display:block;max-width:100%;max-height:65vh;object-fit:contain}.tone-prev,.tone-next{border:0;background:#24201d;color:#fff;width:36px;height:50px;font-size:30px;cursor:pointer}.tone-prev[hidden],.tone-next[hidden]{visibility:hidden;display:block}.tone-empty{padding:30px;text-align:center;max-width:460px;color:#696565}.tone-counter{text-align:center;min-height:24px;margin-top:8px;color:#696565;font-size:12px}.tone-thumbnails{display:flex;justify-content:center;gap:7px;overflow:auto}.tone-thumb{border:2px solid transparent;background:none;padding:0;cursor:pointer}.tone-thumb[aria-current=true]{border-color:#181716}.tone-thumb img{display:block;width:56px;height:48px;object-fit:cover}.tone-note{margin:12px 0 0;font-size:11px;color:#696565;text-align:center}
@media(max-width:600px){.tone-dialog-content{padding:12px}.tone-view{gap:2px}.tone-prev,.tone-next{width:28px}.tone-dialog-head h2{font-size:23px}}

/* Administración del catálogo por listas. */
.catalog-manager-content{padding:22px}.catalog-manager-layout{display:grid;grid-template-columns:minmax(270px,1fr) minmax(320px,1.3fr);gap:24px}.catalog-manager-nav h3,.catalog-manager-detail h3{font:400 22px Georgia,serif;margin:4px 0 12px}.catalog-manager-nav h3:not(:first-child){margin-top:22px}.catalog-manager-nav h3 small{font:13px Arial,sans-serif;color:#696565}.catalog-list-button{display:block;width:100%;padding:10px 12px;margin:5px 0;border:1px solid #dfdbd6;background:#fff;text-align:left;cursor:pointer;color:#181716}.catalog-list-button.is-selected{border-left:4px solid #8b8176;background:#f3f0ec;font-weight:700}.catalog-list-button:hover{border-color:#8b8176}.catalog-product-line{display:flex;align-items:center;gap:7px;padding:8px 0;border-bottom:1px solid #dfdbd6;font-size:12px}.catalog-product-line span{flex:1}.catalog-product-line button{border:1px solid #d5cdc5;background:#fff;padding:6px 7px;font-size:11px;cursor:pointer;color:#181716}.catalog-product-line button:hover{background:#f3f0ec}.catalog-empty{font-size:13px}.catalog-manager-detail{padding:20px;background:#f8f6f2;border:1px solid #dfdbd6}.catalog-manager-detail>.muted{font-size:13px}.catalog-media-gallery{display:flex;gap:9px;overflow:auto;margin:18px 0;min-height:105px}.catalog-media-card{flex:none;width:124px;border:1px solid #dfdbd6;background:white}.catalog-media-card img{display:block;width:100%;height:86px;object-fit:cover}.catalog-media-card span{display:block;padding:6px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-media-card button{display:block;width:100%;border:0;border-top:1px solid #dfdbd6;background:white;padding:6px;cursor:pointer;text-decoration:underline;font-size:11px}.catalog-media-form{display:grid;gap:12px}.catalog-media-form label{display:block;font-size:12px;font-weight:700}.catalog-media-form input{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid #c8c2bc;background:white}.catalog-media-form .button{justify-self:start}.catalog-media-feedback{min-height:22px;margin:12px 0 0;color:#3c624d;font-size:13px}.catalog-media-feedback.error{color:#9a3329;background:none;border:0;padding:0}
@media(max-width:900px){.catalog-manager-layout{grid-template-columns:1fr}.catalog-manager-content{padding:14px}}