:root{--bg:#f1ece6;--paper:#fffaf4;--ink:#201a16;--muted:#746a61;--line:rgba(64,47,33,.13);--brand:#ca4b1d;--green:#3f7448;--amber:#a66a19;--red:#a9362a;--shadow:0 16px 42px rgba(46,31,20,.09);--sans:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}.login{min-height:100svh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,430px);background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow)}.brand{font:400 34px var(--serif);margin:0}.kicker{color:var(--brand);font-size:11px;text-transform:uppercase;letter-spacing:.17em;font-weight:800}.muted{color:var(--muted)}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:13px;background:#fff;padding:12px 13px;outline:none}input:focus,textarea:focus,select:focus{border-color:rgba(202,75,29,.48);box-shadow:0 0 0 4px rgba(202,75,29,.07)}label{display:grid;gap:6px;font-size:12px;font-weight:700}.btn{border:0;border-radius:13px;padding:12px 15px;font-weight:800;background:#e9ded3}.btn.primary{background:var(--brand);color:#fff}.btn.ghost{background:transparent;border:1px solid var(--line)}.btn.danger{color:var(--red);background:#f6e7e3}.stack{display:grid;gap:13px}.ops{min-height:100svh}.ops-head{height:74px;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:20}.ops-head strong{font:400 25px var(--serif)}.head-actions{display:flex;gap:8px;align-items:center}.layout{display:grid;grid-template-columns:230px 1fr;min-height:calc(100svh - 74px)}.nav{padding:20px 14px;border-right:1px solid var(--line);background:rgba(255,250,244,.6);position:sticky;top:74px;height:calc(100svh - 74px)}.nav button{width:100%;border:0;background:transparent;border-radius:12px;padding:12px 13px;text-align:left;margin:3px 0;font-weight:700}.nav button.active{background:#fff2e9;color:var(--brand)}.content{padding:28px;min-width:0}.content h1{font:400 38px var(--serif);margin:0 0 8px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.metric{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:18px}.metric small{color:var(--muted)}.metric strong{font-size:26px;display:block;margin-top:7px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:19px;margin:16px 0;box-shadow:0 6px 20px rgba(46,31,20,.035)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel h2{font:400 24px var(--serif);margin:0}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:11px 10px;font-size:13px}.table th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.status{display:inline-flex;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:800;background:#eee}.status.new{background:#fae2d7;color:#a33f1a}.status.accepted,.status.preparing{background:#f6ecd4;color:#7a571c}.status.ready{background:#e3f0e5;color:#386341}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .wide{grid-column:1/-1}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:13px}.product-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.product-card img{width:100%;height:145px;object-fit:cover}.product-card-body{padding:13px}.product-card h3{margin:0 0 5px}.price{color:var(--brand);font-weight:800}.badge{display:inline-flex;padding:4px 7px;border-radius:99px;background:#f5e8dc;font-size:10px;font-weight:800}.modal-bg{position:fixed;inset:0;background:rgba(28,20,15,.45);z-index:50;display:grid;place-items:center;padding:20px}.modal{width:min(760px,100%);max-height:90svh;overflow:auto;background:var(--paper);border-radius:24px;padding:22px;box-shadow:0 30px 90px rgba(0,0,0,.25)}.qr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.qr-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;text-align:center}.qr-card img{width:120px;height:120px;margin:auto}.toast{position:fixed;right:20px;bottom:20px;z-index:70;background:#211914;color:#fff;padding:12px 15px;border-radius:13px;box-shadow:var(--shadow)}.order-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.order{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:17px}.order.urgent{border-color:rgba(202,75,29,.35);box-shadow:0 0 0 3px rgba(202,75,29,.05)}.order-head{display:flex;justify-content:space-between;gap:10px}.order h3{font:400 27px var(--serif);margin:0}.order-items{padding:10px 0;margin:8px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.order-line{display:flex;justify-content:space-between;gap:10px;padding:4px 0}.request{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;margin:8px 0}.request.waiter{border-left:5px solid var(--brand)}.request.bill{border-left:5px solid var(--amber)}@media(max-width:900px){.layout{grid-template-columns:1fr}.nav{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);display:flex;overflow:auto;padding:8px}.nav button{white-space:nowrap;width:auto}.content{padding:18px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.cards{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.ops-head{padding:0 14px}.content h1{font-size:31px}.head-actions .muted{display:none}}
/* v4 · inteligencia comercial */
.period-select{width:auto;min-width:120px;background:var(--paper)}
.analytics-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.metric em{display:block;margin-top:8px;font-size:11px;color:var(--muted);font-style:normal}.trend{display:inline-flex;margin-top:8px;padding:3px 7px;border-radius:99px;font-size:10px;font-weight:800}.trend.up{color:#2e653b;background:#e5f1e7}.trend.down{color:#8b372e;background:#f5e5e1}.trend.neutral{color:var(--muted);background:#eee8e2}.split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:16px}.funnel{display:grid;gap:15px}.funnel-row>div:first-child{display:flex;justify-content:space-between;gap:16px;margin-bottom:6px}.funnel-row small{display:block;color:var(--muted);margin-top:5px}.bar{height:10px;border-radius:99px;background:#eee5dc;overflow:hidden}.bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),#e7a16e)}.insight-list{display:grid;gap:10px;margin-top:14px}.insight-list article{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff}.insight-list span,.insight-list small{color:var(--muted);font-size:12px}.empty-admin{padding:20px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);text-align:center}.daily-chart{height:220px;display:flex;gap:5px;align-items:flex-end;padding-top:22px;overflow-x:auto}.day-col{height:100%;min-width:18px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.day-col i{width:min(100%,22px);min-height:2px;background:linear-gradient(180deg,#dfa073,var(--brand));border-radius:6px 6px 2px 2px}.day-col span{font-size:9px;color:var(--muted);writing-mode:vertical-rl;transform:rotate(180deg);height:34px}.source-list{display:grid;gap:8px;margin-top:14px}.source-list>div{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:11px;border-bottom:1px solid var(--line)}.source-list span{color:var(--muted);font-size:12px}.search-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.search-list span{display:flex;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--line);background:#fff;border-radius:99px;font-size:12px}.search-list b{color:var(--brand)}.campaign-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:12px;margin-top:15px}.campaign-admin{border:1px solid var(--line);border-radius:16px;padding:15px;background:#fff}.campaign-admin.disabled{opacity:.62}.campaign-admin h3{margin:6px 0 0;font:400 22px var(--serif)}.campaign-product{display:flex;gap:12px;align-items:center;padding:10px 0;margin:8px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.campaign-product img{width:62px;height:62px;object-fit:cover;border-radius:11px}.campaign-product div{display:grid;gap:4px}.campaign-product span{color:var(--muted);font-size:12px}.mini-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:10px 0}.mini-metrics span{padding:8px;border-radius:10px;background:#f8f2ec;font-size:11px;color:var(--muted)}.mini-metrics b{display:block;color:var(--ink);font-size:15px;margin-bottom:2px}.btn.compact{padding:7px 9px;font-size:11px}
@media(max-width:1100px){.analytics-cards{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}}
@media(max-width:560px){.analytics-cards{grid-template-columns:1fr}.period-select{width:100%}.campaign-grid{grid-template-columns:1fr}.mini-metrics{grid-template-columns:1fr 1fr}}
/* v5 · operación de plataforma */
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.stat{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;display:grid;gap:5px}.stat small{color:var(--muted);font-size:11px}.stat strong{font-size:16px;overflow-wrap:anywhere}.status.pending{background:#f6ecd4;color:#7a571c}@media(max-width:780px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}}
/* v6 · onboarding express */
.onboarding-progress{height:8px;border-radius:99px;background:#eadfd5;overflow:hidden;margin:10px 0 18px}.onboarding-progress i{display:block;height:100%;background:var(--green);border-radius:inherit}.onboarding-step{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0}.onboarding-step p{margin:4px 0 0}.import-guide{display:grid;gap:4px;border:1px dashed rgba(202,75,29,.3);background:#fff7ef;border-radius:14px;padding:13px;margin:10px 0 16px}.import-guide span{font-size:13px}.import-guide small{color:var(--muted)}.import-preview{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.import-issues{display:grid;gap:5px;border-radius:13px;padding:12px;margin:10px 0;font-size:12px}.import-issues strong{margin-bottom:3px}.import-issues.error{background:#f8e7e3;color:#78332b}.import-issues.warning{background:#f8f0db;color:#75551d}.import-modal{width:min(900px,100%)}.import-preview .table{min-width:620px}@media(max-width:560px){.onboarding-step{align-items:flex-start;flex-direction:column}.onboarding-step .btn{width:100%}}
/* v7 · CRM comercial */
a.btn{text-decoration:none}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.page-title h1{margin:4px 0}.crm-metrics{margin-top:0}.crm-tools{align-items:flex-end}.search-inline{width:min(330px,100%);font-size:11px;color:var(--muted)}.search-inline input{margin-top:5px}.pipeline{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:10px;overflow-x:auto;padding-bottom:8px}.pipeline-col{background:#f7f1eb;border:1px solid var(--line);border-radius:17px;min-height:330px;padding:9px}.pipeline-col>header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:7px 5px 11px}.pipeline-col>header b{font-size:11px;background:#e9dfd5;padding:3px 7px;border-radius:99px}.dot{width:9px;height:9px;border-radius:50%;background:#aaa}.dot.lead{background:#c67e4d}.dot.contacted{background:#b89a45}.dot.demo{background:#7d6da7}.dot.trial{background:#5579a0}.dot.client{background:#4f7c5b}.account-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;margin:0 0 8px;cursor:pointer;box-shadow:0 3px 12px rgba(51,34,23,.035);transition:.18s ease}.account-card:hover{transform:translateY(-1px);border-color:#d6c5b6}.account-top{display:flex;justify-content:space-between;gap:8px}.account-top>div{display:grid;gap:3px}.account-top small,.account-card p,.account-card footer small{color:var(--muted);font-size:11px}.account-card p{min-height:17px;margin:9px 0}.install-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #e7f1e9;margin:5px}.account-meta{display:flex;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid var(--line);font-size:11px}.account-meta span{color:var(--muted)}.account-card footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}.mini-action{border:0;background:#fff0e6;color:var(--brand);font-size:10px;font-weight:800;border-radius:99px;padding:5px 8px;cursor:pointer}.pipeline-empty{border:1px dashed var(--line);border-radius:12px;padding:18px 8px;color:var(--muted);text-align:center;font-size:11px}.archived{margin-top:15px;color:var(--muted)}.archived summary{cursor:pointer;font-weight:700}.account-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:9px;margin-top:10px}.alert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px}.alert-card{border:1px solid var(--line);border-left:4px solid #c98a43;border-radius:13px;background:#fff;padding:11px;text-align:left;display:grid;gap:4px;cursor:pointer}.alert-card.high{border-left-color:#b84d42}.alert-card span,.alert-card small{font-size:10px;color:var(--muted)}.attention{background:linear-gradient(135deg,#fffaf4,#fff)}.modal-wide{width:min(1120px,100%)}.account-detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.6fr);gap:14px}.crm-form{margin:0}.crm-form h3,.panel h3{font:400 21px var(--serif);margin:0 0 12px}.timeline{display:grid;gap:0}.timeline article{display:grid;grid-template-columns:18px 1fr auto;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.timeline article>i{width:10px;height:10px;border-radius:50%;background:#c98a43;margin:5px 0}.timeline p{margin:3px 0;font-size:12px}.timeline small{color:var(--muted);font-size:10px}.payments{margin-top:18px}.payments>div{display:grid;grid-template-columns:auto 1fr auto;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:11px}.payments span,.payments small{color:var(--muted)}.credential-box{display:grid;grid-template-columns:140px 1fr;gap:8px 14px;background:#f7efe7;border:1px solid var(--line);border-radius:16px;padding:16px;margin:16px 0}.credential-box span{color:var(--muted);font-size:12px}.credential-box strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:14px 0}.plan-card{border:1px solid var(--line);border-radius:15px;padding:14px;display:grid;gap:7px;background:#fff}.plan-card.disabled{opacity:.55}.plan-card span,.plan-card p{color:var(--muted);font-size:11px}.plan-card p{min-height:30px}.restaurant-card .toolbar{align-items:center}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto}.status.cancelled{background:#eee;color:#777}
@media(max-width:1150px){.pipeline{grid-template-columns:repeat(5,240px)}.account-detail-grid{grid-template-columns:1fr}}@media(max-width:700px){.page-title{align-items:flex-start;flex-direction:column}.page-title>.toolbar{width:100%}.page-title>.toolbar .btn{flex:1}.crm-tools{align-items:flex-start;flex-direction:column}.search-inline{width:100%}.credential-box{grid-template-columns:1fr}.payments>div{grid-template-columns:1fr}.pipeline{margin-inline:-10px;padding-inline:10px}}
/* v8 · cierre comercial y pruebas */
.proposal-list{display:grid;gap:9px}.proposal-card{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px}.proposal-card>div:first-child{display:grid;gap:5px}.proposal-card small{color:var(--muted);font-size:10px}.proposal-card .status{width:max-content}.proposal-sent{background:#f5eadf;color:#8b5b2d}.proposal-interested{background:#e8edf5;color:#4d6482}.proposal-accepted{background:#e4f1e6;color:#376843}.proposal-rejected,.proposal-revoked{background:#eee9e5;color:#756a62}.trial-state{font-size:12px;color:var(--muted);margin:9px 0 0}.trial-state b{color:var(--ink)}.crm-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:1250px){.crm-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.crm-metrics{grid-template-columns:1fr 1fr}.proposal-card{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.crm-metrics{grid-template-columns:1fr}}

/* v9 — transferencia e instalación */
.payment-mini{margin:8px 0 2px;padding:7px 9px;border-radius:10px;font-size:.76rem;font-weight:700;background:#f3eee8;color:#6c5a4d}.payment-mini.pending{background:#fff0e5;color:#a14c19}.payment-mini.paid{background:#edf5eb;color:#315f2c}.payment-state{padding:14px;border-radius:14px;background:#f5f1ec;display:grid;gap:7px}.payment-state.paid{background:#edf5eb}.payment-state strong{font-size:1rem}.payment-state span{font-size:.86rem;color:#6d625b}.next-step{padding:14px;border-radius:14px;background:#fff3e7;display:grid;gap:4px}.next-step span{font-size:.85rem;color:#715445}.payment-policy-note{padding:12px;border-left:3px solid #c85a22;background:#fff8f1;border-radius:8px;font-size:.84rem;line-height:1.45}
/* v10 — operación, renovaciones y soporte */
.crm-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.service-mini{margin:5px 0 2px;padding:7px 9px;border-radius:10px;font-size:.74rem;font-weight:800;background:#edf5eb;color:#315f2c}.service-mini.due_soon,.status.service-due_soon{background:#fff5dc;color:#8a651c}.service-mini.grace,.status.service-grace{background:#fff0e5;color:#a14c19}.service-mini.overdue,.service-mini.suspended,.status.service-overdue,.status.service-suspended{background:#f8e5e3;color:#8e3029}.service-mini.paused{background:#eee9e5;color:#6b625c}.service-state-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 14px}.service-state-grid>div{padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;gap:4px}.service-state-grid small{font-size:10px;color:var(--muted)}.service-state-grid strong{font-size:13px}.service-actions{margin-top:12px}.support-list{display:grid;gap:8px;margin-top:14px}.support-ticket{border:1px solid var(--line);border-left:4px solid #b8a692;border-radius:13px;padding:11px;background:#fff;display:flex;justify-content:space-between;gap:12px}.support-ticket.high{border-left-color:#c46b37}.support-ticket.urgent{border-left-color:#a83932;background:#fffafa}.support-ticket>div:first-child{display:grid;gap:5px}.support-ticket strong{font-size:13px}.support-ticket small,.support-ticket p{font-size:11px;color:var(--muted);margin:0}.support-ticket .resolution{color:#315f2c}.status.support-open{background:#fff0e5;color:#a14c19}.status.support-in_progress{background:#e8edf5;color:#4d6482}.status.support-resolved{background:#edf5eb;color:#315f2c}.status.support-closed{background:#eee9e5;color:#6b625c}
@media(max-width:1350px){.crm-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.crm-metrics{grid-template-columns:1fr 1fr}.service-state-grid{grid-template-columns:1fr}.support-ticket{flex-direction:column}}@media(max-width:480px){.crm-metrics{grid-template-columns:1fr}}

/* v12 · Commercial engine admin */
.commercial-objective{background:linear-gradient(135deg,#fff,#fbf5ef)}.commercial-objective .form-grid{margin-top:16px}.badge.ab{margin-left:6px;background:#eee5f8;color:#65448a}.campaign-product small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.experiment-card{border:1px solid var(--line);border-radius:16px;padding:15px;background:#fff;margin-top:10px}.experiment-card h3{margin:0;font:400 22px var(--serif)}.experiment-variants{display:grid;gap:7px;margin-top:10px}.experiment-variants>div{display:flex;justify-content:space-between;gap:16px;padding:9px 11px;border-radius:11px;background:#f8f2ec;font-size:12px}.experiment-variants span{color:var(--muted);text-align:right}.ab-box{padding:14px;border:1px dashed #cdb9a7;border-radius:14px;background:#fbf7f2}.ab-box>strong{display:block;margin-bottom:4px}.commercial-modal{max-width:820px}

/* v13 · merchandising adaptativo */
.adaptive-box{padding:14px;border:1px dashed rgba(68,105,82,.42);border-radius:14px;background:linear-gradient(135deg,#f7faf7,#fbf7f2)}
.adaptive-box>strong{display:block;margin-bottom:4px;color:#315d46}
.badge.adaptive{margin-left:6px;background:#e6f1e9;color:#315d46}
.adaptive-summary{background:linear-gradient(135deg,#fbfdfb,#f8f3ed)}

/* v14 · Commercial advisor */
.advisor-panel{position:relative;overflow:hidden}
.advisor-panel:before{content:"";position:absolute;inset:0 auto auto 0;width:180px;height:3px;background:linear-gradient(90deg,var(--accent,#cf4a1b),transparent)}
.advisor-count{font-size:12px;font-weight:800;padding:8px 11px;border-radius:999px;background:#f4eadf;color:#7b3d20;white-space:nowrap}
.advisor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.advisor-card{border:1px solid #eadfd3;border-radius:18px;padding:16px;background:linear-gradient(180deg,#fffdf9,#fbf7f1);box-shadow:0 8px 24px rgba(60,40,20,.05)}
.advisor-card.level-strong{border-color:#d7b58b}
.advisor-card.level-moderate{border-color:#e7d3b8}
.advisor-card h3{margin:6px 0 0;font-size:17px;line-height:1.2}
.advisor-card p{margin:12px 0;color:#514941;line-height:1.5}
.advisor-evidence{padding:10px 12px;border-radius:12px;background:#f5eee6;color:#6c5848;font-size:12px;font-weight:700;margin-bottom:12px}
.advisor-history{margin-top:18px;border-top:1px solid #eee1d5;padding-top:14px}
.advisor-history summary{cursor:pointer;font-weight:750;color:#55463c}
@media(max-width:760px){.advisor-grid{grid-template-columns:1fr}.advisor-count{display:none}}

/* v15 · medición incremental */
.incrementality-panel{background:linear-gradient(135deg,#fff,#f8f3ed)}
.incrementality-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin-top:14px}
.incrementality-grid .experiment-card{margin-top:0}
@media(max-width:640px){.incrementality-grid{grid-template-columns:1fr}}

/* v16 · Estudio creativo */
.creative-studio{overflow:hidden}
.creative-principles{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 18px}
.creative-principles span{font-size:12px;line-height:1.35;padding:8px 10px;border:1px solid var(--line,#e8e2d9);border-radius:999px;background:#fbf8f3;color:#5f574d}
.creative-sets{display:grid;gap:16px}
.creative-set{border:1px solid var(--line,#e8e2d9);border-radius:20px;padding:16px;background:linear-gradient(180deg,#fffdf9,#fff)}
.creative-set.status-launched{box-shadow:inset 3px 0 0 #b77845}
.creative-set.status-archived{opacity:.72}
.creative-set-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.creative-set-head h3{margin:7px 0 3px;font-size:18px}
.creative-set-head small{color:#766d62}
.creative-product-strip{display:flex;align-items:center;gap:12px;padding:10px;border-radius:16px;background:#f6f0e7;margin-bottom:12px}
.creative-product-strip img{width:62px;height:62px;object-fit:cover;border-radius:13px}
.creative-product-strip div{display:grid;gap:2px}
.creative-product-strip span{font-weight:800;color:#b56634}
.creative-product-strip small{color:#786f64}
.creative-variant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.creative-preview{border:1px solid #e7dfd4;border-radius:18px;padding:10px;background:#fff;transition:.18s ease}
.creative-preview.muted-variant{opacity:.55}
.creative-preview-visual{min-height:180px;border-radius:14px;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;gap:7px;position:relative;overflow:hidden;background:linear-gradient(150deg,#efe3d1,#fff9f0)}
.creative-preview-visual.spotlight{background:radial-gradient(circle at 80% 10%,rgba(183,120,69,.22),transparent 36%),linear-gradient(150deg,#f2e6d6,#fff)}
.creative-preview-visual.editorial{background:linear-gradient(145deg,#f8f2e9 0 63%,#ede0cf 63%)}
.creative-preview-visual.ribbon:before{content:"";position:absolute;left:-30px;top:24px;width:160px;height:22px;background:#b77845;transform:rotate(-8deg);opacity:.16}
.creative-preview-visual.minimal{background:#fff;border:1px solid #eee7dd}
.creative-preview-visual.floating_card{box-shadow:0 10px 30px rgba(66,48,31,.12);background:#fff8ed}
.creative-preview-visual .eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#a65e32;font-weight:800}
.creative-preview-visual strong{font:700 20px/1.05 Georgia,serif;color:#251f1a}
.creative-preview-visual p{margin:0;font-size:13px;line-height:1.38;color:#61584e}
.creative-preview-visual b{font-size:14px;color:#a65e32}
.creative-preview-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 2px 6px}
.creative-preview-meta>div{display:grid;gap:1px}
.creative-preview-meta span{font-size:11px;color:#81766b}
.quality{display:inline-flex!important;align-items:center;justify-content:center;min-width:52px;height:28px;padding:0 8px;border-radius:999px;font-size:11px!important;font-weight:800}
.quality.good{background:#edf5ed;color:#37683e}.quality.warn{background:#fff0de;color:#92531d}
.creative-warning{display:block;color:#96622e;margin:0 2px 8px;line-height:1.35}
.creative-live-note{margin-top:12px;padding:10px 12px;background:#f4eee6;border-radius:12px;font-size:12px;color:#665e55}
.guardrail-note{padding:12px 14px;border-radius:12px;background:#f7f0e5;color:#665d52;font-size:12px;line-height:1.45}
@media(max-width:760px){.creative-set-head{flex-direction:column}.creative-set-head .toolbar{width:100%}.creative-set-head .toolbar .btn{flex:1}.creative-variant-grid{grid-template-columns:1fr}.creative-preview-visual{min-height:150px}}

/* v17 · Diseño profesional */
.design-direction{overflow:hidden}.design-preset-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px}.design-preset{border:1px solid var(--line);border-radius:18px;background:#fff;padding:10px;text-align:left;display:grid;gap:8px;transition:.2s ease}.design-preset:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(45,31,21,.08)}.design-preset.active{border-color:#b46a3c;box-shadow:0 0 0 3px rgba(180,106,60,.09)}.design-preset strong{font-size:13px}.design-preset small{font-size:10.5px;line-height:1.35;color:var(--muted)}.preset-scene{height:86px;border-radius:13px;overflow:hidden;display:grid;grid-template-columns:34% 1fr;grid-template-rows:1fr 1fr;gap:5px;padding:8px;background:#f3ece3}.preset-scene i{grid-row:1/-1;border-radius:9px;background:linear-gradient(150deg,#4f2d1c,#d69b65)}.preset-scene b,.preset-scene em{border-radius:7px;background:#fff;opacity:.9}.preset-scene em{width:72%;align-self:end;height:60%}.preset-scene.theme-atelier{background:#f1f0eb;border-radius:2px}.preset-scene.theme-atelier i{border-radius:0;background:linear-gradient(150deg,#393832,#b3aa91)}.preset-scene.theme-atelier b,.preset-scene.theme-atelier em{border-radius:0;background:#161614}.preset-scene.theme-nocturne{background:#161513}.preset-scene.theme-nocturne i{background:linear-gradient(150deg,#3a241a,#bb7a3d)}.preset-scene.theme-nocturne b,.preset-scene.theme-nocturne em{background:#ede3d6}.preset-scene.theme-modern{background:#edf0e9;border-radius:8px}.preset-scene.theme-modern i{background:linear-gradient(150deg,#54614c,#d8d9ca)}.preset-scene.theme-modern b,.preset-scene.theme-modern em{background:#253025}.preset-scene.theme-terracotta{background:#f1dcc9}.preset-scene.theme-terracotta i{background:linear-gradient(150deg,#8a3f2b,#e2a36e)}.preset-scene.theme-terracotta b,.preset-scene.theme-terracotta em{background:#fff5e9}.design-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);gap:16px;align-items:start}.design-form{margin:0}.design-divider{padding-top:8px;border-top:1px solid var(--line);margin-top:4px}.design-divider h3{margin:0 0 4px}.color-clear{display:flex!important;align-items:center;gap:7px!important;margin-top:7px!important;font-size:11px!important;font-weight:600!important}.color-clear input{width:auto!important}.design-preview-panel{position:sticky;top:78px;margin:0;overflow:hidden}.design-live-preview{border-radius:24px;padding:22px;min-height:620px;background:#efe7dc;transition:.25s ease}.mini-phone{width:min(100%,320px);margin:0 auto;border:8px solid #171513;border-radius:34px;overflow:hidden;background:#fbf8f3;box-shadow:0 24px 60px rgba(37,26,18,.22);min-height:570px;padding:14px}.mini-head{height:42px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:5px}.mini-head i{width:18px;height:2px;background:#26211d;box-shadow:0 5px #26211d,0 -5px #26211d}.mini-head strong{text-align:center;font:600 12px Georgia,serif}.mini-head span{font-size:7px;border:1px solid #d7c5b5;border-radius:999px;padding:5px 7px}.mini-intro{border-radius:18px;background:#efe5d9;padding:16px;margin:6px 0 10px;min-height:110px}.mini-intro small{display:block;font-size:6px;letter-spacing:.18em;color:#b85427;font-weight:800}.mini-intro b{display:block;font:400 26px/.95 Georgia,serif;margin:8px 0}.mini-intro p{font-size:7px;line-height:1.4;margin:0;color:#74685f}.mini-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:8px 0}.mini-cats i{height:34px;border:1px solid #e0d5c8;border-radius:11px}.mini-hero{height:150px;border-radius:18px;overflow:hidden;position:relative;background:linear-gradient(105deg,#eee0d2,#9a5f3d);display:grid;grid-template-columns:1fr 48%;align-items:end;padding:15px}.mini-hero:after{content:"";position:absolute;right:0;top:0;width:52%;height:100%;background:linear-gradient(145deg,#512c1b,#cf945c);opacity:.9}.mini-hero>div{position:relative;z-index:2}.mini-hero small{font-size:6px;color:#a24824}.mini-hero b{display:block;font:400 20px Georgia,serif;margin:5px 0}.mini-hero em{font-style:normal;font-size:9px;color:#b44b20;font-weight:800}.mini-products{display:grid;gap:7px;margin-top:10px}.mini-products span{height:54px;border-bottom:1px solid #e3d8ca;position:relative}.mini-products span:before{content:"";display:block;width:52px;height:44px;border-radius:10px;background:linear-gradient(145deg,#e1c4a7,#70422a)}.design-live-preview.theme-atelier{background:#e7e6e1}.design-live-preview.theme-atelier .mini-phone{border-radius:18px;background:#fcfbf7}.design-live-preview.theme-atelier .mini-intro{background:transparent;border-bottom:1px solid #262520;border-radius:0}.design-live-preview.theme-atelier .mini-intro b{font-family:Palatino,Georgia,serif;font-size:28px}.design-live-preview.theme-atelier .mini-cats i{border-radius:0}.design-live-preview.theme-atelier .mini-hero{border-radius:0}.design-live-preview.theme-nocturne{background:#0e0d0c}.design-live-preview.theme-nocturne .mini-phone{background:#181715;color:#f5f0e8;border-color:#292622}.design-live-preview.theme-nocturne .mini-intro{background:#211e1b}.design-live-preview.theme-nocturne .mini-intro p{color:#aaa197}.design-live-preview.theme-nocturne .mini-cats i{border-color:#393530}.design-live-preview.theme-nocturne .mini-products span{border-color:#393530}.design-live-preview.theme-modern{background:#dfe4db}.design-live-preview.theme-modern .mini-phone{background:#fbfcf8}.design-live-preview.theme-modern .mini-intro{background:#edf0e8}.design-live-preview.theme-modern .mini-intro b{font-family:Inter,system-ui,sans-serif;font-weight:800;letter-spacing:-.05em}.design-live-preview.theme-modern .mini-hero{border-radius:10px;background:#e7ebe2}.design-live-preview.theme-terracotta{background:#ead2bd}.design-live-preview.theme-terracotta .mini-phone{background:#fff9f2}.design-live-preview.theme-terracotta .mini-intro{background:#f1d7c4}.design-live-preview.font-modern .mini-intro b,.design-live-preview.font-modern .mini-head strong,.design-live-preview.font-modern .mini-hero b{font-family:Inter,system-ui,sans-serif;font-weight:800}.design-live-preview.font-editorial .mini-intro b,.design-live-preview.font-editorial .mini-head strong,.design-live-preview.font-editorial .mini-hero b{font-family:Palatino,Georgia,serif}.design-live-preview.shape-sharp .mini-phone,.design-live-preview.shape-sharp .mini-intro,.design-live-preview.shape-sharp .mini-hero,.design-live-preview.shape-sharp .mini-cats i{border-radius:3px}.design-live-preview.shape-rounded .mini-phone{border-radius:24px}.design-live-preview.shape-rounded .mini-intro,.design-live-preview.shape-rounded .mini-hero{border-radius:12px}.design-preview-note{font-size:11px;margin:12px 2px 0;line-height:1.45}
@media(max-width:1200px){.design-preset-grid{grid-template-columns:repeat(3,1fr)}.design-layout{grid-template-columns:1fr}.design-preview-panel{position:static}.design-live-preview{min-height:auto}}
@media(max-width:700px){.design-preset-grid{grid-template-columns:1fr 1fr}.design-live-preview{padding:14px}.mini-phone{max-width:300px}}
@media(max-width:430px){.design-preset-grid{grid-template-columns:1fr}}

/* v18 · Arquitectura de composición profesional */
.composition-direction{overflow:hidden}.composition-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px}.composition-choice{border:1px solid var(--line);border-radius:18px;background:#fff;padding:10px;text-align:left;display:grid;gap:8px;transition:.2s ease}.composition-choice:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(45,31,21,.08)}.composition-choice.active{border-color:#b46a3c;box-shadow:0 0 0 3px rgba(180,106,60,.09)}.composition-choice strong{font-size:13px}.composition-choice small{font-size:10.5px;line-height:1.35;color:var(--muted)}
.composition-scene{height:92px;border-radius:13px;padding:8px;background:#f4ede4;display:grid;gap:5px;overflow:hidden}.composition-scene i,.composition-scene b,.composition-scene em,.composition-scene u{display:block;text-decoration:none;border-radius:6px;background:#d7c5b2}.composition-scene-flagship{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 30%}.composition-scene-flagship i{grid-column:1/-1;background:linear-gradient(120deg,#59331e,#d79a61)}.composition-scene-flagship b,.composition-scene-flagship em,.composition-scene-flagship u{height:100%}.composition-scene-editorial_story{grid-template-columns:25% 1fr;grid-template-rows:38% 1fr}.composition-scene-editorial_story i{grid-column:1/-1;border-radius:1px;background:#302b25}.composition-scene-editorial_story b{grid-row:2;border-radius:1px}.composition-scene-editorial_story em{grid-column:2;height:18%;border-radius:1px}.composition-scene-editorial_story u{grid-column:2;height:58%;border-radius:1px}.composition-scene-gallery{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.composition-scene-gallery>*{background:linear-gradient(145deg,#d29b6d,#6b4129)}.composition-scene-menu_book{grid-template-columns:18% 1fr;grid-template-rows:18% 1fr 1fr}.composition-scene-menu_book i{grid-column:1/-1;border-radius:0;background:#302b25}.composition-scene-menu_book b,.composition-scene-menu_book em{grid-column:2;border-radius:0;height:28%}.composition-scene-menu_book u{grid-row:2/4;border-radius:0}.composition-scene-market{grid-template-columns:repeat(4,1fr);grid-template-rows:26% 1fr}.composition-scene-market i{grid-column:1/-1;background:#fff;border:1px solid #dccbbb}.composition-scene-market>*:not(i){background:#c4875a}.composition-scene-market u{display:none}
.specialty-picker{display:grid;gap:10px}.field-title{font-size:12px;font-weight:800}.field-title small{font-weight:500;color:var(--muted)}.specialty-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.specialty-picker-grid label{display:grid;grid-template-columns:auto 46px 1fr;align-items:center;gap:9px;padding:8px;border:1px solid var(--line);border-radius:13px;background:#fff;cursor:pointer}.specialty-picker-grid input{width:auto}.specialty-picker-grid img{width:46px;height:46px;border-radius:10px;object-fit:cover}.specialty-picker-grid span{display:grid;gap:2px;min-width:0}.specialty-picker-grid strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.specialty-picker-grid small{font-size:10px;color:var(--muted)}.category-copy-field span{font-weight:800}
.mini-specialties{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:7px 0}.mini-specialties i{height:48px;border-radius:9px;background:linear-gradient(145deg,#ddb28d,#75472d)}
.design-live-preview.composition-editorial_story .mini-specialties{display:none}.design-live-preview.composition-editorial_story .mini-cats{display:grid;grid-template-columns:1fr}.design-live-preview.composition-editorial_story .mini-cats i{height:16px;border-width:0 0 1px;border-radius:0}.design-live-preview.composition-editorial_story .mini-hero{height:185px;border-radius:2px}.design-live-preview.composition-gallery .mini-cats{grid-template-columns:1fr 1fr}.design-live-preview.composition-gallery .mini-cats i{height:62px;background:linear-gradient(145deg,#d5a47b,#6a3f29)}.design-live-preview.composition-gallery .mini-specialties i{height:38px}.design-live-preview.composition-menu_book .mini-specialties{grid-template-columns:repeat(4,1fr)}.design-live-preview.composition-menu_book .mini-specialties i{height:32px;border-radius:1px}.design-live-preview.composition-menu_book .mini-cats{grid-template-columns:1fr}.design-live-preview.composition-menu_book .mini-cats i{height:13px;border-width:0 0 1px;border-radius:0}.design-live-preview.composition-menu_book .mini-products span:before{display:none}.design-live-preview.composition-menu_book .mini-products span{height:35px}.design-live-preview.composition-market .mini-intro{min-height:75px}.design-live-preview.composition-market .mini-specialties i{height:38px;border-radius:12px}.design-live-preview.composition-market .mini-hero{height:110px}
@media(max-width:1200px){.composition-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.composition-grid{grid-template-columns:1fr 1fr}.specialty-picker-grid{grid-template-columns:1fr}}
@media(max-width:430px){.composition-grid{grid-template-columns:1fr}}

/* v19 · Estudio fotográfico */
.brand-asset-field input[type="file"]{margin-top:8px}
.photo-director-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.photo-director-card{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:9px;background:var(--surface)}
.photo-director-preview{position:relative;width:92px;height:104px;border-radius:12px;overflow:hidden;background:#ddd}
.photo-director-preview img{width:100%;height:100%;object-fit:cover}
.photo-director-preview span{position:absolute;left:6px;right:6px;bottom:6px;padding:4px 6px;border-radius:99px;background:rgba(18,15,12,.72);color:#fff;font-size:8px;text-align:center;backdrop-filter:blur(6px)}
.photo-director-card>div:last-child{min-width:0}.photo-director-card strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-director-card small{display:block;color:var(--muted);margin:4px 0 8px}.photo-director-card .btn{width:100%}
.photo-direction-modal{width:min(760px,calc(100vw - 28px))}
.photo-focus-stage{position:relative;height:min(52vw,390px);min-height:260px;overflow:hidden;border-radius:20px;background:#111;margin:18px 0}
.photo-focus-stage img{width:100%;height:100%;object-fit:cover;transition:object-position .08s linear}
.photo-focus-cross{position:absolute;width:28px;height:28px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px rgba(0,0,0,.35),0 3px 15px rgba(0,0,0,.3);pointer-events:none}
.photo-focus-cross::before,.photo-focus-cross::after{content:"";position:absolute;background:white;left:50%;top:50%;transform:translate(-50%,-50%)}
.photo-focus-cross::before{width:40px;height:1px}.photo-focus-cross::after{height:40px;width:1px}
.photo-context-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.photo-context-strip span{padding:10px;border:1px solid var(--line);border-radius:12px;text-align:center}.photo-context-strip b,.photo-context-strip small{display:block}.photo-context-strip small{color:var(--muted);margin-top:3px}
.range-value{float:right;color:var(--accent);font-size:12px}
@media(max-width:760px){.photo-director-grid{grid-template-columns:1fr}.photo-context-strip{grid-template-columns:repeat(2,1fr)}}

/* v20 · Motion Design Profesional */
.motion-direction{overflow:hidden}.motion-profile-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:16px}.motion-profile-choice{border:1px solid var(--line);border-radius:18px;background:#fff;padding:10px;text-align:left;display:grid;gap:8px;transition:.2s ease}.motion-profile-choice:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(45,31,21,.08)}.motion-profile-choice.active{border-color:#b46a3c;box-shadow:0 0 0 3px rgba(180,106,60,.09)}.motion-profile-choice strong{font-size:13px}.motion-profile-choice small{font-size:10.5px;line-height:1.35;color:var(--muted)}
.motion-scene{height:76px;border-radius:13px;background:#f4ede5;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:5px;padding:10px;overflow:hidden}.motion-scene i,.motion-scene b,.motion-scene em{display:block;background:#bf7246;border-radius:6px;height:38px;transform-origin:bottom}.motion-scene b{height:52px;background:#e3b38e}.motion-scene em{height:30px;background:#372b24}.motion-scene-auto i{transform:translateY(5px)}.motion-scene-auto b{transform:translateY(1px)}.motion-scene-signature_flow i{transform:translateY(8px)}.motion-scene-signature_flow b{transform:scale(.96)}.motion-scene-editorial_reveal{border-radius:2px;background:#eeede8}.motion-scene-editorial_reveal i,.motion-scene-editorial_reveal b,.motion-scene-editorial_reveal em{border-radius:0;background:#25231f}.motion-scene-editorial_reveal i{height:18px}.motion-scene-editorial_reveal em{height:58px}.motion-scene-cinematic_depth{background:#171513}.motion-scene-cinematic_depth i{background:#76432c;transform:scale(.92)}.motion-scene-cinematic_depth b{background:#d79a62;transform:translateY(6px)}.motion-scene-cinematic_depth em{background:#f1dfcd}.motion-scene-crisp_modern{background:#eef1eb;border-radius:8px}.motion-scene-crisp_modern i,.motion-scene-crisp_modern b,.motion-scene-crisp_modern em{background:#3b5141;border-radius:3px}.motion-scene-crisp_modern i{height:24px}.motion-scene-crisp_modern b{height:40px}.motion-scene-tactile_warm{background:#f0d9c7}.motion-scene-tactile_warm i{background:#9a4b32;transform:rotate(-2deg)}.motion-scene-tactile_warm b{background:#d78c61;transform:rotate(1deg)}.motion-scene-tactile_warm em{background:#5a3429;transform:rotate(-1deg)}
.motion-controls-head{margin-top:10px}.motion-controls-head+label{margin-top:0}.design-live-preview.motion-cinematic_depth .mini-hero{box-shadow:0 18px 38px rgba(20,15,11,.2);transform:scale(.99)}.design-live-preview.motion-editorial_reveal .mini-intro{border-left:2px solid currentColor}.design-live-preview.motion-crisp_modern .mini-cats i{box-shadow:inset 0 0 0 1px rgba(0,0,0,.03)}.design-live-preview.motion-tactile_warm .mini-specialties i:nth-child(2){transform:translateY(-3px)}
@media(max-width:1300px){.motion-profile-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.motion-profile-grid{grid-template-columns:1fr 1fr}}@media(max-width:430px){.motion-profile-grid{grid-template-columns:1fr}}

/* v21 · Preview Studio + Responsive Profesional */
.preview-toolbar-panel{padding:14px 16px}.preview-toolbar{display:grid;gap:12px}.preview-device-buttons{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.preview-device-btn{min-width:128px;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:10px 12px;text-align:left;display:grid;gap:3px}.preview-device-btn strong{font-size:11px}.preview-device-btn small{font-size:9px;color:var(--muted)}.preview-device-btn.active{border-color:#b46a3c;box-shadow:0 0 0 3px rgba(180,106,60,.09);background:#fffaf5}.preview-actions{display:flex;gap:8px;flex-wrap:wrap}.preview-workbench{min-height:720px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 50% 5%,#fff 0,#f2ece5 54%,#e8dfd5 100%);padding:26px;overflow:auto;display:flex;align-items:flex-start;justify-content:center;gap:20px;margin-bottom:18px}.preview-workbench.compare{min-height:560px;justify-content:flex-start;align-items:flex-start}.device-preview{display:grid;gap:9px;flex:0 0 auto}.device-preview-head{width:var(--frame-w);display:flex;justify-content:space-between;gap:10px;align-items:center}.device-preview-head>div{display:grid;gap:2px}.device-preview-head strong{font-size:11px}.device-preview-head span{font-size:9px;color:var(--muted)}.device-group{padding:4px 7px;border-radius:99px;background:#eee3d9;text-transform:uppercase;letter-spacing:.07em;font-size:8px!important}.device-stage{position:relative}.device-bezel{position:absolute;left:0;top:0;transform-origin:top left;border:10px solid #171717;border-radius:30px;background:#111;box-shadow:0 18px 42px rgba(32,22,15,.18);overflow:hidden}.device-preview.tablet .device-bezel{border-radius:22px;border-width:9px}.device-preview.desktop .device-bezel{border-radius:12px;border-width:8px}.device-bezel iframe{width:100%;height:100%;border:0;background:#fff;display:block}.preview-lower-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:18px}.responsive-editor{overflow:hidden}.responsive-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.responsive-column{border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--surface);display:grid;gap:10px;align-content:start}.responsive-col-head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:9px}.responsive-col-head span{font-weight:850;font-size:13px}.responsive-col-head b{font-size:9px;color:var(--muted);font-weight:650}.responsive-column label{display:grid;gap:5px;font-size:10px;font-weight:750}.responsive-column select,.responsive-column input[type="range"]{width:100%}.responsive-column select{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px}.responsive-save{grid-column:1/-1}.preview-audit-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0}.preview-audit-stats span{padding:10px;border-radius:12px;background:var(--surface);border:1px solid var(--line);font-size:9px;color:var(--muted)}.preview-audit-stats b{display:block;color:var(--text);font-size:18px;margin-bottom:2px}.audit-list{display:grid;gap:8px}.audit-item{display:grid;grid-template-columns:10px 1fr;gap:9px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.audit-item i{width:8px;height:8px;border-radius:50%;margin-top:4px;background:#96908a}.audit-item.warning i{background:#d89a32}.audit-item.error i{background:#c34b43}.audit-item.info i{background:#6689b8}.audit-item.good i{background:#4f8a61}.audit-item strong{font-size:10.5px}.audit-item p{margin:3px 0 0;color:var(--muted);font-size:9px;line-height:1.4}
@media(max-width:1180px){.preview-lower-grid{grid-template-columns:1fr}.responsive-form{grid-template-columns:1fr 1fr}.responsive-save{grid-column:1/-1}.preview-workbench.compare{overflow-x:auto}}
@media(max-width:760px){.responsive-form{grid-template-columns:1fr}.preview-workbench{justify-content:flex-start;padding:16px;min-height:650px}.preview-actions{display:grid;grid-template-columns:1fr 1fr}.preview-device-buttons{margin-right:-8px}.preview-audit-stats{grid-template-columns:1fr}.preview-workbench.compare{display:grid;grid-auto-flow:column;justify-content:flex-start}}

/* v22 · Componentes de Marca + Acabado Editorial */
.component-kit-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px}
.component-kit-choice{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:10px;text-align:left;display:grid;gap:9px;min-width:0}
.component-kit-choice:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--line))}.component-kit-choice.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}
.component-kit-choice strong{font-size:13px}.component-kit-choice small{font-size:10.5px;line-height:1.35;color:var(--muted)}
.component-scene{height:90px;border:1px solid var(--line);border-radius:11px;background:#f7f2eb;position:relative;overflow:hidden;display:block}
.component-scene i,.component-scene b,.component-scene em,.component-scene u{position:absolute;display:block;text-decoration:none}
.component-scene i{left:11px;top:13px;width:42px;height:7px;background:#28211c;border-radius:4px}.component-scene b{left:11px;top:32px;width:56px;height:33px;border-radius:8px;background:#d7c0a8}.component-scene em{right:10px;top:34px;width:34px;height:15px;border-radius:10px;background:#ca5627}.component-scene u{left:11px;right:10px;bottom:10px;height:1px;background:#b9aca0}
.component-scene-editorial_ink{background:#faf8f1}.component-scene-editorial_ink i{border-radius:0;background:#161512}.component-scene-editorial_ink b{border:1px solid #25231f;background:transparent;border-radius:0}.component-scene-editorial_ink em{background:transparent;border-bottom:2px solid #25231f;border-radius:0}.component-scene-editorial_ink u{height:3px;border-top:1px solid #25231f;border-bottom:1px solid #25231f;background:none}
.component-scene-modern_precision{background:#f1f5ee}.component-scene-modern_precision b{background:#dce5d7;border-radius:4px}.component-scene-modern_precision em{background:#1f2d22;border-radius:999px}.component-scene-modern_precision u{background:transparent}
.component-scene-artisan_stamp{background:#f7e5d5}.component-scene-artisan_stamp b{border-radius:2px;box-shadow:5px 5px 0 #e1bda2}.component-scene-artisan_stamp em{background:transparent;border:1px dashed #9f492c;border-radius:2px}.component-scene-artisan_stamp u{background:linear-gradient(90deg,transparent,#9f492c,transparent)}
.component-scene-nocturne_luxe{background:#171513}.component-scene-nocturne_luxe i{background:#efe5d3}.component-scene-nocturne_luxe b{background:#24201d;border:1px solid #9d7f50;border-radius:2px}.component-scene-nocturne_luxe em{background:#b8955f}.component-scene-nocturne_luxe u{background:#665336}
.component-controls-head{margin-top:8px}
.design-live-preview.component-editorial_ink .mini-products span{border-radius:0;border:1px solid rgba(20,20,20,.18);box-shadow:none}.design-live-preview.component-modern_precision .mini-products span{border-radius:8px;box-shadow:none}.design-live-preview.component-artisan_stamp .mini-products span{border-radius:2px;box-shadow:4px 4px 0 rgba(190,90,50,.14)}.design-live-preview.component-nocturne_luxe .mini-products span{border-radius:2px;outline:1px solid rgba(190,160,100,.25)}
@media(max-width:1100px){.component-kit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.component-kit-grid{grid-template-columns:1fr 1fr}}

/* v23 · Tipografía y Jerarquía Editorial Profesional */
.typography-kit-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px}
.typography-kit-choice{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:10px;text-align:left;display:grid;gap:9px;min-width:0;transition:.18s ease}
.typography-kit-choice:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));transform:translateY(-1px)}.typography-kit-choice.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}
.typography-kit-choice strong{font-size:13px}.typography-kit-choice small{font-size:10.5px;line-height:1.35;color:var(--muted)}
.typography-scene{height:92px;border:1px solid var(--line);border-radius:11px;background:#faf7f1;padding:12px;display:grid;align-content:center;gap:7px;overflow:hidden}.typography-scene i,.typography-scene b,.typography-scene em,.typography-scene u{display:block;text-decoration:none;background:#26211c}.typography-scene i{height:4px;width:30%;opacity:.55}.typography-scene b{height:12px;width:78%}.typography-scene em{height:5px;width:96%;opacity:.45}.typography-scene u{height:5px;width:62%;opacity:.28}
.typography-scene-editorial_author{background:#f6f3eb;border-radius:2px}.typography-scene-editorial_author b{height:15px;width:90%;font-family:Georgia,serif}.typography-scene-editorial_author i{width:20%}.typography-scene-modern_clarity{background:#f1f5f1}.typography-scene-modern_clarity b{height:9px;width:68%;border-radius:2px}.typography-scene-modern_clarity em,.typography-scene-modern_clarity u{border-radius:2px}.typography-scene-compact_menu{padding:9px;gap:4px}.typography-scene-compact_menu b{height:8px;width:72%}.typography-scene-compact_menu em,.typography-scene-compact_menu u{height:4px}.typography-scene-luxury_display{background:#191714}.typography-scene-luxury_display i,.typography-scene-luxury_display b,.typography-scene-luxury_display em,.typography-scene-luxury_display u{background:#d6bc8e}.typography-scene-luxury_display b{height:16px;width:88%}
.typography-controls-head{margin-top:8px}.typography-control-note{padding:11px 12px;border-radius:12px;background:#f7f2eb;border:1px solid var(--line);font-size:10.5px;line-height:1.45;color:var(--muted)}
.design-live-preview.typography-editorial_author .mini-intro b{font-size:29px;line-height:.9}.design-live-preview.typography-modern_clarity .mini-intro b{font-size:23px}.design-live-preview.typography-compact_menu .mini-products{gap:3px}.design-live-preview.typography-compact_menu .mini-products span{height:46px}.design-live-preview.typography-luxury_display .mini-intro b{font-size:30px;letter-spacing:-.03em}
@media(max-width:1100px){.typography-kit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.typography-kit-grid{grid-template-columns:1fr 1fr}}

/* v24 · Accesibilidad + Robustez Visual Profesional */
.accessibility-kit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.accessibility-kit-choice{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:10px;text-align:left;display:grid;gap:9px;min-width:0;transition:.18s ease}
.accessibility-kit-choice:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));transform:translateY(-1px)}.accessibility-kit-choice.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}
.accessibility-kit-choice strong{font-size:13px}.accessibility-kit-choice small{font-size:10.5px;line-height:1.35;color:var(--muted)}
.accessibility-scene{height:92px;border:1px solid var(--line);border-radius:11px;background:#faf7f1;position:relative;overflow:hidden}.accessibility-scene i,.accessibility-scene b,.accessibility-scene em,.accessibility-scene u{position:absolute;display:block;text-decoration:none}.accessibility-scene i{left:12px;top:15px;width:62%;height:9px;border-radius:5px;background:#24211d}.accessibility-scene b{left:12px;top:37px;width:42%;height:30px;border:2px solid #c15c32;border-radius:8px}.accessibility-scene em{right:12px;top:37px;width:30px;height:30px;border-radius:50%;background:#c15c32}.accessibility-scene u{left:12px;right:12px;bottom:10px;height:4px;border-radius:4px;background:#b9aea2}
.accessibility-scene-enhanced_readability{background:#fffdf8}.accessibility-scene-enhanced_readability i{height:11px;width:70%;background:#15130f}.accessibility-scene-enhanced_readability b{width:48%;height:34px;border-width:3px}.accessibility-scene-enhanced_readability em{width:36px;height:36px;background:#25211d}.accessibility-scene-enhanced_readability u{background:#61574f;height:5px}
.accessibility-scene-maximum_clarity{background:#111;color:#fff;border-color:#111}.accessibility-scene-maximum_clarity i,.accessibility-scene-maximum_clarity u{background:#fff}.accessibility-scene-maximum_clarity b{border:3px solid #fff;background:#111}.accessibility-scene-maximum_clarity em{background:#fff;outline:3px solid #111;box-shadow:0 0 0 2px #fff}
.accessibility-controls-head{margin-top:8px}.accessibility-control-note{padding:11px 12px;border-radius:12px;background:#f3f7f2;border:1px solid #ccd9c9;font-size:10.5px;line-height:1.45;color:#556451}
.design-live-preview.accessibility-enhanced_readability .mini-products span{outline:2px solid rgba(30,25,20,.16)}.design-live-preview.accessibility-maximum_clarity{filter:contrast(1.12)}
.preview-audit-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.accessibility-kit-grid{grid-template-columns:1fr}.preview-audit-stats{grid-template-columns:1fr 1fr}}

/* v25 — Design Studio: draft → preview → publish → restore */
.design-version-studio{border:1px solid color-mix(in srgb,var(--brand,#cf4a1b) 24%,#ddd);background:linear-gradient(180deg,#fff 0%,#fffaf6 100%)}
.version-status{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.badge.draft{background:#fff0e6;color:#8d3a14;border-color:#f2c3a7}
.design-diff-groups{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.design-diff-groups span{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #e9e2dc;border-radius:999px;background:#fff}.design-diff-groups b{min-width:24px;text-align:center;color:var(--brand,#cf4a1b)}
.design-publish-actions{margin:14px 0 20px}.design-studio-split{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid #eee6df;padding-top:18px}.design-studio-split h3{margin:0 0 4px}
.design-recipe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.design-recipe{appearance:none;text-align:left;border:1px solid #e5ddd6;border-radius:14px;background:#fff;padding:12px;cursor:pointer;transition:transform .16s ease,border-color .16s ease}.design-recipe:hover{transform:translateY(-1px);border-color:var(--brand,#cf4a1b)}.design-recipe strong,.design-recipe small{display:block}.design-recipe small{color:#756c65;margin-top:4px;line-height:1.35}
.design-history{display:grid;gap:8px;margin-top:12px}.design-history article{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #e9e3de;border-radius:12px;padding:10px 12px;background:#fff}.design-history article.current{border-color:color-mix(in srgb,var(--brand,#cf4a1b) 35%,#ddd);background:#fffaf7}.design-history article>div{min-width:0}.design-history strong,.design-history small{display:block}.design-history small{color:#746b64;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px;margin-top:3px}
@media(max-width:900px){.design-studio-split{grid-template-columns:1fr}.design-recipe-grid{grid-template-columns:1fr}.design-history small{max-width:220px}}

/* v26 storytelling editor */
.story-admin-list{display:grid;gap:10px;margin-top:14px}.story-admin-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel,#fff)}.story-admin-card.disabled{opacity:.62}.story-admin-index{font-size:11px;letter-spacing:.14em;color:var(--muted)}.story-admin-card strong{display:block}.story-admin-card small{display:block;color:var(--muted);margin-top:3px}.story-admin-card p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.story-admin-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.story-product-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:7px;max-height:190px;overflow:auto;border:1px solid var(--line);padding:9px;border-radius:10px}.story-product-picker label{display:flex;gap:7px;align-items:center;font-size:12px}.story-product-picker input{width:auto}.story-editor-modal{width:min(920px,calc(100vw - 24px))}@media(max-width:760px){.story-admin-card{grid-template-columns:auto 1fr}.story-admin-actions{grid-column:1/-1;justify-content:flex-start}.story-product-picker{grid-template-columns:1fr}}

/* v27 — Premium Hero direction inside Design Studio */
.hero-direction{overflow:hidden}.hero-preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:12px;margin-top:16px}.hero-preset-choice{display:grid;gap:8px;text-align:left;border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:10px;cursor:pointer;color:inherit}.hero-preset-choice.active{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 18%,transparent)}.hero-preset-choice>strong{font-size:13px}.hero-preset-choice>small{font-size:11px;line-height:1.35;color:var(--muted)}.hero-preset-scene{position:relative;display:block;height:98px;overflow:hidden;border-radius:13px;background:#eee7dd;border:1px solid rgba(0,0,0,.05)}.hero-preset-scene i,.hero-preset-scene b,.hero-preset-scene em{position:absolute;display:block}.hero-preset-scene i{inset:0;background:linear-gradient(135deg,#60412f,#c48b64)}.hero-preset-scene b{left:12px;bottom:20px;width:58%;height:10px;border-radius:10px;background:#fff;box-shadow:0 16px 0 rgba(255,255,255,.7)}.hero-preset-scene em{left:12px;top:12px;width:32px;height:5px;border-radius:10px;background:rgba(255,255,255,.75)}.hero-scene-classic i{inset:10px 42% 10px 45%;border-radius:10px}.hero-scene-classic b{background:#2b2018;box-shadow:0 16px 0 rgba(43,32,24,.2)}.hero-scene-cinematic i{background:linear-gradient(160deg,#16100d 0,#78462d 55%,#d09a72 100%)}.hero-scene-editorial i{inset:10px 8px 10px 43%;border-radius:8px;background:linear-gradient(160deg,#ba8b6b,#e7c7a8)}.hero-scene-editorial b{left:10px;width:57%;background:#211c18;box-shadow:0 16px 0 rgba(33,28,24,.18)}.hero-scene-split i{inset:0 0 0 52%;background:linear-gradient(150deg,#7f4d30,#d8a678)}.hero-scene-split b{background:#211c18;box-shadow:0 16px 0 rgba(33,28,24,.2)}.hero-scene-product_spotlight i{background:radial-gradient(circle at 70% 45%,#c67f4c 0 18%,#37251c 43%,#16110e 100%)}.hero-scene-typographic i,.hero-scene-brand_statement i{background:#f2ece4}.hero-scene-typographic b{left:11%;bottom:41%;width:78%;height:14px;background:#1e1915;box-shadow:0 20px 0 #1e1915}.hero-scene-brand_statement b{left:18%;bottom:43%;width:64%;height:11px;background:#1e1915;box-shadow:0 18px 0 rgba(30,25,21,.45)}.hero-video-field input[type=file]{background:var(--bg);padding:8px}.design-live-preview.hero-cinematic .mini-intro{background:linear-gradient(150deg,#1c1511,#7a4931);color:white}.design-live-preview.hero-editorial .mini-intro{border-left:5px solid currentColor}.design-live-preview.hero-split .mini-intro{background:linear-gradient(90deg,var(--surface) 0 52%,#b6815d 52%)}.design-live-preview.hero-product_spotlight .mini-intro{background:#211713;color:white}.design-live-preview.hero-typographic .mini-intro,.design-live-preview.hero-brand_statement .mini-intro{text-align:center;padding-block:22px}


/* v28 — Navigation presets inside Design Studio */
.navigation-preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.navigation-preset-choice{border:1px solid var(--line);background:var(--paper);border-radius:18px;padding:12px;text-align:left;color:var(--ink);display:grid;gap:7px}.navigation-preset-choice.active{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 14%,transparent)}.navigation-preset-choice strong{font-size:.9rem}.navigation-preset-choice small{color:var(--muted);line-height:1.35}.navigation-scene{height:72px;border-radius:13px;background:var(--soft);display:grid;gap:5px;padding:10px;overflow:hidden}.navigation-scene i,.navigation-scene b,.navigation-scene em,.navigation-scene u{display:block;background:currentColor;opacity:.18;border-radius:999px;text-decoration:none}.navigation-scene i{width:34%;height:6px}.navigation-scene b{width:92%;height:15px}.navigation-scene em{width:72%;height:10px}.navigation-scene u{width:48%;height:8px}.navigation-scene-visual_portals{grid-template-columns:1fr 1fr}.navigation-scene-visual_portals i,.navigation-scene-visual_portals b{width:auto;height:48px;border-radius:9px}.navigation-scene-editorial_index b{height:2px;width:100%}.navigation-scene-minimal_line{display:flex;align-items:flex-end}.navigation-scene-minimal_line>*{height:3px!important;width:22%!important}.navigation-scene-market_tabs{display:flex;align-items:center}.navigation-scene-market_tabs>*{height:22px!important;width:24%!important}.navigation-direction .badge{white-space:nowrap}

/* v29 — Product Storytelling editor */
.product-story-direction .product-detail-toolbar{display:flex;gap:14px;flex-wrap:wrap;margin:18px 0}.product-detail-toolbar label{min-width:240px;display:grid;gap:6px;font-weight:700}.product-story-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.product-story-admin-card{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.product-story-admin-card.configured{box-shadow:inset 3px 0 0 var(--accent)}.product-story-admin-card img{width:64px;height:64px;object-fit:cover;border-radius:12px}.product-story-admin-card div{min-width:0;display:grid;gap:3px}.product-story-admin-card strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-story-admin-card small{color:var(--muted)}.product-story-editor-head{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;margin:12px 0 20px}.product-story-editor-head img{width:150px;height:110px;object-fit:cover;border-radius:16px}.product-story-editor-head div{display:grid;gap:5px}.product-story-editor-head span{font-weight:800}.product-story-editor-head small{color:var(--muted);line-height:1.5}.product-story-gallery-admin{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.story-gallery-thumb{width:118px;display:grid!important;gap:5px!important;font-size:.75rem!important}.story-gallery-thumb img{width:118px;height:88px;object-fit:cover;border-radius:10px}.story-products-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin-top:10px}.story-products-picker label{display:flex;align-items:center;gap:8px;font-weight:500}
@media(max-width:700px){.product-story-admin-card{grid-template-columns:56px 1fr}.product-story-admin-card button{grid-column:1/-1}.product-story-editor-head{grid-template-columns:1fr}.product-story-editor-head img{width:100%;height:180px}}

/* v30 — Category chapter studio */
.category-chapters-direction .inline-control{display:flex;align-items:center;gap:8px;font-size:.8rem}.category-chapters-direction .inline-control select{min-width:110px}
.category-chapter-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:18px}.category-chapter-admin-card{display:grid;grid-template-columns:78px 1fr auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}.category-chapter-admin-card.configured{border-color:color-mix(in srgb,var(--brand) 38%,var(--line));box-shadow:0 8px 28px rgba(32,24,18,.05)}.category-chapter-admin-card>img{width:78px;height:72px;object-fit:cover;border-radius:13px;background:var(--paper2)}.category-chapter-admin-card strong,.category-chapter-admin-card small{display:block}.category-chapter-admin-card small{margin-top:5px;color:var(--muted);font-size:.75rem}.chapter-card-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.category-chapter-editor-head{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;margin:4px 0 22px;padding:14px;border-radius:18px;background:var(--paper2)}.category-chapter-editor-head img{width:150px;height:105px;object-fit:cover;border-radius:14px}.category-chapter-editor-head strong,.category-chapter-editor-head span,.category-chapter-editor-head small{display:block}.category-chapter-editor-head strong{font-size:1.15rem}.category-chapter-editor-head span{margin:5px 0;color:var(--brand);font-weight:800}.category-chapter-editor-head small{color:var(--muted);line-height:1.45}.category-chapter-image-field{padding:14px;border:1px dashed var(--line);border-radius:16px}.chapter-current-image{display:flex;align-items:center;gap:14px;margin:10px 0}.chapter-current-image img{width:130px;height:82px;object-fit:cover;border-radius:12px}.chapter-current-image label{margin:0}.category-chapter-image-field input[type=file]{margin-top:10px}
@media(max-width:760px){.category-chapter-admin-card{grid-template-columns:64px 1fr}.category-chapter-admin-card>img{width:64px;height:64px}.chapter-card-actions{grid-column:1/-1;justify-content:flex-start}.category-chapter-editor-head{grid-template-columns:90px 1fr}.category-chapter-editor-head img{width:90px;height:78px}}

/* v31 — Gastronomic Collections editor */
.collections-direction .panel-head{align-items:flex-start}.collection-admin-list{display:grid;gap:9px;margin-top:16px}.collection-admin-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:13px;align-items:center;padding:13px 14px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.collection-admin-card.disabled{opacity:.58}.collection-admin-index{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--brand) 9%,var(--panel));color:var(--brand);font-size:.72rem;font-weight:850}.collection-admin-card strong{display:block}.collection-admin-card small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.collection-admin-card p{margin:4px 0 0;color:var(--muted);font-size:12px}.collections-direction .story-admin-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
#collectionModal .story-products-picker{max-height:255px;overflow:auto;padding:4px;border:1px solid var(--line);border-radius:14px}#collectionModal .chapter-current-image{display:block;width:100%;max-height:240px;object-fit:cover;border-radius:14px;margin:8px 0}
@media(max-width:760px){.collection-admin-card{grid-template-columns:36px minmax(0,1fr)}.collection-admin-card .story-admin-actions{grid-column:1/-1;justify-content:flex-start}.collection-admin-index{width:34px;height:34px}}

/* v32 — Guided Experiences Studio */
.guided-experiences-direction .panel-head{align-items:flex-start}.experience-admin-list{display:grid;gap:9px;margin-top:16px}.experience-admin-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:13px;align-items:center;padding:13px 14px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.experience-admin-card.disabled{opacity:.58}.experience-admin-index{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--brand) 9%,var(--panel));color:var(--brand);font-size:.72rem;font-weight:850}.experience-admin-card strong{display:block}.experience-admin-card small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.experience-admin-card p{margin:4px 0 0;color:var(--muted);font-size:12px}.experience-admin-card .story-admin-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.experience-modal{max-width:1040px}.experience-image-field{padding:14px;border:1px dashed var(--line);border-radius:16px}.experience-current-image{display:block;width:100%;max-height:260px;object-fit:cover;border-radius:14px;margin:8px 0}.experience-steps-head{display:flex!important;align-items:center;justify-content:space-between;gap:14px;padding-top:10px;border-top:1px solid var(--line)}.experience-steps-head>div{display:grid;gap:4px}.experience-steps{display:grid;gap:14px}.experience-step-editor{margin:0;padding:14px;border:1px solid var(--line);border-radius:17px;background:var(--paper)}.experience-step-editor legend{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 4px;font-size:.82rem;font-weight:850}.experience-step-editor legend>div{display:flex;gap:5px}.experience-step-editor .form-grid{margin-top:8px}.experience-product-picker{max-height:220px;overflow:auto;padding:6px;border:1px solid var(--line);border-radius:13px}.experience-product-picker label{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;gap:7px!important;align-items:center}.experience-product-picker label small{font-size:10px;color:var(--muted);font-weight:500}.experience-modal input[type=range]{width:100%}
@media(max-width:760px){.experience-admin-card{grid-template-columns:36px minmax(0,1fr)}.experience-admin-card .story-admin-actions{grid-column:1/-1;justify-content:flex-start}.experience-admin-index{width:34px;height:34px}.experience-steps-head{align-items:flex-start;flex-direction:column}.experience-step-editor legend{align-items:flex-start;flex-direction:column}.experience-product-picker label{grid-template-columns:auto minmax(0,1fr)}.experience-product-picker label small{grid-column:2}}

/* v33 — Antojo Guiado Studio */
.intent-guide-direction .intent-guide-header-form{margin:18px 0;padding:18px;border:1px solid var(--line);background:var(--panel-soft)}
.intent-option-admin-list{display:grid;gap:10px}.intent-option-admin-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.intent-option-admin-card.disabled{opacity:.58}.intent-option-index{font-size:12px;letter-spacing:.12em;color:var(--muted)}.intent-option-admin-card strong,.intent-option-admin-card small{display:block}.intent-option-admin-card small{margin-top:3px;color:var(--muted)}.intent-option-admin-card p{margin:6px 0 0;color:var(--muted);font-size:12px}.intent-products-picker{max-height:260px;overflow:auto}
@media(max-width:760px){.intent-option-admin-card{grid-template-columns:34px 1fr}.intent-option-admin-card .story-admin-actions{grid-column:1/-1;justify-content:flex-end}}

/* v34 — Service Moments Studio */
.service-moments-direction .panel-head{align-items:flex-start}.service-moment-admin-list{display:grid;gap:10px;margin-top:18px}.service-moment-admin-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.service-moment-admin-card.disabled{opacity:.58}.service-moment-index{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--brand) 9%,var(--panel));color:var(--brand);font-size:11px;font-weight:850;letter-spacing:.08em}.service-moment-admin-card strong,.service-moment-admin-card small{display:block}.service-moment-admin-card small{margin-top:3px;color:var(--muted);font-size:11px}.service-moment-admin-card p{margin:5px 0 0;color:var(--muted);font-size:12px}.service-moment-admin-card .story-admin-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.service-moment-modal{max-width:980px}.service-moment-days{padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--paper)}.service-moment-days>strong{display:block;margin-bottom:9px}.service-moment-days>div{display:flex;gap:8px;flex-wrap:wrap}.service-moment-days label{display:flex!important;align-items:center;gap:6px!important;padding:7px 9px;border:1px solid var(--line);border-radius:999px;background:var(--panel);font-weight:650!important}.service-moment-products{max-height:260px;overflow:auto;padding:6px;border:1px solid var(--line);border-radius:14px}.service-moment-products label{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;gap:8px!important;align-items:center}.service-moment-products label small{color:var(--muted);font-size:10px;font-weight:600}
@media(max-width:760px){.service-moment-admin-card{grid-template-columns:34px minmax(0,1fr)}.service-moment-admin-card .story-admin-actions{grid-column:1/-1;justify-content:flex-start}.service-moment-index{width:34px;height:34px}.service-moment-products label{grid-template-columns:auto minmax(0,1fr)}.service-moment-products label small{grid-column:2}}

/* v35 — Multilingual Translation Studio */
.multilingual-direction .panel-head{align-items:flex-start}.multilingual-config{margin:18px 0;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel-soft)}.language-checks{padding:12px 0}.language-checks>strong{display:block;margin-bottom:9px}.language-checks>div{display:flex;flex-wrap:wrap;gap:8px}.language-checks label{display:flex!important;align-items:center;gap:7px!important;padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:var(--panel);font-weight:650!important}.language-checks input{width:auto!important;margin:0}.language-pack-list{display:grid;gap:10px;margin-top:14px}.language-pack-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:13px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.language-pack-card>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--brand) 9%,var(--panel));color:var(--brand);font-size:11px;font-weight:900;letter-spacing:.08em}.language-pack-card strong,.language-pack-card small{display:block}.language-pack-card small{margin-top:3px;color:var(--muted);font-size:11px}.language-pack-card p{margin:5px 0 0;color:var(--muted);font-size:12px}
.translation-pack-modal{width:min(1120px,calc(100vw - 34px));max-width:1120px;max-height:92vh;overflow:auto;padding-bottom:84px}.translation-global{padding:16px;border:1px solid var(--line);border-radius:17px;background:var(--panel-soft);margin:14px 0}.translation-global h3{margin:0 0 13px}.translation-group{margin:10px 0;border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden}.translation-group>summary{cursor:pointer;list-style:none;padding:14px 16px;font-weight:850;display:flex;align-items:center;justify-content:space-between}.translation-group>summary::-webkit-details-marker{display:none}.translation-group>summary:after{content:'+';color:var(--muted);font-size:18px}.translation-group[open]>summary:after{content:'−'}.translation-group>div{display:grid;gap:10px;padding:0 12px 12px}.translation-entity{border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--paper)}.translation-entity-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px solid var(--line)}.translation-entity-head strong{font-size:.88rem}.translation-entity-head small{color:var(--muted);font-size:10px}.translation-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.translation-fields label{min-width:0}.translation-fields textarea{resize:vertical;min-height:64px}.translation-savebar{position:sticky;bottom:-84px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px -24px -84px;padding:13px 24px;background:color-mix(in srgb,var(--panel) 94%,transparent);border-top:1px solid var(--line);backdrop-filter:blur(14px)}.translation-savebar>div{display:grid;gap:2px}.translation-savebar small{color:var(--muted)}
.language-analytics-list{display:grid;gap:8px}.language-analytics-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.language-analytics-row:last-child{border-bottom:0}.language-analytics-row small{color:var(--muted)}
@media(max-width:760px){.language-pack-card{grid-template-columns:36px minmax(0,1fr)}.language-pack-card>button{grid-column:1/-1}.translation-fields{grid-template-columns:1fr}.translation-savebar{align-items:stretch;flex-direction:column;margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.translation-savebar .btn{width:100%}.language-checks>div{display:grid;grid-template-columns:1fr 1fr}.language-checks label{border-radius:12px}.translation-pack-modal{width:calc(100vw - 18px)}}

/* v36 — Dietary Preferences Studio */
.dietary-direction .panel-head{align-items:flex-start}.dietary-navigator-header-form{margin:18px 0;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel-soft)}
.dietary-option-admin-list{display:grid;gap:10px}.dietary-option-admin-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.dietary-option-admin-card.disabled{opacity:.58}.dietary-option-index{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--brand) 9%,var(--panel));color:var(--brand);font-size:11px;font-weight:850;letter-spacing:.09em}.dietary-option-admin-card strong,.dietary-option-admin-card small{display:block}.dietary-option-admin-card small{margin-top:3px;color:var(--muted);font-size:11px}.dietary-option-admin-card p{margin:5px 0 0;color:var(--muted);font-size:12px}.dietary-option-admin-card .story-admin-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.dietary-option-modal{max-width:900px}.dietary-safety-admin{padding:13px!important;border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--panel-soft) 90%,var(--brand) 10%)}.dietary-safety-admin>strong{display:block;margin-bottom:5px}.dietary-safety-admin p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.dietary-safety-admin small{margin-top:6px;color:var(--muted);line-height:1.45}.dietary-analytics-list{display:grid;gap:8px}
@media(max-width:760px){.dietary-option-admin-card{grid-template-columns:34px minmax(0,1fr)}.dietary-option-admin-card .story-admin-actions{grid-column:1/-1;justify-content:flex-start}.dietary-option-index{width:34px;height:34px}.dietary-navigator-header-form{padding:14px}}

/* v37 — Professional Quality Center */
.quality-center{scroll-margin-top:92px}.quality-center .panel-head{align-items:flex-start}.quality-score{min-width:118px;padding:12px 16px;border:1px solid var(--line);border-radius:18px;background:var(--panel, #fff);display:grid;grid-template-columns:auto auto;align-items:end;justify-content:center;column-gap:3px}.quality-score strong{font:500 34px var(--serif);line-height:1}.quality-score>span{color:var(--muted);font-size:12px;margin-bottom:3px}.quality-score small{grid-column:1/-1;text-align:center;margin-top:5px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.quality-score.ready{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--green) 22%,transparent)}.quality-score.review{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--amber) 20%,transparent)}
.quality-summary-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0 16px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.quality-summary-row .toolbar{margin-left:auto}.badge.success{background:color-mix(in srgb,var(--green) 14%,#fff);color:var(--green)}.quality-dimensions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.quality-dimension{padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--panel,#fff);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}.quality-dimension strong,.quality-dimension span{display:block}.quality-dimension strong{font-size:12px}.quality-dimension span{color:var(--muted);font-size:10px;margin-top:3px}.quality-dimension>b{font-size:18px}.quality-bar{grid-column:1/-1;height:6px;background:var(--bg);border-radius:99px;overflow:hidden}.quality-bar i{display:block;height:100%;background:var(--brand);border-radius:inherit}.quality-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;margin-top:18px}.quality-grid h3{margin:0 0 10px}.quality-actions,.quality-checklist{display:grid;gap:8px}.quality-finding{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:var(--panel,#fff)}.quality-finding>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--bg);font-size:10px;font-weight:900}.quality-finding strong,.quality-finding small,.quality-finding em{display:block}.quality-finding small{color:var(--muted);font-size:11px;line-height:1.45;margin-top:2px}.quality-finding em{font-size:9px;color:var(--muted);font-style:normal;text-transform:uppercase;letter-spacing:.06em;margin-top:4px}.quality-finding.error{border-left:4px solid var(--red)}.quality-finding.warning{border-left:4px solid var(--amber)}.quality-finding.info{border-left:4px solid var(--brand)}.quality-checklist>div{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px}.quality-checklist>div>span{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;font-weight:900}.quality-checklist .ok>span{background:color-mix(in srgb,var(--green) 14%,#fff);color:var(--green)}.quality-checklist .pending>span{background:color-mix(in srgb,var(--amber) 14%,#fff);color:var(--amber)}.quality-checklist small{color:var(--muted)}.quality-empty{padding:18px;border:1px dashed var(--line);border-radius:13px;display:grid;gap:4px}.quality-empty span{font-size:11px;color:var(--muted)}.quality-all-findings{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}.quality-all-findings summary{cursor:pointer;font-weight:800}.quality-all-findings>div{display:grid;gap:8px;margin-top:10px}.quality-methodology{margin:14px 0 0;color:var(--muted);font-size:10px;line-height:1.5}
@media(max-width:1100px){.quality-dimensions{grid-template-columns:repeat(2,minmax(0,1fr))}.quality-grid{grid-template-columns:1fr}}@media(max-width:760px){.quality-center .panel-head{display:grid;grid-template-columns:1fr}.quality-score{justify-self:start}.quality-dimensions{grid-template-columns:1fr}.quality-finding{grid-template-columns:30px minmax(0,1fr)}.quality-finding .btn{grid-column:1/-1}.quality-summary-row .toolbar{margin-left:0;width:100%}.quality-summary-row .toolbar .btn{flex:1}}

/* v38 — Visual Editor Foundation */
.visual-editor-shell{padding:0;overflow:hidden;border:1px solid #d9d3cc;background:#f7f5f2;box-shadow:0 18px 55px rgba(41,34,28,.08)}
.visual-editor-titlebar{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:22px 24px 18px;background:#fff;border-bottom:1px solid #e7e1db}.visual-editor-titlebar h2{margin:4px 0 6px;font-size:23px}.visual-editor-titlebar p{max-width:820px;margin:0}.visual-editor-state{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;min-width:220px;padding:10px 12px;border:1px solid #e3ddd7;border-radius:12px;background:#faf9f7}.visual-editor-state .editor-live-dot{width:9px;height:9px;border-radius:50%;background:#37a36a;box-shadow:0 0 0 4px rgba(55,163,106,.12)}.visual-editor-state strong{font-size:12px}.visual-editor-state small{grid-column:2;color:#7e756d;font-size:10px;margin-top:2px}.visual-editor-shell.is-dirty .editor-live-dot{background:#d69136;box-shadow:0 0 0 4px rgba(214,145,54,.14)}
.visual-editor-main{display:grid;grid-template-columns:190px minmax(0,1fr) 280px;min-height:720px;background:#eeece8}.visual-editor-layers,.visual-editor-inspector{background:#fff;min-width:0}.visual-editor-layers{border-right:1px solid #ddd8d2;padding:13px 10px;display:flex;flex-direction:column;gap:4px}.visual-editor-inspector{border-left:1px solid #ddd8d2;padding:14px 13px;overflow:auto;max-height:820px}.editor-pane-title{display:flex;justify-content:space-between;align-items:baseline;padding:6px 8px 10px;border-bottom:1px solid #eee9e4;margin-bottom:7px}.editor-pane-title strong{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.editor-pane-title small{font-size:10px;color:#8d837b}.editor-layer{appearance:none;border:0;background:transparent;border-radius:9px;padding:8px 9px;display:grid;grid-template-columns:10px 1fr;grid-template-rows:auto auto;column-gap:8px;text-align:left;cursor:pointer;color:#332e2a}.editor-layer>span{grid-row:1/3;width:8px;height:8px;border:1.5px solid #aaa099;border-radius:2px;margin-top:3px}.editor-layer b{font-size:12px;font-weight:680}.editor-layer small{font-size:9.5px;color:#968c84;margin-top:1px}.editor-layer:hover{background:#f5f2ee}.editor-layer.active{background:#f2ebe4;color:#241f1b}.editor-layer.active>span{background:var(--brand,#cf4a1b);border-color:var(--brand,#cf4a1b);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand,#cf4a1b) 14%,transparent)}.editor-advanced-link{appearance:none;border:0;border-top:1px solid #eee7e1;background:transparent;padding:12px 8px;margin-top:7px;text-align:left;font-size:10px;color:#6c625b;cursor:pointer}.editor-advanced-link:hover{color:var(--brand,#cf4a1b)}
.visual-editor-canvas{min-width:0;display:flex;flex-direction:column;background:#e8e6e2}.visual-editor-toolbar{height:50px;padding:8px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #d6d1cb;background:#f8f7f5;position:relative;z-index:2}.editor-device-switch{display:flex;padding:3px;background:#e9e6e2;border-radius:9px}.editor-device-switch button{appearance:none;border:0;background:transparent;padding:6px 9px;border-radius:7px;font-size:10px;cursor:pointer}.editor-device-switch button.active{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.10);font-weight:700}.editor-zoom{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:10px;color:#625b55}.editor-zoom input{width:92px;accent-color:var(--brand,#cf4a1b)}.editor-zoom b{min-width:34px;font-size:10px;color:#302b27}.visual-canvas-board{flex:1;min-height:610px;overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:30px 34px 60px;background-color:#dedbd6;background-image:linear-gradient(45deg,rgba(255,255,255,.25) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.25) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.25) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.25) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.visual-canvas-device{width:390px;height:844px;flex:0 0 auto;background:#fff;border-radius:28px;padding:9px;box-shadow:0 18px 50px rgba(37,31,27,.22),0 0 0 1px rgba(30,25,21,.10);transform:scale(var(--editor-zoom,.82));transform-origin:top center;transition:width .24s ease,height .24s ease,border-radius .24s ease,transform .12s ease}.visual-canvas-device iframe{display:block;width:100%;height:100%;border:0;border-radius:21px;background:#fff}.visual-editor-main[data-device="tablet"] .visual-canvas-device{width:820px;height:1080px;border-radius:22px}.visual-editor-main[data-device="tablet"] .visual-canvas-device iframe{border-radius:16px}.visual-editor-main[data-device="desktop"] .visual-canvas-device{width:1280px;height:800px;border-radius:12px;padding:7px}.visual-editor-main[data-device="desktop"] .visual-canvas-device iframe{border-radius:7px}.visual-editor-hint{display:flex;align-items:center;gap:7px;padding:8px 12px;border-top:1px solid #d5d0ca;background:#f7f5f2;color:#726961;font-size:10px;line-height:1.35}.visual-editor-hint span{color:#3a9f67;font-size:8px}
.editor-selection-card{padding:11px 12px;border:1px solid #e4ddd7;border-radius:11px;background:#faf8f5;margin:8px 0 12px}.editor-selection-card span,.editor-selection-card strong,.editor-selection-card small{display:block}.editor-selection-card span{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#9a8f86}.editor-selection-card strong{font-size:14px;margin-top:3px}.editor-selection-card small{font-size:10px;line-height:1.4;color:#756c65;margin-top:4px}.editor-inspector-group{border-top:1px solid #eee8e3;padding-top:12px;margin-top:12px}.editor-inspector-group h3{font-size:11px;text-transform:uppercase;letter-spacing:.07em;margin:0 0 9px;color:#5e554e}.editor-inspector-group label{display:grid;gap:5px;font-size:10px;color:#6e655e;margin:0 0 9px}.editor-inspector-group input:not([type=color]),.editor-inspector-group select,.editor-inspector-group textarea{width:100%;border:1px solid #ded7d1;background:#fff;border-radius:8px;padding:8px 9px;font:inherit;font-size:11px;color:#2f2a26}.editor-inspector-group textarea{resize:vertical;min-height:72px}.editor-inline-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.editor-color-field>div{display:flex;align-items:center;gap:7px;border:1px solid #dfd8d2;border-radius:8px;padding:5px 6px;background:#fff}.editor-color-field input[type=color]{width:29px;height:27px;padding:0;border:0;background:transparent;cursor:pointer}.editor-color-field code{font:600 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#5d554f;flex:1}.editor-color-field button{appearance:none;border:0;background:#f2efec;border-radius:6px;width:26px;height:26px;cursor:pointer;color:#746a62}.editor-inspector-actions{display:grid;gap:7px;border-top:1px solid #eee8e3;margin-top:14px;padding-top:14px}.editor-inspector-actions .btn{width:100%;justify-content:center}.editor-inspector-actions small{font-size:9px;line-height:1.4;color:#8a8179;text-align:center}
@media(max-width:1320px){.visual-editor-main{grid-template-columns:165px minmax(0,1fr) 250px}.visual-editor-inspector{max-height:760px}.visual-canvas-board{padding-inline:22px}}
@media(max-width:1050px){.visual-editor-main{grid-template-columns:150px minmax(0,1fr)}.visual-editor-inspector{grid-column:1/-1;border-left:0;border-top:1px solid #ddd8d2;max-height:none;display:grid;grid-template-columns:220px repeat(3,minmax(0,1fr));gap:12px}.visual-editor-inspector>.editor-pane-title{display:none}.editor-inspector-group,.editor-selection-card,.editor-inspector-actions{margin:0;border-top:0}.visual-canvas-board{min-height:550px}}
@media(max-width:760px){.visual-editor-titlebar{display:block}.visual-editor-state{margin-top:12px}.visual-editor-main{display:block}.visual-editor-layers{display:flex;flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid #ddd8d2;padding:8px}.editor-pane-title,.editor-advanced-link{display:none}.editor-layer{min-width:112px}.visual-editor-inspector{display:block;border-top:1px solid #ddd8d2}.visual-editor-toolbar{overflow:auto}.editor-zoom{display:none}.visual-canvas-board{justify-content:flex-start;padding:20px;min-height:520px}}


/* v39 — Contextual Inspector */
.editor-contextual-group{border-top:0;margin-top:0;padding-top:2px}.editor-entity-picker{padding:9px 10px;margin:0 0 11px!important;border:1px solid #e3ddd7;border-radius:9px;background:#f8f6f3}.editor-context-empty{padding:13px;border:1px dashed #d9d1ca;border-radius:9px;background:#faf9f7;color:#81776f;font-size:10px;line-height:1.5}.editor-context-entity-title{display:grid;gap:2px;padding:8px 0 10px}.editor-context-entity-title strong{font-size:13px}.editor-context-entity-title small{font-size:9px;color:#8c8178}.editor-context-subhead{margin:13px 0 8px;padding-top:11px;border-top:1px dashed #ddd5ce;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:#837970}.editor-context-range>span{display:flex;justify-content:space-between;align-items:center}.editor-context-range>span b{font-size:9px;color:#514a44}.editor-context-range input[type=range]{width:100%;accent-color:var(--brand,#cf4a1b)}.editor-context-color code{font-size:8.5px}.editor-product-readonly{display:grid;grid-template-columns:58px 1fr;gap:10px;padding:9px;border:1px solid #e4ddd6;border-radius:10px;background:#faf8f5;margin-bottom:8px}.editor-product-readonly img{width:58px;height:58px;object-fit:cover;border-radius:8px}.editor-product-readonly div{display:grid;align-content:center;gap:2px;min-width:0}.editor-product-readonly strong{font-size:11px}.editor-product-readonly span{font-size:10px;color:#5f554d}.editor-product-readonly small{font-size:8.5px;line-height:1.35;color:#8c8279}.editor-preview-product{width:100%;justify-content:center;margin-bottom:10px}.editor-global-quick{margin-top:13px;border-top:1px solid #eee8e3}.editor-global-quick summary{cursor:pointer;padding:11px 0 4px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#756c64}.editor-global-quick[open] summary{color:#3d3732}.editor-context-quality{display:grid;gap:8px;padding:9px;border:1px solid #e3ddd6;border-radius:10px;background:#faf8f5}.editor-context-quality strong{font-size:12px}.editor-context-quality span{font-size:9px;line-height:1.45;color:#776e66}.editor-context-quality .btn{justify-content:center}.visual-editor-inspector [data-editor-context-panel]{min-height:120px}
@media(max-width:1050px){.visual-editor-inspector [data-editor-context-panel]{grid-column:2/4}.editor-global-quick{grid-column:4}.editor-inspector-actions{grid-column:4}}
@media(max-width:760px){.visual-editor-inspector [data-editor-context-panel],.editor-global-quick,.editor-inspector-actions{grid-column:auto}}

/* v40 · historial de edición visual */
.editor-history-tools{display:flex;align-items:center;gap:4px;padding-right:9px;border-right:1px solid #ded9d3}.editor-history-tools button{appearance:none;border:1px solid #ddd7d1;background:#fff;border-radius:7px;padding:5px 7px;font-size:9.5px;color:#403a35;cursor:pointer}.editor-history-tools button:hover:not(:disabled){border-color:#bfb5ac;background:#f5f1ed}.editor-history-tools button:disabled{opacity:.38;cursor:not-allowed}.editor-history-tools button span{font-size:9px}.editor-history-tools small{font-size:8.5px;color:#877d75;max-width:105px;line-height:1.15;margin-left:3px}.visual-editor-v40 .visual-editor-toolbar{min-height:52px;height:auto}.visual-editor-v40 .visual-editor-hint strong{color:#413a34}.visual-editor-v40.is-dirty .editor-history-tools small{color:#9b6a31}@media(max-width:900px){.editor-history-tools button span,.editor-history-tools small{display:none}}

/* v41 · capas reordenables, guías y ritmo visual */
.visual-editor-v43 .visual-editor-toolbar{min-height:54px;height:auto}.visual-editor-v43 .visual-editor-layers{padding-bottom:10px}.visual-editor-v43 [data-editor-layer-tree]{display:grid;gap:3px}.editor-layer-group{min-width:0}.editor-layer-group>.editor-layer{width:100%}.editor-layer-children{display:grid;gap:2px;margin:2px 0 6px 18px;padding-left:7px;border-left:1px solid #e8e1da}.editor-layer-item{position:relative;display:grid;grid-template-columns:15px minmax(0,1fr) auto;align-items:center;gap:4px;min-height:30px;border:1px solid transparent;border-radius:7px;padding:2px 3px 2px 2px;background:#fff;transition:.12s}.editor-layer-item:hover{border-color:#e4ddd7;background:#faf8f5}.editor-layer-item.active{border-color:#cbdcf8;background:#f4f8ff}.editor-layer-drag{display:grid;place-items:center;color:#aaa098;font-size:13px;cursor:grab;user-select:none}.editor-layer-item.is-dragging{opacity:.42}.editor-layer-item.drop-before::before,.editor-layer-item.drop-after::after{content:'';position:absolute;left:0;right:0;height:2px;background:#3b82f6;border-radius:99px}.editor-layer-item.drop-before::before{top:-3px}.editor-layer-item.drop-after::after{bottom:-3px}.editor-layer-entity{min-width:0;border:0;background:transparent;padding:5px 2px;text-align:left;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;color:#4b433d}.editor-layer-order-actions{display:flex;gap:1px}.editor-layer-order-actions button{appearance:none;border:0;background:transparent;border-radius:4px;width:20px;height:22px;padding:0;color:#847a72;font-size:10px;cursor:pointer}.editor-layer-order-actions button:hover:not(:disabled){background:#eee8e2;color:#302a26}.editor-layer-order-actions button:disabled{opacity:.25;cursor:default}.editor-snap-note{display:grid;grid-template-columns:18px 1fr;gap:6px;align-items:start;margin:8px 5px 0;padding:8px;border:1px solid #e5ded8;border-radius:8px;background:#faf8f5}.editor-snap-note>span{color:#3b82f6;font-size:10px}.editor-snap-note strong,.editor-snap-note small{display:block}.editor-snap-note strong{font-size:9px}.editor-snap-note small{font-size:8px;line-height:1.35;color:#8a8078;margin-top:2px}.editor-guides-toggle{appearance:none;border:1px solid #ddd7d1;background:#fff;border-radius:7px;padding:6px 8px;font-size:9.5px;color:#4a433d;cursor:pointer;white-space:nowrap}.editor-guides-toggle.active{border-color:#9dbaf0;background:#eef5ff;color:#245eb8}.visual-canvas-device{position:relative}.editor-guide-overlay{display:none;position:absolute;inset:0;z-index:8;pointer-events:none;overflow:hidden;border-radius:inherit}.visual-canvas-device.show-guides .editor-guide-overlay{display:block}.editor-guide-overlay .guide-safe{position:absolute;inset:5%;border:1px dashed rgba(37,99,235,.35);border-radius:10px}.editor-guide-overlay .guide-v{position:absolute;left:50%;top:0;bottom:0;border-left:1px dashed rgba(37,99,235,.25)}.editor-guide-overlay .guide-h{position:absolute;top:50%;left:0;right:0;border-top:1px dashed rgba(37,99,235,.16)}.editor-layout-rhythm{border-top:1px solid #eee8e3;margin-top:12px;padding-top:8px}.editor-layout-rhythm>summary{cursor:pointer;font-size:10px;font-weight:700;color:#514941;padding:5px 1px}.editor-layout-rhythm .editor-inspector-group{margin-top:3px;border-top:0;padding-top:5px}.editor-rhythm-help{display:block;color:#8b8178;font-size:8.5px;line-height:1.45;margin-top:2px}.editor-context-range b{justify-self:end;font-size:9px;color:#6f655d}.editor-context-range input[type=range]{padding:0;border:0;background:transparent}.visual-editor-v43 .visual-editor-hint strong{color:#2d5fa8}@media(max-width:760px){.editor-layer-children,.editor-snap-note{display:none}.editor-guides-toggle span{display:none}}

/* v42 · biblioteca de bloques + acciones de componente + dirección visual de imagen */
.visual-editor-v43 .visual-editor-toolbar{min-height:54px}.editor-sidebar-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:5px 4px 9px;padding:3px;border:1px solid #e4ded8;border-radius:8px;background:#f7f4f1}.editor-sidebar-tabs button{appearance:none;border:0;border-radius:6px;background:transparent;padding:7px 5px;font-size:9.5px;font-weight:700;color:#766c65;cursor:pointer}.editor-sidebar-tabs button.active{background:#fff;color:#2f2925;box-shadow:0 1px 5px rgba(45,37,31,.08)}.editor-block-library{display:grid;gap:8px}.editor-library-head{display:grid;gap:2px;padding:2px 5px}.editor-library-head strong{font-size:10px}.editor-library-head small{font-size:8px;color:#968b83}.editor-library-grid{display:grid;gap:4px}.editor-block-card{appearance:none;width:100%;display:grid;grid-template-columns:26px minmax(0,1fr) 16px;gap:6px;align-items:center;border:1px solid #e8e1da;border-radius:8px;background:#fff;padding:7px 6px;text-align:left;cursor:pointer;transition:.13s}.editor-block-card:hover{border-color:#9fbae9;background:#f8fbff;transform:translateY(-1px)}.editor-block-card>span{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:#f1ece7;color:#544a43;font:700 14px/1 Georgia,serif}.editor-block-card div{min-width:0;display:grid;gap:2px}.editor-block-card b{font-size:9.5px;color:#3d3631}.editor-block-card small{font-size:7.7px;color:#8c8179;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-block-card i{font-style:normal;font-size:15px;color:#3b82f6}.editor-library-note{display:grid;gap:3px;margin:4px;padding:8px;border-radius:8px;background:#f7f4f0;border:1px solid #e8e0d9}.editor-library-note b{font-size:8.5px}.editor-library-note span{font-size:7.8px;line-height:1.4;color:#887d75}.editor-selection-actions{display:flex;gap:4px;margin-top:7px}.editor-selection-actions button{appearance:none;border:1px solid #ded7d1;background:#fff;border-radius:6px;padding:5px 7px;font-size:8.5px;color:#615850;cursor:pointer}.editor-selection-actions button:hover{border-color:#b9c9e3;background:#f7faff}.editor-selection-actions button.danger{color:#9b3737}.editor-selection-actions button.danger:hover{border-color:#e7b9b9;background:#fff7f7}.editor-image-preview{position:relative;overflow:hidden;border:1px solid #e5ddd6;border-radius:9px;background:#efeae5;aspect-ratio:16/8;margin:3px 0 7px}.editor-image-preview img{width:100%;height:100%;display:block;object-fit:cover}.editor-image-preview small{position:absolute;left:6px;bottom:6px;padding:3px 5px;border-radius:4px;background:rgba(25,22,20,.72);color:#fff;font-size:7.5px}.visual-editor-v43 .editor-context-range input[type=range]{accent-color:#3b82f6}@media(max-width:760px){.editor-sidebar-tabs{margin-bottom:4px}.editor-block-library{max-height:210px;overflow:auto}.editor-selection-actions{flex-wrap:wrap}}

/* v43 · contextual formatting toolbar + semantic style painter */
.visual-editor-v43 .editor-format-toolbar{display:grid;grid-template-columns:minmax(150px,1.1fr) auto repeat(5,minmax(110px,.85fr)) auto;gap:8px;align-items:end;padding:10px 12px;border-top:1px solid var(--line,#e7e1d8);border-bottom:1px solid var(--line,#e7e1d8);background:linear-gradient(180deg,#fff,#fbfaf7)}
.visual-editor-v43 .editor-format-toolbar.disabled{opacity:.68}.editor-format-context{display:grid;gap:1px;align-self:center}.editor-format-context>span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#8a8178}.editor-format-context>strong{font-size:13px}.editor-format-context>small{font-size:10px;color:#81796f;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.editor-format-align{display:flex;border:1px solid #ded8ce;border-radius:10px;overflow:hidden;background:#fff}.editor-format-align button{width:34px;height:34px;border:0;border-right:1px solid #ece6dd;background:#fff;font-size:16px;cursor:pointer}.editor-format-align button:last-child{border-right:0}.editor-format-align button.active{background:#1f1b18;color:#fff}.editor-format-align button:disabled{cursor:not-allowed;opacity:.45}
.editor-format-toolbar label{display:grid;gap:3px;font-size:10px;color:#6e665e}.editor-format-toolbar select{height:34px;min-width:0;border:1px solid #ded8ce;border-radius:9px;background:#fff;padding:0 8px;font:inherit;color:#25211e}.editor-format-actions{display:flex;gap:5px;align-items:center}.editor-format-actions button{height:34px;border:1px solid #d9d3c9;border-radius:9px;background:#fff;padding:0 9px;font-size:11px;white-space:nowrap;cursor:pointer}.editor-format-actions button:hover:not(:disabled){border-color:#a79d91;background:#f8f5ef}.editor-format-actions button:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:1500px){.visual-editor-v43 .editor-format-toolbar{grid-template-columns:minmax(140px,1fr) auto repeat(3,minmax(105px,.75fr)) auto}.editor-format-toolbar label:nth-of-type(4),.editor-format-toolbar label:nth-of-type(5){display:none}}
@media(max-width:1180px){.visual-editor-v43 .editor-format-toolbar{grid-template-columns:1fr auto auto;align-items:center}.editor-format-toolbar label{display:none!important}.editor-format-actions button{padding-inline:7px}.editor-format-context small{display:none}}

/* Delivery hotfix — product photo save UX */
.product-image-editor{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.58)}
.product-image-preview-wrap{aspect-ratio:1;border-radius:16px;overflow:hidden;background:#e9ded3;border:1px solid var(--line)}
.product-image-preview-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.product-save-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:4px}
.product-save-status{font-size:12px;color:var(--muted);font-weight:700;min-height:18px}
#productSaveButton[disabled]{opacity:.62;cursor:wait}
@media(max-width:620px){.product-image-editor{grid-template-columns:1fr}.product-image-preview-wrap{max-width:260px}.product-save-row{align-items:stretch;flex-direction:column}.product-save-row .btn{width:100%}}


/* v45 · QR móvil / diagnóstico de red */
.qr-network{margin-bottom:18px}
.qr-network.qr-ready{border-color:color-mix(in srgb,#2f8f62 34%,var(--line))}
.qr-network.qr-warning{border-color:color-mix(in srgb,#b87522 42%,var(--line))}
.qr-network-url{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--soft);margin:12px 0}
.qr-network-url strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.86rem;overflow-wrap:anywhere}
.qr-card>small{display:block;margin-top:7px;font-size:.65rem;line-height:1.3;overflow-wrap:anywhere}
@media(max-width:760px){.qr-network-url{align-items:stretch;flex-direction:column}.qr-network-url .btn{width:100%}}

/* ============================================================
   v48 · ADMIN RELIABILITY & PREVIEW FIDELITY
   - Preview móvil/tablet reproduce el lienzo lógico de 960 px.
   - Barras del editor nunca invaden el inspector.
   - El editor mantiene tres zonas cuando hay espacio y apila de
     forma deliberada antes de que el lienzo quede inutilizable.
   ============================================================ */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.visual-editor-shell{overflow:hidden}
.visual-editor-canvas{container-type:inline-size;overflow:hidden}
.visual-editor-inspector{position:relative;z-index:5;background:#fff}
.visual-editor-layers{position:relative;z-index:4}

/* Toolbar superior: puede crecer a dos filas en vez de solaparse. */
.visual-editor-v43 .visual-editor-toolbar{height:auto;min-height:54px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;overflow:hidden}
.visual-editor-v43 .visual-editor-toolbar>*{max-width:100%}
.editor-history-tools{flex:0 1 auto;min-width:0}
.editor-device-switch{flex:0 0 auto}
.editor-zoom{margin-left:auto;flex:0 1 180px;min-width:142px}
.editor-zoom input{min-width:70px;max-width:100%}
.editor-fidelity-badge{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;border:1px solid #cfe4d6;background:#f0f8f2;color:#3f7448;border-radius:999px;padding:6px 8px;font-size:9px;font-weight:800;letter-spacing:.02em}
.editor-fidelity-badge:before{content:'✓';font-size:9px}

/* Barra contextual: flex con wrap real. El grid anterior podía medir
   más que el canvas y pintar encima de Propiedades. */
.visual-editor-v43 .editor-format-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;padding:9px 11px;overflow:hidden;min-width:0}
.visual-editor-v43 .editor-format-context{flex:1 1 145px;min-width:125px;max-width:220px}
.visual-editor-v43 .editor-format-align{flex:0 0 auto}
.visual-editor-v43 .editor-format-toolbar label{display:grid!important;flex:1 1 105px;min-width:96px;max-width:150px}
.visual-editor-v43 .editor-format-actions{display:flex;flex:0 1 auto;flex-wrap:wrap;gap:5px;min-width:0}
.visual-editor-v43 .editor-format-actions button{max-width:100%}

/* Dispositivo visual: el tamaño exterior representa el teléfono, pero
   el iframe se renderiza con el mismo ancho lógico del QR real. La meta
   viewport no afecta a iframes de escritorio, así que se emula aquí. */
.visual-editor-main{
  --editor-screen-w:390px;
  --editor-screen-h:844px;
  --editor-layout-w:960px;
  --editor-layout-h:2078px;
  --editor-viewport-scale:.40625;
  --editor-bezel:9px;
  --editor-screen-radius:21px;
}
.visual-editor-main[data-device="tablet"]{
  --editor-screen-w:820px;
  --editor-screen-h:1080px;
  --editor-layout-w:960px;
  --editor-layout-h:1265px;
  --editor-viewport-scale:.854166667;
  --editor-bezel:9px;
  --editor-screen-radius:16px;
}
.visual-editor-main[data-device="desktop"]{
  --editor-screen-w:1280px;
  --editor-screen-h:800px;
  --editor-layout-w:1280px;
  --editor-layout-h:800px;
  --editor-viewport-scale:1;
  --editor-bezel:7px;
  --editor-screen-radius:7px;
}
.visual-canvas-device{
  width:calc(var(--editor-screen-w) + (var(--editor-bezel) * 2));
  height:calc(var(--editor-screen-h) + (var(--editor-bezel) * 2));
  padding:var(--editor-bezel);
  border-radius:calc(var(--editor-screen-radius) + var(--editor-bezel));
  overflow:hidden;
  box-sizing:border-box;
}
.visual-editor-main[data-device="tablet"] .visual-canvas-device,
.visual-editor-main[data-device="desktop"] .visual-canvas-device{
  width:calc(var(--editor-screen-w) + (var(--editor-bezel) * 2));
  height:calc(var(--editor-screen-h) + (var(--editor-bezel) * 2));
  padding:var(--editor-bezel);
}
.editor-device-screen{
  position:relative;
  width:var(--editor-screen-w);
  height:var(--editor-screen-h);
  overflow:hidden;
  border-radius:var(--editor-screen-radius);
  background:#fff;
  isolation:isolate;
}
.editor-device-screen iframe{
  position:absolute;
  inset:0 auto auto 0;
  display:block;
  width:var(--editor-layout-w)!important;
  height:var(--editor-layout-h)!important;
  max-width:none!important;
  border:0!important;
  border-radius:0!important;
  background:#fff;
  transform:scale(var(--editor-viewport-scale));
  transform-origin:top left;
}
.editor-device-screen .editor-guide-overlay{inset:0;border-radius:inherit}
.visual-canvas-device.show-guides .editor-device-screen .editor-guide-overlay{display:block}

/* Preview Studio: bezel y pantalla separados. La pantalla mantiene el
   tamaño físico elegido; el iframe interno usa 960 px en mobile/tablet. */
.device-bezel{border:0!important;box-sizing:border-box;background:#171717;overflow:hidden;display:block}
.device-screen{position:relative;overflow:hidden;background:#fff;width:100%;height:100%;border-radius:20px}
.device-preview.tablet .device-screen{border-radius:13px}
.device-preview.desktop .device-screen{border-radius:5px}
.device-bezel .device-screen iframe{position:absolute;left:0;top:0;display:block;max-width:none!important;border:0!important;border-radius:0!important;background:#fff;transform-origin:top left}

/* El inspector pasa abajo antes de que el canvas quede demasiado estrecho. */
@media(max-width:1500px){
  .visual-editor-main{grid-template-columns:180px minmax(0,1fr)}
  .visual-editor-inspector{grid-column:1/-1;border-left:0;border-top:1px solid #ddd8d2;max-height:none;display:grid;grid-template-columns:220px minmax(0,1.5fr) minmax(220px,.8fr);gap:12px;padding:14px}
  .visual-editor-inspector>.editor-pane-title{display:none}
  .visual-editor-inspector [data-editor-context-panel]{grid-column:2}
  .visual-editor-inspector>.editor-selection-card{grid-column:1;grid-row:1/span 2}
  .visual-editor-inspector>.editor-layout-rhythm{grid-column:3;grid-row:1}
  .visual-editor-inspector>.editor-global-quick{grid-column:3;grid-row:2}
  .visual-editor-inspector>.editor-inspector-actions{grid-column:2;grid-row:2}
  .visual-editor-v43 .editor-zoom{margin-left:0}
}
@media(max-width:1180px){
  .visual-editor-main{grid-template-columns:160px minmax(0,1fr)}
  .visual-editor-inspector{grid-template-columns:200px minmax(0,1fr)}
  .visual-editor-inspector [data-editor-context-panel]{grid-column:2}
  .visual-editor-inspector>.editor-layout-rhythm,
  .visual-editor-inspector>.editor-global-quick,
  .visual-editor-inspector>.editor-inspector-actions{grid-column:2;grid-row:auto}
  .visual-editor-toolbar .editor-history-tools small{display:none}
}
@media(max-width:900px){
  .visual-editor-main{display:block}
  .visual-editor-layers{display:flex;flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid #ddd8d2;padding:8px}
  .visual-editor-inspector{display:block;border-top:1px solid #ddd8d2}
  .visual-editor-inspector [data-editor-context-panel],
  .visual-editor-inspector>.editor-selection-card,
  .visual-editor-inspector>.editor-layout-rhythm,
  .visual-editor-inspector>.editor-global-quick,
  .visual-editor-inspector>.editor-inspector-actions{display:block}
  .visual-canvas-board{justify-content:flex-start;padding:18px;min-height:560px}
  .visual-editor-v43 .visual-editor-toolbar{overflow:visible;flex-wrap:wrap}
  .visual-editor-v43 .editor-format-toolbar{overflow:visible;flex-wrap:wrap}
  .visual-editor-v43 .editor-format-toolbar label{min-width:110px}
}
@media(max-width:620px){
  .ops-head strong{font-size:19px}
  .ops-head .btn{padding:9px 10px;font-size:11px}
  .content{padding:12px}
  .panel{padding:14px;border-radius:16px}
  .visual-editor-titlebar{padding-inline:4px}
  .editor-fidelity-badge{display:none}
}


/* ============================================================
   v49 · ADMIN INFORMATION ARCHITECTURE
   Admin = estación de trabajo gestionada, no catálogo de controles.
   ============================================================ */
.admin-v49 .ops-head{height:78px;padding:0 22px;gap:20px}.head-brand{display:grid;gap:2px;min-width:0}.head-brand>span{font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:var(--brand);font-weight:900}.admin-v49 .head-brand>strong{font:400 23px var(--serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.head-actions-v49{gap:7px}.head-actions-v49 .btn{padding:10px 12px;font-size:11px}.admin-v49 .layout{grid-template-columns:244px minmax(0,1fr);min-height:calc(100svh - 78px)}
.admin-v49 .nav{top:78px;height:calc(100svh - 78px);padding:14px 12px 12px;display:flex;flex-direction:column;gap:10px;overflow:auto}.nav-context{padding:10px 10px 12px;border-bottom:1px solid var(--line);display:grid;gap:4px}.nav-context strong{font-size:12px}.nav-context small{font-size:9.5px;line-height:1.45;color:var(--muted)}.nav-group{display:grid;gap:2px}.nav-label{padding:6px 12px 3px;font-size:8.5px;letter-spacing:.15em;text-transform:uppercase;color:#9a8d82;font-weight:900}.admin-v49 .nav button{margin:0;padding:10px 12px;font-size:12px}.admin-v49 .nav button.active{background:#fff;border:1px solid rgba(202,75,29,.14);box-shadow:0 4px 12px rgba(46,31,20,.035)}.nav-foot{margin-top:auto;padding:11px 10px;border-top:1px solid var(--line);display:grid;grid-template-columns:8px minmax(0,1fr);gap:8px;align-items:start}.nav-status-dot{width:8px;height:8px;margin-top:3px;border-radius:50%;background:var(--green)}.nav-status-dot.draft{background:var(--amber)}.nav-foot div{display:grid;gap:2px}.nav-foot strong{font-size:10px}.nav-foot small{font-size:8.5px;line-height:1.35;color:var(--muted)}
.admin-v49 .content{padding-top:18px}.workspace-context{min-height:42px;margin:0 0 18px;padding:8px 10px;border:1px solid var(--line);border-radius:14px;background:rgba(255,250,244,.66);display:flex;align-items:center;justify-content:space-between;gap:12px}.workspace-context>div{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.workspace-context>small{color:var(--muted);font-size:9px;text-align:right}.workspace-state{appearance:none;border:1px solid var(--line);border-radius:999px;background:#fff;padding:5px 8px;font-size:9px;font-weight:850;color:var(--ink)}button.workspace-state{cursor:pointer}.workspace-state.published{border-color:#cfe3d4;background:#f3f9f4;color:#3f7448}.workspace-state.draft{border-color:#ead4ad;background:#fff8eb;color:#8b611d}.workspace-state.clean{color:var(--muted)}
.design-task-hub{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,2fr);gap:16px;align-items:center;margin:0 0 16px;padding:16px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(120deg,#fffaf4,#fff 68%);box-shadow:0 8px 26px rgba(46,31,20,.035)}.design-hub-copy{display:grid;gap:4px}.design-hub-copy>strong{font:400 22px var(--serif)}.design-hub-copy>small{font-size:10px;line-height:1.45;color:var(--muted)}.design-hub-actions{display:grid;grid-template-columns:repeat(5,minmax(112px,1fr));gap:7px}.design-hub-actions button{min-width:0;border:1px solid var(--line);border-radius:13px;background:#fff;padding:10px;text-align:left;display:grid;gap:3px;cursor:pointer;transition:.15s}.design-hub-actions button:hover{border-color:rgba(202,75,29,.34);transform:translateY(-1px);box-shadow:0 7px 16px rgba(46,31,20,.05)}.design-hub-actions b{font-size:10px}.design-hub-actions span{font-size:8.5px;line-height:1.3;color:var(--muted)}
.design-priority-surface{box-shadow:0 8px 26px rgba(46,31,20,.045)}.design-task-group{margin:14px 0;border:1px solid var(--line);border-radius:18px;background:rgba(255,250,244,.64);overflow:hidden}.design-task-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:rgba(255,255,255,.58)}.design-task-group>summary::-webkit-details-marker{display:none}.design-task-group>summary span{display:grid;gap:3px}.design-task-group>summary strong{font:400 20px var(--serif)}.design-task-group>summary small{font-size:9.5px;line-height:1.35;color:var(--muted)}.design-task-group>summary>b{font-size:9px;color:var(--brand);white-space:nowrap}.design-task-group[open]>summary{border-bottom:1px solid var(--line)}.design-task-group[open]>summary>b::before{content:'Ocultar '}.design-task-group:not([open])>summary>b::before{content:''}.design-task-body{padding:4px 14px 14px}.design-task-body>.panel,.design-task-body>.design-layout{margin:12px 0}.legacy-version-badge{display:none!important}.design-task-body .panel-head h2{font-size:22px}.design-task-body .panel-head .kicker{font-size:9px}
@media(max-width:1280px){.design-task-hub{grid-template-columns:1fr}.design-hub-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.head-actions-v49 .admin-quick{display:none}}
@media(max-width:900px){.admin-v49 .layout{grid-template-columns:1fr}.admin-v49 .nav{position:static;height:auto;display:flex;flex-direction:row;align-items:center;overflow:auto;padding:8px}.admin-v49 .nav-context,.admin-v49 .nav-foot,.admin-v49 .nav-label{display:none}.nav-group{display:flex;gap:3px}.workspace-context{margin-top:2px}.design-hub-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.admin-v49 .ops-head{height:auto;min-height:72px;padding:10px 12px}.head-actions-v49 .admin-logout{display:none}.head-actions-v49 .btn{padding:9px 10px}.workspace-context{align-items:flex-start;flex-direction:column}.workspace-context>small{text-align:left}.design-task-hub{padding:12px}.design-hub-actions{grid-template-columns:1fr}.design-task-group>summary{align-items:flex-start}.design-task-group>summary small{max-width:240px}}

/* ============================================================
   v50 · OPERATIONS & READINESS
   Centro operativo previo a instalación/apertura y durante servicio.
   ============================================================ */
.ops-v50-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 18px}.ops-v50-heading h1{margin:3px 0 5px}.ops-v50-heading p{margin:0}.ops-readiness{display:grid;grid-template-columns:minmax(260px,1.15fr) minmax(420px,1.85fr);gap:22px;align-items:center;margin-bottom:16px;padding:22px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(125deg,#fff 0%,#f7fbf7 65%,#f2f8f3 100%);box-shadow:0 9px 28px rgba(46,31,20,.04)}.ops-readiness.needs-review{background:linear-gradient(125deg,#fff 0%,#fffaf0 65%,#fff5e2 100%)}.ops-readiness-main{display:grid;gap:4px}.ops-readiness-kicker{font-size:9px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.ops-readiness-main>strong{font:500 27px var(--serif);letter-spacing:.015em;color:#34734c}.ops-readiness.needs-review .ops-readiness-main>strong{color:#a56a16}.ops-readiness-main p{margin:0;font-size:11px;color:var(--muted)}.ops-runtime{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ops-runtime>div{min-width:0;padding:11px;border:1px solid rgba(80,70,60,.1);border-radius:13px;background:rgba(255,255,255,.8);display:grid;gap:3px}.ops-runtime small{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.ops-runtime strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ops-checklist-panel{margin-bottom:16px}.ops-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ops-check{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;align-items:start;min-height:66px;padding:10px;border:1px solid var(--line);border-radius:13px;background:#fff}.ops-check.ok{border-color:#d8e8dc}.ops-check.attention{border-color:#ead8b7;background:#fffaf1}.ops-check-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:900;background:#eef7f0;color:#34734c}.ops-check.attention .ops-check-icon{background:#fff0d7;color:#9b671d}.ops-check>div{display:grid;gap:3px;min-width:0}.ops-check strong{font-size:10px}.ops-check small{font-size:8.5px;line-height:1.35;color:var(--muted)}.ops-check em{position:absolute;right:8px;top:7px;font-style:normal;font-size:6.5px;letter-spacing:.06em;text-transform:uppercase;color:#a49689}.ops-inline-action{position:absolute;right:8px;bottom:7px;border:0;background:none;color:var(--brand);font-size:8px;font-weight:800;cursor:pointer}.ops-state-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 8px;font-size:7.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);background:#fff;color:var(--muted);white-space:nowrap}.ops-state-pill.ok{color:#34734c;border-color:#cfe3d4;background:#f2f9f4}.ops-state-pill.warn{color:#96651e;border-color:#e8d2ad;background:#fff8e9}.ops-state-pill.danger{color:#a43f34;border-color:#ecc4bf;background:#fff4f2}.ops-state-pill.neutral{color:#6e645c;background:var(--soft)}.ops-control-grid,.ops-lower-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.ops-control-card{margin:0;display:flex;flex-direction:column;gap:13px}.ops-control-card.emergency-active{border-color:#e7bbb5;box-shadow:0 0 0 1px rgba(169,60,47,.05),0 8px 24px rgba(169,60,47,.06)}.ops-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ops-card-head h2{margin:2px 0 0}.ops-service-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.ops-service-numbers>div{padding:10px 7px;border-radius:12px;background:var(--soft);display:grid;text-align:center}.ops-service-numbers strong{font:500 21px var(--serif)}.ops-service-numbers small{font-size:7.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.danger-outline{background:#fff5f3!important;border-color:#dfaaa2!important;color:#9f4035!important}.ops-emergency-reason{display:grid;gap:2px;padding:10px 12px;border-left:3px solid #c96757;border-radius:8px;background:#fff5f3}.ops-emergency-reason strong{font-size:9px}.ops-emergency-reason span{font-size:9px;color:var(--muted)}.ops-backup-file{display:grid;gap:3px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}.ops-backup-file strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;overflow-wrap:anywhere}.ops-backup-file span,.ops-backup-file small{font-size:8.5px;color:var(--muted)}.ops-backup-file.empty{border-style:dashed}.ops-backup-actions{min-height:38px;display:flex;align-items:center}.ops-restore-guide{border-top:1px solid var(--line);padding-top:10px}.ops-restore-guide summary{cursor:pointer;font-size:9px;font-weight:800;color:var(--ink)}.ops-restore-guide p{font-size:9px;line-height:1.45;color:var(--muted)}.ops-restore-guide code{display:block;margin:8px 0;padding:10px;border-radius:9px;background:#282522;color:#f7f3ef;font-size:8px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.ops-incidents{display:grid;gap:8px}.ops-incident{padding:10px 11px;border:1px solid var(--line);border-left-width:3px;border-radius:12px;background:#fff}.ops-incident.severity-critical{border-left-color:#ba4f40}.ops-incident.severity-high{border-left-color:#d28338}.ops-incident.severity-medium{border-left-color:#d2aa52}.ops-incident.severity-low{border-left-color:#7c9685}.ops-incident-head{display:flex;align-items:center;gap:7px}.ops-incident-head span{font-size:7px;padding:3px 5px;border-radius:999px;background:var(--soft);text-transform:uppercase;font-weight:900}.ops-incident-head strong{font-size:10px}.ops-incident p{margin:5px 0 8px;font-size:8.5px;line-height:1.4;color:var(--muted)}.ops-clear{min-height:94px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px dashed #cfe3d4;border-radius:13px;background:#f8fcf9}.ops-clear>span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#eaf5ed;color:#39764c;font-weight:900}.ops-clear>div{display:grid;gap:2px}.ops-clear strong{font-size:10px}.ops-clear small{font-size:8.5px;color:var(--muted)}.ops-connector{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:start;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.ops-connector-icon{width:52px;height:52px;border-radius:13px;background:#24211f;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900;letter-spacing:.08em}.ops-connector>div:last-child{display:grid;gap:5px}.ops-connector strong{font-size:11px}.ops-connector p{margin:0;font-size:9px;line-height:1.45;color:var(--muted)}.ops-connector small{font-size:8px;color:#91857b}.ops-activity{list-style:none;padding:0;margin:8px 0 18px;display:grid;gap:0}.ops-activity li{display:grid;grid-template-columns:115px minmax(0,1fr) 70px;gap:8px;align-items:center;padding:8px 2px;border-bottom:1px solid var(--line)}.ops-activity span,.ops-activity small{font-size:8px;color:var(--muted)}.ops-activity strong{font-size:9px;text-transform:capitalize}.ops-terminal-shortcut{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:13px;background:var(--soft)}.ops-terminal-shortcut>div{display:grid;gap:2px}.ops-terminal-shortcut strong{font-size:10px}.ops-terminal-shortcut small{font-size:8.5px;color:var(--muted)}
@media(max-width:1180px){.ops-readiness{grid-template-columns:1fr}.ops-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-control-grid,.ops-lower-grid{grid-template-columns:1fr}.ops-runtime{grid-template-columns:repeat(4,minmax(90px,1fr))}}
@media(max-width:700px){.ops-v50-heading{flex-direction:column}.ops-v50-heading .btn{width:100%}.ops-readiness{padding:15px}.ops-readiness-main>strong{font-size:22px}.ops-runtime{grid-template-columns:repeat(2,1fr)}.ops-check-grid{grid-template-columns:1fr}.ops-service-numbers{grid-template-columns:repeat(2,1fr)}.ops-activity li{grid-template-columns:1fr}.ops-terminal-shortcut{align-items:stretch;flex-direction:column}.ops-terminal-shortcut .btn{width:100%}.ops-card-head{align-items:flex-start}.ops-control-card{padding:14px}}

/* ============================================================
   v51 · MANAGED SERVICE & CLIENT DELIVERY
   Alta, implantación y handoff profesional multi-restaurante.
   ============================================================ */
.client-delivery-title{align-items:flex-start}.managed-service-metrics{margin-bottom:14px}.managed-service-note{display:flex;gap:8px;align-items:center;margin:0 0 16px;padding:11px 13px;border:1px solid #dfe8df;border-radius:13px;background:#f7fbf7;font-size:9px;color:var(--muted)}.managed-service-note strong{color:#34734c;white-space:nowrap}.client-workspace-list{display:grid;gap:14px}.client-workspace-card{padding:18px;margin:0}.client-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.client-card-identity{display:grid;grid-template-columns:8px minmax(0,1fr);gap:12px;align-items:stretch;min-width:0}.client-card-mark{width:8px;border-radius:999px;background:var(--client-accent,#cf4a1b)}.client-card-identity h2{margin:2px 0 2px;font-size:23px}.client-card-identity p{margin:0;font-size:9px;color:var(--muted)}.client-card-states{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.client-progress{position:relative;height:19px;margin:14px 0 12px;border-radius:999px;background:var(--soft);overflow:hidden}.client-progress i{position:absolute;inset:0 auto 0 0;border-radius:999px;background:linear-gradient(90deg,#dcebdd,#eaf4eb)}.client-progress span{position:relative;z-index:1;display:flex;align-items:center;height:100%;padding:0 9px;font-size:7.5px;font-weight:800;color:#596a5d}.client-primary-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.delivery-btn,.delivery-complete{background:#2f6f49!important;color:#fff!important;border-color:#2f6f49!important}.delivery-btn:hover,.delivery-complete:hover{background:#285f3f!important}.delivery-complete:disabled{opacity:.4;cursor:not-allowed}.client-more{margin-top:12px;border-top:1px solid var(--line)}.client-more>summary{display:flex;justify-content:space-between;gap:12px;padding:10px 1px 0;cursor:pointer;font-size:8.5px;font-weight:800;color:var(--muted);list-style:none}.client-more>summary::-webkit-details-marker{display:none}.client-more>summary span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:500}.client-more-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}.client-more-grid>div{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.client-more-grid>div>strong{font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.client-more-grid .btn{justify-content:flex-start}.mini-note{padding:5px 2px;font-size:8px}.modal-footer-actions{justify-content:flex-end;margin-top:14px}
.delivery-modal-head{align-items:flex-start}.delivery-modal-head>button{align-self:flex-start}.delivery-final-state{min-width:160px;display:grid;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.delivery-final-state strong{font-size:10px}.delivery-final-state small{font-size:7.5px;color:var(--muted)}.delivery-final-state.ready{background:#f2f9f4;border-color:#cfe3d4}.delivery-final-state.delivered{background:#edf7ef;border-color:#bcd8c3}.delivery-final-state.pending{background:#fff9ed;border-color:#ead9b9}.delivery-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0}.delivery-overview>div{display:grid;grid-template-columns:1fr auto;gap:4px;padding:11px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}.delivery-overview span,.delivery-overview small{font-size:8px;color:var(--muted)}.delivery-overview strong{font-size:10px}.delivery-overview i{grid-column:1/-1;height:5px;border-radius:999px;background:#e8e3de;overflow:hidden}.delivery-overview i b{display:block;height:100%;border-radius:inherit;background:#6d9b78}.delivery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.delivery-section{margin:0;padding:14px}.delivery-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.delivery-section-head h3{margin:2px 0 0;font-size:16px}.delivery-check-list{display:grid;gap:7px;margin-top:10px}.delivery-check{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:start;padding:9px;border:1px solid var(--line);border-radius:11px;background:#fff}.delivery-check.done{border-color:#d5e7da;background:#f9fcfa}.delivery-check.pending{border-color:#eadcc5;background:#fffcf5}.delivery-check input{width:17px;height:17px;margin:2px 0 0;accent-color:#39764c}.delivery-auto-mark{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#eff6f0;color:#39764c;font-size:10px;font-weight:900}.delivery-check.pending .delivery-auto-mark{background:#fff0dc;color:#9f6c24}.delivery-check>span:last-child{display:grid;gap:2px}.delivery-check strong{font-size:9px}.delivery-check small{font-size:8px;line-height:1.4;color:var(--muted)}.delivery-access{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(420px,1.4fr);gap:16px;align-items:center;margin:12px 0}.delivery-access h3{margin:2px 0 4px}.delivery-access p{margin:0;font-size:8.5px}.delivery-access-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.delivery-access-cards span{display:grid;gap:3px;padding:9px;border:1px solid var(--line);border-radius:11px;background:var(--soft)}.delivery-access-cards small{font-size:7px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.delivery-access-cards strong{font-size:8px;line-height:1.35}.delivery-note{display:grid;gap:5px;margin:12px 0;font-size:8.5px;font-weight:800}.delivery-note textarea{width:100%;resize:vertical}.delivery-milestones{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.delivery-milestones span{display:flex;gap:5px;align-items:center;padding:6px 8px;border-radius:999px;background:var(--soft);font-size:7.5px;color:var(--muted)}.delivery-milestones b{color:#39764c}.delivery-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:12px;border-top:1px solid var(--line)}
@media(max-width:1180px){.client-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-grid{grid-template-columns:1fr}.delivery-access{grid-template-columns:1fr}.delivery-access-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.client-delivery-title,.client-card-head,.delivery-actions{flex-direction:column}.managed-service-note{align-items:flex-start;flex-direction:column}.client-card-states{justify-content:flex-start}.client-primary-actions>.btn,.client-primary-actions>a{flex:1 1 42%}.client-more-grid{grid-template-columns:1fr}.delivery-overview{grid-template-columns:1fr}.delivery-access-cards{grid-template-columns:1fr}.delivery-actions>.toolbar{width:100%}.delivery-actions .btn{flex:1}.delivery-final-state{width:100%}}

/* ============================================================
   v54 · INSTALLATION & SALES REHEARSAL
   Ensayo guiado de implantación antes de una entrega real.
   ============================================================ */
.rehearsal-btn{border-color:#c9d9e7!important;background:#f5f9fc!important;color:#315f7c!important}.rehearsal-head{align-items:flex-start}.rehearsal-state{min-width:170px;display:grid;gap:3px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.rehearsal-state strong{font-size:10px}.rehearsal-state small{font-size:7.5px;color:var(--muted)}.rehearsal-state.running{background:#f4f8fc;border-color:#cfdeea}.rehearsal-state.ready,.rehearsal-state.completed{background:#f2f9f4;border-color:#cfe3d4}.rehearsal-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0}.rehearsal-overview>div{display:grid;grid-template-columns:1fr auto;gap:4px;padding:11px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}.rehearsal-overview span,.rehearsal-overview small{font-size:8px;color:var(--muted)}.rehearsal-overview strong{font-size:10px}.rehearsal-overview i{grid-column:1/-1;height:5px;border-radius:999px;background:#e8e3de;overflow:hidden}.rehearsal-overview i b{display:block;height:100%;border-radius:inherit;background:#6d93ad}.rehearsal-blockers,.rehearsal-clear{display:flex;gap:10px;align-items:center;margin:0 0 12px;padding:10px 12px;border:1px solid #eadcc5;border-radius:12px;background:#fffcf5}.rehearsal-blockers strong,.rehearsal-clear strong{font-size:9px;white-space:nowrap}.rehearsal-blockers span,.rehearsal-clear span{font-size:8px;line-height:1.4;color:var(--muted)}.rehearsal-clear{border-color:#cfe3d4;background:#f7fbf8}.rehearsal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rehearsal-section{margin:0;padding:14px}.rehearsal-list{display:grid;gap:7px;margin-top:10px}.rehearsal-check{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:start;padding:9px;border:1px solid var(--line);border-radius:11px;background:#fff}.rehearsal-check.done{border-color:#d5e7da;background:#f9fcfa}.rehearsal-check.pending{border-color:#eadcc5;background:#fffcf5}.rehearsal-check input{width:17px;height:17px;margin:2px 0 0;accent-color:#39764c}.rehearsal-mark{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#eef5fa;color:#315f7c;font-size:10px;font-weight:900}.rehearsal-check.pending .rehearsal-mark{background:#fff0dc;color:#9f6c24}.rehearsal-check>span:last-child{display:grid;gap:2px}.rehearsal-check strong{font-size:9px}.rehearsal-check small{font-size:8px;line-height:1.4;color:var(--muted)}.rehearsal-launchpad{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0;padding:14px}.rehearsal-launchpad h3{margin:2px 0 4px;font-size:16px}.rehearsal-launchpad p{margin:0;font-size:8.5px}.rehearsal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--line)}.rehearsal-complete{background:#315f7c!important;border-color:#315f7c!important;color:white!important}.rehearsal-complete:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:1180px){.rehearsal-grid{grid-template-columns:1fr}.rehearsal-launchpad{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.rehearsal-head,.rehearsal-actions{flex-direction:column}.rehearsal-state{width:100%}.rehearsal-overview{grid-template-columns:1fr}.rehearsal-blockers,.rehearsal-clear{align-items:flex-start;flex-direction:column}.rehearsal-launchpad .toolbar,.rehearsal-actions .toolbar{width:100%}.rehearsal-launchpad .btn,.rehearsal-actions .btn{flex:1}}

/* ============================================================
   v55 · FIELD TRIAL / PRIMERA IMPLANTACIÓN REAL
   Runbook operativo de campo, tiempos, fricciones y contingencias.
   ============================================================ */
.field-trial-btn{border-color:#d9cbbd!important;background:#fbf7f2!important;color:#72513c!important}.field-trial-head{align-items:flex-start}.field-trial-state{min-width:185px;display:grid;gap:3px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.field-trial-state strong{font-size:10px}.field-trial-state small{font-size:7.5px;color:var(--muted)}.field-trial-state.running{background:#fff8ee;border-color:#eadac2}.field-trial-state.ready,.field-trial-state.completed{background:#f2f9f4;border-color:#cfe3d4}.field-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:14px 0}.field-overview>div{display:grid;grid-template-columns:1fr auto;gap:4px;padding:11px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}.field-overview span,.field-overview small{font-size:8px;color:var(--muted)}.field-overview strong{font-size:10px}.field-overview i{grid-column:1/-1;height:5px;border-radius:999px;background:#e8e3de;overflow:hidden}.field-overview i b{display:block;height:100%;border-radius:inherit;background:#9b765d}.field-next{display:flex;gap:10px;align-items:center;margin:0 0 12px;padding:10px 12px;border:1px solid #eadcc5;border-radius:12px;background:#fffcf5}.field-next strong{font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:#8a6546}.field-next span{font-size:9px;font-weight:800}.field-context{display:grid;grid-template-columns:minmax(190px,.65fr) minmax(0,1.35fr);gap:16px;align-items:start;padding:14px;margin-bottom:12px}.field-context h3{margin:2px 0 4px}.field-context p{margin:0;font-size:8px}.field-context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.field-context-grid label{display:grid;gap:4px;font-size:8px;font-weight:800}.field-context-grid input{min-width:0}.field-phases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-phase{margin:0;padding:14px}.field-phase.done{border-color:#d4e5d8;background:#fbfdfb}.field-step-list{display:grid;gap:7px;margin-top:10px}.field-step{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:start;padding:9px;border:1px solid var(--line);border-radius:11px;background:#fff}.field-step.done{border-color:#d5e7da;background:#f9fcfa}.field-step.pending{border-color:#eadcc5;background:#fffcf5}.field-step input{width:17px;height:17px;margin:2px 0 0;accent-color:#39764c}.field-step>span{display:grid;gap:2px}.field-step strong{font-size:9px}.field-step small{font-size:8px;line-height:1.4;color:var(--muted)}.field-launchpad{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0;padding:14px}.field-launchpad h3{margin:2px 0 4px}.field-launchpad p{margin:0;font-size:8.5px}.field-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.field-complete{background:#72513c!important;border-color:#72513c!important;color:#fff!important}.field-complete:disabled{opacity:.4;cursor:not-allowed}.field-issues{padding:14px;margin:4px 0 12px}.field-issue-list{display:grid;gap:7px;margin:10px 0}.field-issue{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:#fff}.field-issue>div{display:grid;gap:2px}.field-issue strong{font-size:9px}.field-issue small{font-size:7.5px;color:var(--muted)}.field-issue-meta{font-size:7px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.field-issue.blocking{border-color:#e6bcbc;background:#fff8f8}.field-issue.medium{border-color:#eadcc5;background:#fffcf5}.field-issue.resolved{border-color:#d5e7da;background:#f9fcfa;opacity:.82}.field-issue-form{display:grid;grid-template-columns:150px 150px minmax(0,1fr) auto;gap:8px;align-items:end;padding-top:10px;border-top:1px solid var(--line)}.field-issue-form label{display:grid;gap:4px;font-size:8px;font-weight:800}.field-contingencies{padding:0;overflow:hidden}.field-contingencies>summary{cursor:pointer;padding:13px 14px;font-size:9px;font-weight:900}.field-contingency-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 14px 14px}.field-contingency-grid article{padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--soft)}.field-contingency-grid strong{font-size:8.5px}.field-contingency-grid p{margin:4px 0 0;font-size:8px;line-height:1.45;color:var(--muted)}
@media(max-width:1180px){.field-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.field-context{grid-template-columns:1fr}.field-context-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-phases{grid-template-columns:1fr}.field-launchpad{align-items:flex-start;flex-direction:column}.field-issue-form{grid-template-columns:repeat(2,minmax(0,1fr))}.field-issue-form .wide{grid-column:1/-1}.field-issue-form>.btn{grid-column:1/-1}.field-contingency-grid{grid-template-columns:1fr}}
@media(max-width:760px){.field-trial-head,.field-actions{flex-direction:column}.field-trial-state{width:100%}.field-overview{grid-template-columns:1fr}.field-context-grid{grid-template-columns:1fr}.field-next{align-items:flex-start;flex-direction:column}.field-launchpad .toolbar,.field-actions .toolbar{width:100%}.field-launchpad .btn,.field-actions .btn{flex:1}.field-issue{align-items:flex-start;flex-direction:column}.field-issue-form{grid-template-columns:1fr}.field-issue-form .wide,.field-issue-form>.btn{grid-column:auto}}

.field-trial-state.attention{border-color:color-mix(in srgb,var(--warning,#b86b20) 45%,transparent);background:color-mix(in srgb,var(--warning,#b86b20) 10%,var(--surface,#fff))}

/* ============================================================
   v56 · POST-INSTALLATION STABILIZATION / PRIMEROS DÍAS
   Salud viva, métricas tempranas, cambios e intervenciones.
   ============================================================ */
.stabilization-btn{border-color:#bfd8cf!important;background:#f3faf7!important;color:#2f6957!important}.stabilization-head{align-items:flex-start}.stabilization-state{min-width:190px;display:grid;gap:3px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.stabilization-state strong{font-size:10px}.stabilization-state small{font-size:7.5px;color:var(--muted)}.stabilization-state.running{background:#f4faf7;border-color:#cfe3da}.stabilization-state.ready,.stabilization-state.completed{background:#f1faf3;border-color:#c9e2cf}.stabilization-state.attention{background:#fff8f2;border-color:#e7c7ac}.stabilization-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:14px 0}.stabilization-overview>div{display:grid;grid-template-columns:1fr auto;gap:4px;padding:11px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}.stabilization-overview span,.stabilization-overview small{font-size:8px;color:var(--muted)}.stabilization-overview strong{font-size:10px}.stabilization-overview i{grid-column:1/-1;height:5px;border-radius:999px;background:#e6ebe8;overflow:hidden}.stabilization-overview i b{display:block;height:100%;border-radius:inherit;background:#4f8b78}.stabilization-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 12px}.stabilization-metrics article{display:grid;gap:3px;padding:12px;border:1px solid var(--line);border-radius:13px;background:#fff}.stabilization-metrics small,.stabilization-metrics span{font-size:8px;color:var(--muted)}.stabilization-metrics strong{font-size:15px}.stabilization-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:12px}.stabilization-auto{padding:14px;margin:0}.stabilization-auto-list{display:grid;gap:7px;margin-top:10px}.stabilization-auto-row{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;padding:9px;border:1px solid var(--line);border-radius:11px;background:#fff}.stabilization-auto-row b{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#edf7f2;color:#2f6957}.stabilization-auto-row.pending{background:#fffaf4;border-color:#ead6bf}.stabilization-auto-row.pending b{background:#fff0dc;color:#9a6429}.stabilization-auto-row span{display:grid;gap:2px}.stabilization-auto-row strong{font-size:9px}.stabilization-auto-row small{font-size:8px;line-height:1.4;color:var(--muted)}.stabilization-phases{display:grid;gap:10px}.stabilization-phase{padding:14px;margin:0}.stabilization-phase.done{border-color:#d0e4d8;background:#fbfdfc}.stabilization-step{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:start;padding:9px;margin-top:7px;border:1px solid var(--line);border-radius:11px;background:#fff}.stabilization-step.done{border-color:#d5e7da;background:#f9fcfa}.stabilization-step.pending{border-color:#eadcc5;background:#fffcf5}.stabilization-step input{width:17px;height:17px;margin:2px 0 0;accent-color:#39764c}.stabilization-step span{display:grid;gap:2px}.stabilization-step strong{font-size:9px}.stabilization-step small{font-size:8px;line-height:1.4;color:var(--muted)}.stabilization-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.stabilization-complete{background:#2f6957!important;border-color:#2f6957!important;color:#fff!important}.stabilization-complete:disabled{opacity:.4;cursor:not-allowed}.stabilization-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stabilization-requests,.stabilization-interventions{padding:14px;margin:0}.stabilization-request-list,.stabilization-intervention-list{display:grid;gap:7px;margin:10px 0;max-height:330px;overflow:auto}.stabilization-request{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:#fff}.stabilization-request>div:first-child,.stabilization-intervention{display:grid;gap:2px}.stabilization-request span,.stabilization-intervention span{font-size:7px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.stabilization-request strong,.stabilization-intervention strong{font-size:9px}.stabilization-request small,.stabilization-intervention small{font-size:8px;color:var(--muted)}.stabilization-request.high{border-color:#e5bcbc;background:#fff8f8}.stabilization-request.closed{opacity:.78;background:#fafafa}.stabilization-intervention{padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:#fff}.stabilization-intervention.high{border-color:#e5bcbc;background:#fff8f8}.stabilization-intervention.medium{border-color:#eadcc5;background:#fffcf5}.stabilization-inline-form{display:grid;grid-template-columns:135px 135px minmax(0,1fr);gap:8px;align-items:end;padding-top:10px;border-top:1px solid var(--line)}.stabilization-inline-form label{display:grid;gap:4px;font-size:8px;font-weight:800}.stabilization-inline-form .wide{grid-column:1/-1}.stabilization-inline-form>.btn{grid-column:1/-1}
@media(max-width:1180px){.stabilization-overview,.stabilization-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.stabilization-grid,.stabilization-secondary{grid-template-columns:1fr}}
@media(max-width:760px){.stabilization-head,.stabilization-actions{flex-direction:column}.stabilization-state{width:100%}.stabilization-overview,.stabilization-metrics{grid-template-columns:1fr}.stabilization-actions .toolbar{width:100%}.stabilization-actions .btn{flex:1}.stabilization-request{align-items:flex-start;flex-direction:column}.stabilization-inline-form{grid-template-columns:1fr}.stabilization-inline-form .wide,.stabilization-inline-form>.btn{grid-column:auto}}

/* ============================================================
   v57 · MANAGED SERVICE OPERATIONS / MANTENIMIENTO RECURRENTE
   Service Desk unificado, SLA internos y revisiones periódicas.
   ============================================================ */
.maintenance-btn{border-color:#c8cde5!important;background:#f7f8fd!important;color:#4b547d!important}.service-desk-title{align-items:flex-start}.service-sla-note{display:inline-flex;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:var(--soft);font-size:8px;font-weight:800;color:var(--muted)}.service-desk-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.service-desk-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.6fr);gap:12px;margin:12px 0}.service-queue,.service-playbook,.service-portfolio{padding:14px}.service-queue-list{display:grid;gap:7px;margin-top:10px;max-height:420px;overflow:auto}.service-queue-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff}.service-queue-item>div:first-child{display:grid;gap:2px;min-width:0}.service-queue-item span{font-size:7px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.service-queue-item strong{font-size:9px}.service-queue-item small{font-size:8px;color:var(--muted)}.service-queue-item.high{border-color:#ead6bf;background:#fffbf5}.service-queue-item.critical,.service-queue-item.breached{border-color:#e5bcbc;background:#fff7f7}.service-clear{display:grid;gap:3px;padding:16px;border:1px solid #d5e7da;border-radius:12px;background:#f8fcf9}.service-clear strong{font-size:10px;color:#2f6957}.service-clear span{font-size:8px;color:var(--muted)}.service-playbook p{font-size:9px;line-height:1.55}.service-playbook-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}.service-playbook-points span{display:flex;align-items:center;gap:7px;padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--soft);font-size:8px;font-weight:800}.service-playbook-points b{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#eef0f8;color:#4b547d}.service-portfolio .table td{vertical-align:top}.service-client-row.critical{background:#fff8f8}.service-client-row.attention{background:#fffdf8}.service-level{display:inline-flex;padding:5px 7px;border-radius:999px;font-size:7.5px;font-weight:900;border:1px solid var(--line);background:#f6f6f6}.service-level.healthy{border-color:#cfe3d6;background:#f2faf5;color:#2f6957}.service-level.watch{border-color:#d8d7bd;background:#fbfbf1;color:#736f32}.service-level.attention{border-color:#ead6bf;background:#fff8ef;color:#91602b}.service-level.critical{border-color:#e5bcbc;background:#fff1f1;color:#9a3f3f}.danger-text{color:#a24d4d!important}
.maintenance-head{align-items:flex-start}.maintenance-state{min-width:190px;display:grid;gap:3px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.maintenance-state strong{font-size:10px}.maintenance-state small{font-size:7.5px;color:var(--muted)}.maintenance-state.healthy{border-color:#cfe3d6;background:#f2faf5}.maintenance-state.watch{border-color:#dedcbc;background:#fbfbf0}.maintenance-state.attention{border-color:#ead6bf;background:#fff8ef}.maintenance-state.critical{border-color:#e5bcbc;background:#fff2f2}.maintenance-overview,.maintenance-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:14px 0 12px}.maintenance-overview article,.maintenance-metrics article{display:grid;gap:3px;padding:11px;border:1px solid var(--line);border-radius:13px;background:#fff}.maintenance-overview small,.maintenance-overview span,.maintenance-metrics small,.maintenance-metrics span{font-size:8px;color:var(--muted)}.maintenance-overview strong{font-size:10px}.maintenance-metrics strong{font-size:15px}.maintenance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.maintenance-support,.maintenance-review-panel{padding:14px;margin:0}.maintenance-ticket-list{display:grid;gap:7px;margin:10px 0;max-height:330px;overflow:auto}.maintenance-ticket{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:#fff}.maintenance-ticket>div:first-child{display:grid;gap:2px}.maintenance-ticket span{font-size:7px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.maintenance-ticket strong{font-size:9px}.maintenance-ticket small{font-size:8px;color:var(--muted)}.maintenance-ticket.high{border-color:#ead6bf;background:#fffbf5}.maintenance-ticket.urgent,.maintenance-ticket.breached{border-color:#e5bcbc;background:#fff7f7}.maintenance-ticket .sla{font-weight:800}.maintenance-ticket .sla.breached{color:#a24d4d}.maintenance-inline-form{display:grid;grid-template-columns:145px 145px minmax(0,1fr);gap:8px;align-items:end;padding-top:10px;border-top:1px solid var(--line)}.maintenance-inline-form label,.maintenance-review-fields label{display:grid;gap:4px;font-size:8px;font-weight:800}.maintenance-inline-form .wide{grid-column:1/-1}.maintenance-inline-form>.btn{grid-column:1/-1}.maintenance-review-checks{display:grid;gap:7px;margin:10px 0}.maintenance-review-checks label{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:start;padding:9px;border:1px solid var(--line);border-radius:11px;background:#fff}.maintenance-review-checks input{width:17px;height:17px;margin-top:2px;accent-color:#4b547d}.maintenance-review-checks span{display:grid;gap:2px}.maintenance-review-checks strong{font-size:9px}.maintenance-review-checks small{font-size:8px;color:var(--muted);line-height:1.4}.maintenance-review-fields{display:grid;grid-template-columns:160px 180px minmax(0,1fr);gap:8px;align-items:end;padding-top:10px;border-top:1px solid var(--line)}.maintenance-review-fields .wide{grid-column:1/-1}.maintenance-review-fields>.btn{grid-column:1/-1}.maintenance-review-history{display:grid;gap:7px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.maintenance-review-history>strong{font-size:9px}.maintenance-review{display:grid;gap:2px;padding:8px 9px;border:1px solid var(--line);border-radius:10px;background:#fff}.maintenance-review span{font-size:7px;text-transform:uppercase;color:var(--muted)}.maintenance-review strong{font-size:9px}.maintenance-review small{font-size:8px;color:var(--muted)}.maintenance-review.watch{border-color:#dedcbc;background:#fbfbf0}.maintenance-review.action{border-color:#e5bcbc;background:#fff7f7}.maintenance-actions{display:flex;justify-content:flex-end;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
@media(max-width:1280px){.service-desk-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.service-desk-grid{grid-template-columns:1fr}.maintenance-grid{grid-template-columns:1fr}}
@media(max-width:900px){.service-desk-metrics,.maintenance-overview,.maintenance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.maintenance-review-fields{grid-template-columns:1fr}.maintenance-review-fields .wide,.maintenance-review-fields>.btn{grid-column:auto}}
@media(max-width:760px){.service-desk-metrics,.maintenance-overview,.maintenance-metrics{grid-template-columns:1fr}.service-queue-item,.maintenance-ticket,.maintenance-head{align-items:flex-start;flex-direction:column}.maintenance-state{width:100%}.maintenance-inline-form{grid-template-columns:1fr}.maintenance-inline-form .wide,.maintenance-inline-form>.btn{grid-column:auto}.service-playbook-points{grid-template-columns:1fr}.maintenance-actions .toolbar{width:100%}.maintenance-actions .btn{flex:1}}

/* ============================================================
   v59 · PRODUCTION OBSERVABILITY & INCIDENT RESPONSE
   Señales persistentes solo para anomalías; tráfico normal en memoria.
   ============================================================ */
.obs-title{align-items:flex-start}.obs-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.obs-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.6fr);gap:12px;margin:12px 0}.obs-incidents,.obs-runtime,.obs-fleet,.obs-events{padding:14px}.obs-incident-list{display:grid;gap:7px;margin-top:10px;max-height:440px;overflow:auto}.obs-incident{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff}.obs-incident>div:first-child{display:grid;gap:2px;min-width:0}.obs-incident span{font-size:7px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.obs-incident strong{font-size:9px}.obs-incident small{font-size:8px;color:var(--muted);line-height:1.4}.obs-incident.high{border-color:#ead6bf;background:#fffbf5}.obs-incident.critical{border-color:#e5bcbc;background:#fff5f5}.obs-runtime-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.obs-runtime-grid>div{display:grid;gap:3px;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--soft)}.obs-runtime-grid span{font-size:7.5px;color:var(--muted)}.obs-runtime-grid strong{font-size:13px}.obs-runtime p{font-size:8px;line-height:1.5}.obs-critical-row{background:#fff8f8}.obs-events{margin-top:12px}.obs-events>summary{cursor:pointer;font-size:10px;font-weight:900}.obs-event-list{display:grid;gap:6px;margin-top:10px;max-height:360px;overflow:auto}.obs-event-list>div{display:grid;gap:2px;padding:8px 9px;border:1px solid var(--line);border-radius:10px;background:#fff}.obs-event-list span{font-size:7px;text-transform:uppercase;color:var(--muted)}.obs-event-list strong{font-size:8.5px;word-break:break-word}.obs-event-list small{font-size:7.5px;color:var(--muted)}.obs-tenant{display:grid;gap:12px}.obs-tenant>.panel{margin:0;padding:14px}
@media(max-width:1280px){.obs-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.obs-grid{grid-template-columns:1fr}}
@media(max-width:900px){.obs-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.obs-metrics{grid-template-columns:1fr}.obs-incident,.obs-title{align-items:flex-start;flex-direction:column}.obs-runtime-grid{grid-template-columns:1fr}.obs-incident .toolbar{width:100%}.obs-incident .btn{flex:1}}

/* v60 · PRODUCTION DEPLOYMENT & EXTERNAL ALERTING */
.obs-metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}