:root{--navy:#10195a;--navy2:#07102d;--blue:#3455db;--green:#19a65a;--purple:#7449a3;--amber:#e49424;--red:#d84c4c;--cyan:#16a3b6;--bg:#f3f6fb;--white:#fff;--text:#182033;--muted:#6c7687;--line:#e1e7f0;--shadow:0 14px 36px rgba(18,29,69,.09);--shadow2:0 22px 60px rgba(18,29,69,.14)}
*{box-sizing:border-box}html,body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{display:grid;grid-template-columns:265px 1fr;min-height:100vh}.side{background:linear-gradient(180deg,var(--navy),var(--navy2));color:#fff;padding:18px 13px;position:sticky;top:0;height:100vh;overflow:auto}.sbrand{display:flex;gap:11px;align-items:center;padding:4px 8px 20px;border-bottom:1px solid #ffffff14}.sbrand img{width:50px;height:50px;border-radius:13px;object-fit:cover;background:#fff}.sbrand b{font-size:14px;line-height:1.1}.sbrand small{display:block;color:#a9b5d0;margin-top:4px}.slabel{color:#8193b7;font-size:10px;text-transform:uppercase;letter-spacing:.13em;padding:18px 10px 8px;font-weight:900}.slink{display:flex;align-items:center;gap:10px;padding:12px;border-radius:11px;color:#d5deef;font-size:14px;font-weight:750;margin:3px 0}.slink.active,.slink:hover{background:#ffffff14;color:#fff}.ico{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:#ffffff10;font-size:13px}.main{padding:25px 28px 36px;min-width:0}.top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px}.title h1{margin:0;color:var(--navy);font-size:32px;letter-spacing:-.02em}.title p{margin:7px 0 0;color:var(--muted);line-height:1.55}.user{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:14px;box-shadow:var(--shadow);font-size:13px;font-weight:800}.user i{width:9px;height:9px;border-radius:50%;background:var(--green)}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.kpi,.panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.kpi{padding:18px;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-24px;top:-28px;background:linear-gradient(135deg,#eef2ff,#f5eefe)}.kpi span{display:block;color:var(--muted);font-size:12px;font-weight:800;position:relative;z-index:1}.kpi b{display:block;color:var(--navy);font-size:31px;margin:9px 0 5px;position:relative;z-index:1}.kpi small{color:var(--muted);font-size:11px;position:relative;z-index:1}.kpi.green:before,.kpi.purple:before,.kpi.amber:before,.kpi.blue:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.kpi.green:before{background:var(--green)}.kpi.purple:before{background:var(--purple)}.kpi.amber:before{background:var(--amber)}.kpi.blue:before{background:var(--blue)}
.panel{padding:20px}.panel h3{margin:0 0 6px;color:var(--navy);font-size:18px}.sub{color:var(--muted);margin:0 0 15px;line-height:1.6;font-size:13px}.grid2{display:grid;grid-template-columns:1.25fr .9fr;gap:17px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:13px;vertical-align:top}.table th{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.table tbody tr:hover{background:#f9fbff}.table td small{display:block;color:var(--muted);margin-top:4px;line-height:1.45}.pill{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eef2ff;color:var(--navy);font-size:10px;font-weight:850}.pill.green{background:#eaf8ef;color:#18864d}.pill.amber{background:#fff4e5;color:#a8640e}.pill.purple{background:#f2ebfb;color:var(--purple)}.status{display:inline-flex;padding:6px 9px;border-radius:999px;background:#fff4e5;color:#9a5b0a;font-size:10px;font-weight:850}.status.ok{background:#eaf8ef;color:#19864e}.status.neutral{background:#eef2f7;color:#536174}
.btn{border:0;border-radius:11px;padding:11px 15px;font-weight:800;background:var(--navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.green{background:var(--green)}.btn.purple{background:var(--purple)}.btn.amber{background:var(--amber);color:#241800}.btn.light{background:#fff;color:var(--navy);border:1px solid var(--line)}.btn.danger{background:#fff;color:var(--red);border:1px solid #f2caca}.btn.sm{padding:8px 11px;font-size:12px}.actions{display:flex;gap:9px;flex-wrap:wrap}.notice{padding:14px 15px;border-radius:14px;background:#f7f9fd;border:1px solid var(--line);color:var(--muted);font-size:13px;line-height:1.6}.notice strong{color:var(--navy)}
.barbox{display:grid;gap:14px}.barrow{display:grid;grid-template-columns:135px 1fr 40px;gap:10px;align-items:center;font-size:13px}.bar{height:10px;background:#edf1f6;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--purple));border-radius:999px}.barrow b{color:var(--navy)}
.donut-wrap{display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:center}.donut{width:170px;height:170px;border-radius:50%;background:conic-gradient(var(--green) 0 34%,var(--purple) 34% 68%,var(--amber) 68% 100%);position:relative;margin:auto}.donut:after{content:"";position:absolute;inset:26px;background:#fff;border-radius:50%}.donut-center{position:absolute;inset:0;display:grid;place-items:center;z-index:2;text-align:center}.donut-center b{font-size:28px;color:var(--navy)}.donut-center small{display:block;color:var(--muted);font-size:10px}.legend{display:grid;gap:10px}.legend-row{display:flex;justify-content:space-between;gap:12px;font-size:13px}.legend-row span{display:flex;align-items:center;gap:8px}.legend-row i{width:9px;height:9px;border-radius:50%}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.flowstep{padding:15px;border:1px dashed #ced7e5;border-radius:14px;background:#fafcff;position:relative}.flowstep b{display:block;color:var(--navy);font-size:12px;margin-bottom:6px}.flowstep span{color:var(--muted);font-size:12px;line-height:1.5}.flowstep .n{width:27px;height:27px;border-radius:9px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:900;font-size:11px;margin-bottom:10px}
.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:850;color:var(--text);text-transform:uppercase;letter-spacing:.04em}.input,select,textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 13px;color:var(--text);outline:none}.input:focus,select:focus,textarea:focus{border-color:#9dabe1;box-shadow:0 0 0 3px #eef1ff}.plan-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.plan-card{position:relative;border:1px solid var(--line);background:#fff;border-radius:16px;padding:15px;cursor:pointer;transition:.2s}.plan-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.plan-card.active{border-color:#7d88d9;box-shadow:0 0 0 3px #edf0ff}.plan-card b{display:block;color:var(--navy);font-size:16px}.plan-card strong{display:block;font-size:25px;color:var(--navy);margin:6px 0}.plan-card span{color:var(--muted);font-size:11px;line-height:1.45}.plan-card input{position:absolute;opacity:0}
.summary-card{background:linear-gradient(145deg,#111b60,#25357d);color:#fff;border-radius:18px;padding:19px;box-shadow:var(--shadow2)}.summary-card h3{color:#fff}.summary-card .sumrow{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #ffffff1f;font-size:13px}.summary-card .sumrow:last-child{border-bottom:0}.summary-card .sumrow span{color:#cbd5f3}.summary-card .sumrow b{color:#fff}
.filters{display:grid;grid-template-columns:1.2fr 1.2fr 1fr auto;gap:10px;margin-bottom:14px}.filter-summary{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:14px}.filter-summary b{color:var(--navy)}
.prod-grid{display:grid;gap:15px}.prod{display:grid;grid-template-columns:210px 1fr;gap:18px;border:1px solid var(--line);background:#fff;border-radius:17px;padding:16px;box-shadow:var(--shadow)}.preview{min-height:210px;border-radius:14px;background:linear-gradient(145deg,#eef2fb,#e6e8f5);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--navy);font-weight:900;overflow:hidden;padding:12px;position:relative}.preview img{width:100%;height:100%;object-fit:cover;border-radius:10px}.preview.simple{background:#fff;border:2px solid var(--navy);padding:14px}.simple-art{height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between}.simple-art small{font-weight:900;color:var(--purple)}.simple-art h4{font-size:22px;margin:10px 0;color:var(--navy)}.simple-art p{font-size:12px;font-weight:500;color:var(--muted);line-height:1.45}.simple-art strong{font-size:18px;color:var(--green)}.prodtop{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.prod h3{margin:7px 0 5px;color:var(--navy)}.prod p{color:var(--muted);font-size:13px;line-height:1.55}.promptbox{margin-top:11px}.promptbox textarea{min-height:70px}
.ticket-page{min-height:100vh;background:#e9edf4;padding:25px}.ticket-wrap{width:80mm;margin:auto}.ticket{background:#fff;color:#111;padding:7mm 6mm 6mm;box-shadow:0 12px 35px #0002;font-family:Arial,Helvetica,sans-serif}.ticket-head{text-align:center;border-bottom:1px dashed #777;padding-bottom:9px}.ticket-head img{width:48px;height:48px;object-fit:contain;margin:0 auto 6px}.ticket-head h2{font-size:15px;margin:0 0 3px}.ticket-head p{font-size:10px;margin:2px 0}.ticket-row{display:flex;justify-content:space-between;gap:10px;font-size:10px;padding:5px 0;border-bottom:1px dotted #bbb}.ticket-row b{text-align:right}.ticket-block{font-size:10px;line-height:1.5;padding:7px 0;border-bottom:1px dotted #bbb}.ticket-block strong{display:block;font-size:11px;margin-bottom:4px}.ticket-total{display:flex;justify-content:space-between;font-size:15px;font-weight:900;padding:9px 0}.ticket-foot{text-align:center;font-size:9px;line-height:1.5;border-top:1px dashed #777;padding-top:8px}.ticket-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:16px 0}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 80% 15%,#c9d2ff 0,transparent 28%),linear-gradient(135deg,#eef2ff,#f8f9fc)}.login-card{width:min(430px,calc(100% - 28px));background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow2);padding:27px}.login-brand{display:flex;gap:12px;align-items:center;margin-bottom:20px}.login-brand img{width:58px;height:58px;border-radius:14px}.login-card h1{font-size:25px;color:var(--navy);margin:0}.login-card p{color:var(--muted);font-size:13px;line-height:1.6}
@media print{body{background:#fff}.ticket-page{padding:0;background:#fff}.ticket{box-shadow:none;width:80mm;margin:0;padding:4mm 5mm}.ticket-actions{display:none}.side,.top,.no-print{display:none!important}.app{display:block}.main{padding:0}.panel{box-shadow:none;border:none}}
@media(max-width:1050px){.app{grid-template-columns:1fr}.side{height:auto;position:relative}.kpis,.grid3,.flow,.plan-cards{grid-template-columns:repeat(2,1fr)}.grid2,.donut-wrap{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.prod{grid-template-columns:170px 1fr}}
@media(max-width:680px){.main{padding:18px}.kpis,.grid3,.flow,.plan-cards,.formgrid,.filters{grid-template-columns:1fr}.prod{grid-template-columns:1fr}.title h1{font-size:27px}.top{align-items:center}.user{font-size:11px}.ticket-page{padding:12px}.ticket-wrap{width:100%;max-width:80mm}}
/* v9 - edición, reportes y exportación */
.locked{background:#f1f4f8!important;color:#7a8493!important;cursor:not-allowed}.modal-admin{position:fixed;inset:0;background:rgba(5,12,35,.66);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal-admin.show{display:flex}.modal-admin-card{width:min(760px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;border:1px solid var(--line);box-shadow:var(--shadow2);padding:22px}.modal-admin-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:18px}.modal-admin-head h3{margin:0;color:var(--navy);font-size:22px}.modal-admin-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.modal-x{width:36px;height:36px;border:0;border-radius:10px;background:#eef2f7;color:var(--navy);font-size:22px}.status.generated{background:#eaf2ff;color:#315cb2}.approval-chip{display:inline-flex;align-items:center;padding:8px 11px;border-radius:11px;background:#eaf8ef;color:#19864e;font-size:12px;font-weight:850}.generated-art{width:100%;height:100%;border-radius:10px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:18px;text-align:left}.generated-art b{font-size:22px;line-height:1.1}.generated-art p{color:#fff;font-weight:500;line-height:1.45}.generated-art strong{font-size:19px}.accounting-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.period-tabs{display:flex;gap:7px;background:#f1f4f9;padding:5px;border-radius:13px}.period-btn{border:0;background:transparent;color:var(--muted);padding:9px 13px;border-radius:9px;font-size:12px;font-weight:850}.period-btn.active{background:#fff;color:var(--navy);box-shadow:0 4px 14px rgba(18,29,69,.10)}.export-hero{background:linear-gradient(135deg,#10195a,#273a8c 58%,#7449a3);color:#fff;border-radius:22px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;box-shadow:var(--shadow2)}.export-hero h2{margin:7px 0 7px;font-size:28px}.export-hero p{margin:0;color:#d9e2fb;max-width:620px;line-height:1.6}.export-kicker{font-size:10px;font-weight:900;letter-spacing:.14em;color:#a8f0be}.export-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.export-filters{grid-template-columns:1.4fr 1fr 1fr auto}.bulk-check{display:flex;gap:6px;align-items:center}.export-list{display:grid;gap:9px}.export-row{display:grid;grid-template-columns:24px 90px minmax(0,1fr) auto;gap:13px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:11px 13px;background:#fff;cursor:pointer}.export-row:hover{background:#fafcff;border-color:#ccd6e8}.export-thumb{height:54px;border-radius:11px;background:linear-gradient(135deg,#eef2ff,#f4edfb);display:grid;place-items:center;color:var(--navy);font-size:10px;font-weight:900;text-align:center;padding:5px}.export-row b{display:block;color:var(--navy);font-size:13px}.export-row small{display:block;color:var(--muted);margin-top:5px}.export-check{width:17px;height:17px;accent-color:var(--green)}
@media(max-width:900px){.export-hero{align-items:flex-start;flex-direction:column}.export-actions{justify-content:flex-start}.export-filters{grid-template-columns:1fr 1fr}.export-row{grid-template-columns:24px 72px 1fr}.export-row>.status{grid-column:3}}
@media(max-width:620px){.accounting-toolbar{align-items:stretch}.period-tabs{width:100%;overflow:auto}.export-filters{grid-template-columns:1fr}.export-row{grid-template-columns:24px 1fr}.export-thumb{display:none}.export-row>.status{grid-column:2}}

/* v11: material del cliente + flujo visual más claro */
.material-section{margin-top:20px;padding:18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fbfcff,#f6f8fd)}.material-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.material-head h3{margin:0 0 5px;color:var(--navy);font-size:16px}.material-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.55;max-width:620px}.optional-chip{font-size:10px;font-weight:900;color:var(--purple);background:#f2ecfb;border-radius:999px;padding:6px 9px}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.upload-card{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;border:1px dashed #cbd5e4;border-radius:14px;padding:12px;background:#fff;cursor:pointer}.upload-card:hover{border-color:#9eacd0;background:#fbfcff}.upload-card input{display:none}.upload-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#eef2ff;color:var(--navy);font-weight:900}.upload-card b{display:block;color:var(--navy);font-size:12px}.upload-card span{display:block;color:var(--muted);font-size:10px;margin-top:3px}.upload-preview{min-width:78px;max-width:130px;font-size:9px;color:var(--muted);text-align:right}.upload-preview img,.mini-file-preview img{width:48px;height:48px;object-fit:cover;border-radius:9px;margin-left:auto}.upload-preview span,.mini-file-preview span{display:block;margin-top:4px;font-size:9px;color:var(--muted)}.edit-material{margin-top:16px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#f9fbff}.edit-material h4{margin:0;color:var(--navy)}.edit-upload{border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px}.edit-upload>label{display:block;font-size:11px;font-weight:850;margin-bottom:8px}.edit-upload input{width:100%;font-size:11px;margin:9px 0}.mini-file-preview{min-height:60px;border:1px dashed var(--line);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);font-size:10px;padding:7px}.mini-file-preview img{margin:0}.client-material{margin-top:12px;padding:11px 12px;border-radius:13px;background:#f8faff;border:1px solid var(--line)}.client-material>b{font-size:11px;color:var(--navy)}.client-material>div{display:flex;gap:8px;margin-top:8px}.material-thumb{display:flex;align-items:center;gap:7px;padding:6px 9px;background:#fff;border:1px solid var(--line);border-radius:10px}.material-thumb img{width:38px;height:38px;object-fit:cover;border-radius:7px}.material-thumb span{font-size:10px;color:var(--muted);font-weight:700}.image-workflow{margin-top:14px;border:1px solid #d8e0ee;border-radius:16px;background:#fbfcff;overflow:hidden}.workflow-steps{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);background:#f4f7fc}.workflow-step{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;color:#8a95a5;font-size:10px;font-weight:850}.workflow-step i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#e6ebf3;color:#7b8798;font-style:normal}.workflow-step.active{color:var(--navy)}.workflow-step.active i{background:var(--navy);color:#fff}.workflow-step.done{color:#19864e}.workflow-step.done i{background:#dff5e8;color:#19864e}.decision-box,.generate-box,.approved-box,.change-box{padding:14px 15px}.decision-box,.generate-box,.approved-box{background:#fff}.decision-box b,.generate-box b,.approved-box b,.change-box label{display:block;color:var(--navy);font-size:12px;font-weight:900}.decision-box p,.generate-box p,.change-box p{margin:5px 0 11px;color:var(--muted);font-size:11px;line-height:1.5}.decision-actions{display:flex;gap:8px;flex-wrap:wrap}.approved-box{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#effaf4}.approved-box span{display:block;color:#4f7b62;font-size:10px;margin-top:3px}.change-box{border-top:1px solid var(--line);background:#f8faff}.change-box textarea{min-height:62px;margin-bottom:9px}.export-actions-inline{padding-top:2px;align-items:center}.action-label{font-size:10px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-right:2px}
@media(max-width:680px){.upload-grid{grid-template-columns:1fr}.upload-card{grid-template-columns:42px 1fr}.upload-preview{grid-column:1/-1;max-width:none;text-align:left}.workflow-steps{grid-template-columns:1fr}.approved-box{align-items:flex-start;flex-direction:column}}


/* v12: flujo de imágenes simplificado */
.review-flow{margin-top:14px;border:1px solid #dce3ef;border-radius:18px;background:#fff;padding:16px}
.practical-flow{box-shadow:0 10px 24px rgba(16,25,90,.04)}
.step-banner{display:flex;gap:12px;align-items:flex-start;padding:0 0 14px;border-bottom:1px solid var(--line);margin-bottom:14px}
.step-tag{display:inline-grid;place-items:center;min-width:74px;height:34px;padding:0 12px;border-radius:999px;background:#eef2ff;color:var(--navy);font-size:12px;font-weight:900}
.step-tag.ok{background:#e7f8ef;color:#157847}
.step-banner b{display:block;color:var(--navy);font-size:15px;margin-bottom:4px}
.step-banner p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.review-main-btn{min-width:260px}
.decision-list{display:grid;gap:10px}
.decision-row{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:#fff;cursor:pointer;transition:.16s}
.decision-row:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(16,25,90,.08)}
.decision-num{flex:0 0 28px;width:28px;height:28px;border-radius:10px;display:grid;place-items:center;font-size:12px;font-weight:950;background:#eef2ff;color:var(--navy)}
.decision-copy{display:block}.decision-copy strong{display:block;color:var(--navy);font-size:14px;margin-bottom:3px}.decision-copy small{display:block;color:var(--muted);font-size:11px;line-height:1.5}
.approve-row{border-color:#b7e1c7;background:#f4fbf7}.approve-row .decision-num{background:#19a65a;color:#fff}.approve-row .decision-copy strong{color:#157847}
.edit-row{border-color:#d7cef0;background:#faf8ff}.edit-row .decision-num{background:#7449a3;color:#fff}.edit-row .decision-copy strong{color:#5c3795}
.regen-row{border-color:#d7ddeb;background:#f8fafc}.regen-row .decision-num{background:#5f6b82;color:#fff}.regen-row .decision-copy strong{color:#314055}
.change-request{display:none;margin-top:14px;border-top:1px solid var(--line);padding-top:14px}.change-request.show{display:block}
.practical-change{background:#fbfcff;border:1px dashed #d5deed;border-radius:16px;padding:14px;margin-top:12px}
.change-request label{display:block;color:var(--navy);font-size:13px;font-weight:900;margin-bottom:4px}
.change-request p{margin:0 0 10px;color:var(--muted);font-size:11px;line-height:1.55}
.change-request textarea{min-height:86px;margin-bottom:10px}
.approved-flow{background:#f4fbf7;border-color:#b9e7cb}
.done-banner{border-bottom:0;margin-bottom:0;padding-bottom:0}
.simple-ready{margin-top:14px;border:1px solid #cfe5d8;background:#f5fbf7;border-radius:14px;padding:13px 15px}.simple-ready b{display:block;color:#177a48;font-size:12px}.simple-ready span{display:block;color:#658273;font-size:10px;margin-top:3px}
.output-locked{margin-top:12px;border:1px dashed #cfd7e4;border-radius:13px;padding:11px 13px;background:#fafbfc}.output-locked b{display:block;color:#657083;font-size:10px}.output-locked span{display:block;color:#929baa;font-size:9px;margin-top:3px}
@media(max-width:680px){.review-main-btn{width:100%;min-width:0}.step-banner,.decision-row{align-items:flex-start}.step-tag{min-width:60px}.decision-row{padding:13px}.decision-copy strong{font-size:13px}}

/* Producción: flujo de imagen ultra simple */
.image-action-box{margin-top:14px;border:1px solid #dce3ef;border-radius:16px;background:#fff;padding:15px;display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.image-action-copy{min-width:220px;flex:1}.image-action-copy b{display:block;color:var(--navy);font-size:14px;margin-bottom:3px}.image-action-copy span{display:block;color:var(--muted);font-size:11px;line-height:1.5}
.image-pending{background:#faf9ff;border-color:#ddd5ef}.image-primary{min-width:180px}
.image-generated{display:block;background:#fbfcff}.image-generated .image-action-copy{margin-bottom:12px}.image-action-buttons{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px}
.action-big{min-height:62px;display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:center!important;text-align:left;padding:11px 14px!important}.action-big strong{font-size:13px;line-height:1.2}.action-big small{font-size:10px;opacity:.82;margin-top:3px;font-weight:600}
.quick-edit{margin-top:12px;padding:14px;border-radius:14px;background:#f7f5fc;border:1px solid #ddd3ef}.quick-edit label{font-size:12px!important}.quick-edit textarea{min-height:72px!important;margin-top:8px}
.image-approved{background:#f3fbf6;border-color:#b8e5c9}.approved-inline{display:flex;align-items:center;gap:10px}.approved-check{width:34px;height:34px;border-radius:50%;background:#19a65a;color:#fff;display:grid;place-items:center;font-weight:900}.approved-inline b{display:block;color:#147745;font-size:14px}.approved-inline span:not(.approved-check){display:block;color:#5b7d68;font-size:11px;margin-top:2px}
.download-box{margin-top:10px;border-top:1px solid var(--line);padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.download-title{font-size:11px;font-weight:900;color:var(--navy)}
@media(max-width:760px){.image-action-buttons{grid-template-columns:1fr}.image-action-box{align-items:stretch}.image-primary{width:100%}.download-box{align-items:stretch;flex-direction:column}}

/* v15: vista grande en Producción */
.prod.visual-prod{grid-template-columns:minmax(380px,42%) minmax(0,1fr);gap:24px;align-items:start;padding:20px}
.prod.simple-prod{grid-template-columns:240px minmax(0,1fr)}
.preview-wrap{min-width:0}
.visual-preview{width:100%;min-height:520px;aspect-ratio:4/5;padding:12px;background:#eef2f8;border:1px solid #d9e1ee;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.visual-preview img{width:100%;height:100%;object-fit:contain;background:#fff;border-radius:12px}
.visual-preview .generated-art{min-height:100%;font-size:1.06rem;padding:30px;border-radius:12px}
.visual-preview .generated-art b{font-size:34px;line-height:1.06}
.visual-preview .generated-art p{font-size:17px;line-height:1.5}
.visual-preview .generated-art strong{font-size:28px}
.preview-open{width:100%;margin-top:9px;border:1px solid #ced7e6;background:#fff;color:var(--navy);border-radius:12px;padding:10px 12px;font-weight:850;cursor:pointer}
.preview-open:hover{background:#f6f8fc;border-color:#aebbd0}
.prod-content{min-width:0}
.image-modal{position:fixed;inset:0;z-index:250;background:rgba(5,11,31,.82);display:none;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(5px)}
.image-modal.show{display:flex}
.image-modal-card{width:min(760px,96vw);max-height:95vh;overflow:auto;background:#fff;border-radius:22px;padding:18px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.image-modal-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}
.image-modal-head small{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.image-modal-head h3{margin:4px 0 0;color:var(--navy);font-size:20px}
.image-modal-close{width:42px;height:42px;border:0;border-radius:12px;background:#eef2f7;color:var(--navy);font-size:28px;line-height:1;cursor:pointer}
.large-preview-canvas{width:min(560px,100%);aspect-ratio:4/5;margin:0 auto;background:#edf1f7;border-radius:16px;padding:12px;display:flex;align-items:stretch;justify-content:stretch}
.large-preview-canvas>img{width:100%;height:100%;object-fit:contain;background:#fff;border-radius:12px}
.large-preview-canvas .generated-art{width:100%;height:100%;padding:36px;border-radius:12px}
.large-preview-canvas .generated-art b{font-size:38px}.large-preview-canvas .generated-art p{font-size:18px}.large-preview-canvas .generated-art strong{font-size:30px}
@media(max-width:1150px){.prod.visual-prod{grid-template-columns:330px minmax(0,1fr)}.visual-preview{min-height:450px}}
@media(max-width:820px){.prod.visual-prod,.prod.simple-prod{grid-template-columns:1fr}.visual-preview{min-height:0;aspect-ratio:4/5;max-width:560px;margin:auto}.preview-wrap{max-width:560px;width:100%;margin:auto}}


/* v16: revisión de imagen con acciones inequívocas */
.image-generated{padding:18px;background:#fbfcff}
.review-state{display:flex;align-items:center;gap:10px;padding-bottom:13px;border-bottom:1px solid var(--line);margin-bottom:14px}
.review-state-dot{width:10px;height:10px;border-radius:50%;background:#2f80ed;box-shadow:0 0 0 5px #e8f2ff}
.review-state b{display:block;color:var(--navy);font-size:14px;margin-bottom:2px}
.review-state span{display:block;color:var(--muted);font-size:11px}
.review-question{font-size:13px;font-weight:900;color:var(--navy);margin:2px 0 12px}
.review-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.use-image-btn,.edit-image-btn,.new-version-btn{display:flex;align-items:center;gap:12px;min-height:88px;border-radius:16px;padding:15px;text-align:left;cursor:pointer;transition:.16s;border:1px solid var(--line);background:#fff;width:100%}
.use-image-btn{border-color:#9edab7;background:#eefaf3;color:#126f40}
.edit-image-btn{border-color:#cec2e5;background:#f8f5fe;color:#5f3995}
.new-version-btn{border-color:#cfd7e7;background:#f8fafc;color:#3e4a5d}
.use-image-btn:hover,.edit-image-btn:hover,.new-version-btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(16,25,90,.08)}
.use-icon,.edit-icon,.new-icon{flex:0 0 40px;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:18px;font-weight:950}
.use-icon{background:#19a65a;color:#fff}.edit-icon{background:#7449a3;color:#fff}.new-icon{background:#5f6b82;color:#fff}
.use-image-btn strong,.edit-image-btn strong,.new-version-btn strong{display:block;font-size:14px;margin-bottom:4px}
.use-image-btn small,.edit-image-btn small,.new-version-btn small{display:block;font-size:10px;line-height:1.45;opacity:.85}
.edit-mode-panel{display:none;margin-top:14px!important;padding:16px!important;border:1px solid #ddd5ef!important;border-radius:16px!important;background:#faf8ff!important}
.image-generated.editing .review-state,.image-generated.editing .review-question,.image-generated.editing .review-actions{display:none}
.image-generated.editing .edit-mode-panel{display:block}
.edit-mode-head{padding:0 0 13px;border-bottom:1px solid var(--line);margin-bottom:14px}
.edit-mode-head b{display:block;color:var(--navy);font-size:15px;margin-bottom:4px}
.edit-mode-head span{display:block;color:var(--muted);font-size:11px;line-height:1.55}
.edit-mode-panel label{display:block;color:var(--navy);font-size:12px;font-weight:900;margin-bottom:6px}
.edit-mode-panel textarea{width:100%;min-height:110px;border:1px solid #cdd7e7;border-radius:14px;padding:13px;resize:vertical;background:#fff;margin-bottom:12px}
.edit-mode-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:980px){.review-actions{grid-template-columns:1fr}}
@media(max-width:760px){.use-image-btn,.edit-image-btn,.new-version-btn{min-height:70px}.edit-mode-actions .btn{width:100%}}

/* Ajustes finales: vista previa, periodos y exportaciones */
.period-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.caja-side{align-self:start;position:sticky;top:18px}.preview-panel{overflow:hidden}.preview-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.preview-panel-head h3{margin:0 0 4px}.preview-live{white-space:nowrap;display:inline-flex;padding:6px 9px;border-radius:999px;background:#eaf8ef;color:#18864d;font-size:9px;font-weight:900;letter-spacing:.04em}.web-preview-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(18,29,69,.08)}.web-preview-media{height:190px;background:linear-gradient(135deg,#18256d,#7449a3);color:#fff;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;padding:18px}.web-preview-media>div b{display:block;font-size:16px}.web-preview-media>div span{display:block;font-size:10px;opacity:.8;margin-top:5px}.web-preview-media>img:not(.web-preview-logo){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}.web-preview-logo{position:absolute!important;right:12px!important;top:12px!important;left:auto!important;bottom:auto!important;width:58px!important;height:58px!important;object-fit:contain!important;border-radius:10px;background:#fff;padding:5px;opacity:1!important}.web-preview-body{padding:14px}.web-preview-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:9px}.web-preview-top span{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eef2ff;color:var(--navy);font-size:9px;font-weight:850}.web-preview-top small{color:var(--muted);font-size:9px}.web-preview-body h4{margin:0 0 7px;color:var(--navy);font-size:16px;line-height:1.25}.web-preview-body p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.web-preview-foot{display:flex;justify-content:space-between;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:10px}.web-preview-foot span{color:var(--muted)}.web-preview-foot b{color:var(--green)}
.generated-art{position:relative;overflow:hidden}.generated-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28}.generated-logo{position:absolute;right:14px;top:14px;width:58px;height:58px;object-fit:contain;background:#fff;border-radius:10px;padding:5px}.generated-art>small,.generated-art>div,.generated-art>strong{position:relative;z-index:2}
.magazine-action{min-width:320px;display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:14px}.magazine-action div{flex:1}.magazine-action b{display:block;font-size:13px}.magazine-action span{display:block;color:#d9e2fb;font-size:10px;line-height:1.45;margin-top:3px}.magazine-btn{background:#fff!important;color:var(--navy)!important;white-space:nowrap}
.export-options{margin-top:18px}.export-options-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.export-option-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.export-option{border:1px solid var(--line);background:#fff;border-radius:16px;padding:15px;display:flex;gap:12px;align-items:flex-start;text-align:left;min-height:108px;transition:.16s}.export-option:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(18,29,69,.08)}.export-option>span{flex:0 0 32px;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-size:12px;font-weight:950;background:#eef2ff;color:var(--navy)}.export-option b{display:block;color:var(--navy);font-size:13px;margin-bottom:5px}.export-option small{display:block;color:var(--muted);font-size:10px;line-height:1.5}.export-option.green{border-color:#bfe7cf;background:#f6fcf8}.export-option.green>span{background:var(--green);color:#fff}.export-option.blue{border-color:#c9d5f4;background:#f7f9ff}.export-option.blue>span{background:var(--blue);color:#fff}.export-option.purple{border-color:#d8ccec;background:#fbf8ff}.export-option.purple>span{background:var(--purple);color:#fff}.export-option.neutral>span{background:#5e6b80;color:#fff}
@media(max-width:1100px){.caja-side{position:relative;top:auto}.export-option-grid{grid-template-columns:1fr 1fr}.magazine-action{min-width:0}}
@media(max-width:680px){.period-toolbar{align-items:stretch}.period-toolbar .period-tabs{width:100%;overflow:auto}.preview-panel-head{flex-direction:column}.export-option-grid{grid-template-columns:1fr}.magazine-action{align-items:flex-start;flex-direction:column}.magazine-btn{width:100%}}

/* Exportación: revista e individual/por selección */
.export-hero-note{min-width:260px;max-width:330px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:14px 16px}.export-hero-note b{display:block;font-size:13px}.export-hero-note span{display:block;color:#d9e2fb;font-size:10px;line-height:1.5;margin-top:4px}.export-row{grid-template-columns:24px 90px minmax(0,1fr) auto auto;cursor:default}.export-row-copy{min-width:0}.export-only-btn{white-space:nowrap}.magazine-panel{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-color:#d8ccec;background:linear-gradient(135deg,#fbf8ff,#f7f4ff)}.magazine-panel-copy{display:flex;align-items:center;gap:14px;min-width:0}.magazine-panel-copy h3{margin:0 0 4px}.magazine-panel-copy .sub{margin:0}.magazine-tag{flex:0 0 auto;display:inline-flex;padding:7px 9px;border-radius:999px;background:#eee6f8;color:#68439a;font-size:9px;font-weight:950;letter-spacing:.06em}.magazine-export-btn{white-space:nowrap}.magazine-action{display:none}
@media(max-width:1050px){.export-row{grid-template-columns:24px 72px minmax(0,1fr) auto}.export-row>.status{grid-column:3}.export-only-btn{grid-column:4;grid-row:1 / span 2}.magazine-panel{align-items:flex-start;flex-direction:column}.magazine-export-btn{width:100%}}
@media(max-width:680px){.export-hero-note{min-width:0;max-width:none;width:100%}.export-row{grid-template-columns:24px minmax(0,1fr)}.export-row .export-thumb{display:none}.export-row>.status{grid-column:2}.export-only-btn{grid-column:2;grid-row:auto;width:max-content}.magazine-panel-copy{align-items:flex-start;flex-direction:column}}

/* Revista integrada como opción principal de exportación */
.magazine-hero{align-items:stretch}.magazine-hero-action{min-width:300px;max-width:360px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:15px 16px;display:flex;flex-direction:column;justify-content:center;gap:12px}.magazine-hero-action b{display:block;font-size:14px}.magazine-hero-action span{display:block;color:#d9e2fb;font-size:10px;line-height:1.55;margin-top:4px}.magazine-hero-btn{width:100%;border-color:rgba(255,255,255,.45)!important}.magazine-panel{display:none!important}@media(max-width:900px){.magazine-hero-action{min-width:0;max-width:none;width:100%}}


/* v18 export ordenado */
.export-title-panel{margin-bottom:18px}.export-option-grid-top{grid-template-columns:repeat(5,1fr);margin-top:14px}.export-option.amber{border-color:#f0d3a2;background:#fffaf1}.export-option.amber>span{background:#d48a24;color:#fff}.export-option-grid-top .export-option{min-height:118px}.export-option-grid-top .export-option b{font-size:13px}.export-option-grid-top .export-option small{font-size:10px}.export-hero-note{background:#f5f7fc;border-color:#d7dfef;color:var(--navy)}.export-hero-note span{color:var(--muted)}
@media(max-width:1250px){.export-option-grid-top{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){.export-option-grid-top{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.export-option-grid-top{grid-template-columns:1fr}}

/* v19 · Renovaciones, Yape, autocorrección y filtros por fecha/hora */
.caja-mode-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.caja-mode-panel .sub{margin-bottom:0}.mode-switch{display:flex;gap:7px;padding:5px;background:#f1f4f9;border-radius:14px}.mode-btn{border:0;background:transparent;color:var(--muted);padding:10px 14px;border-radius:10px;font-weight:900;font-size:12px}.mode-btn.active{background:#fff;color:var(--navy);box-shadow:0 5px 16px rgba(16,25,90,.1)}
.renew-panel{margin-bottom:18px;border-color:#d8ccec;background:linear-gradient(180deg,#fff,#fbf9ff)}.renew-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.vigencia-badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:#eaf8ef;color:#18864d;font-size:10px;font-weight:950;white-space:nowrap}.renew-results{display:grid;gap:7px;margin-top:13px;max-height:285px;overflow:auto}.renew-result{width:100%;border:1px solid var(--line);background:#fff;border-radius:13px;padding:11px 12px;display:flex;justify-content:space-between;gap:14px;text-align:left;align-items:center}.renew-result:hover,.renew-result.selected{border-color:#9684c9;background:#faf8ff;box-shadow:0 0 0 2px #f0ebfa}.renew-result b{display:block;color:var(--navy);font-size:12px}.renew-result small{display:block;color:var(--muted);font-size:10px;margin-top:4px;line-height:1.4}.renew-result>span:last-child{text-align:right;min-width:145px}.renew-result strong{display:inline-flex;margin-top:5px;font-size:9px;padding:4px 7px;border-radius:999px}.renew-result strong.valid{background:#eaf8ef;color:#18864d}.renew-result strong.expired{background:#fff0f0;color:#b83d3d}.renew-selected{margin-top:12px;padding:12px 14px;border:1px solid #d8ccec;background:#f7f3fd;border-radius:13px;color:var(--muted);font-size:11px}.renew-selected b,.renew-selected span,.renew-selected small{display:block}.renew-selected b{color:var(--purple);font-size:12px}.renew-selected span{color:var(--navy);font-weight:800;margin-top:4px}.renew-selected small{margin-top:5px;line-height:1.45}.plan-card.renew-locked{opacity:.8}.plan-card.renew-locked.active{opacity:1}
.autocorrect-box{margin-top:15px;padding:14px 15px;border:1px solid #d9d1ec;border-radius:15px;background:#faf8ff;display:flex;justify-content:space-between;gap:16px;align-items:center}.autocorrect-box b{display:block;color:var(--navy);font-size:12px}.autocorrect-box span{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-top:4px}.correction-status{font-size:10px!important;color:#657187!important;margin-top:7px!important}.correction-status.changed{color:#6b3fa0!important}.correction-status.ok{color:#19864e!important}.payment-box{margin-top:20px;padding:17px;border:1px solid #d5deef;border-radius:16px;background:#f9fbff}.payment-box h3{font-size:15px;margin-bottom:12px}.field-note{font-size:10px;color:var(--muted);line-height:1.45}.field-note.error{color:#b83d3d;font-weight:800}.field-note.ok{color:#19864e;font-weight:800}.security-note{margin-top:11px;padding:10px 12px;border-radius:11px;background:#fff;border:1px solid var(--line);font-size:10px;color:var(--muted);line-height:1.5}.security-note b{color:var(--navy)}
.filter-grid-advanced{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:10px;align-items:end}.filter-grid-advanced .wide{grid-column:span 2}.compact-field{display:flex;flex-direction:column;gap:5px}.compact-field>span{font-size:9px;text-transform:uppercase;letter-spacing:.04em;font-weight:850;color:var(--muted)}.base-filter-grid{grid-template-columns:repeat(5,minmax(130px,1fr));margin-bottom:14px}.export-filter-grid{grid-template-columns:repeat(5,minmax(130px,1fr));margin-bottom:14px}.validity-chip,.movement-chip{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eef2f7;color:#536174;font-size:9px;font-weight:900}.validity-chip.valid{background:#eaf8ef;color:#18864d}.validity-chip.expired{background:#fff0f0;color:#b83d3d}.movement-chip{background:#eef2ff;color:#304fb5}.movement-chip.renew{background:#f2ebfb;color:#7449a3}
@media(max-width:1180px){.filter-grid-advanced,.base-filter-grid,.export-filter-grid{grid-template-columns:repeat(3,1fr)}.filter-grid-advanced .wide{grid-column:span 2}}
@media(max-width:760px){.caja-mode-panel,.autocorrect-box,.renew-head{align-items:stretch;flex-direction:column}.mode-switch{width:100%}.mode-btn{flex:1}.filter-grid-advanced,.base-filter-grid,.export-filter-grid{grid-template-columns:1fr 1fr}.filter-grid-advanced .wide{grid-column:1/-1}.renew-result{align-items:flex-start;flex-direction:column}.renew-result>span:last-child{text-align:left;min-width:0}}
@media(max-width:520px){.filter-grid-advanced,.base-filter-grid,.export-filter-grid{grid-template-columns:1fr}.filter-grid-advanced .wide{grid-column:auto}}


/* Datos guiados para presentación */


/* v21 — panel más operativo y captura más segura */
.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}.quick-action{display:flex;gap:12px;align-items:center;padding:15px 16px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow);transition:.18s}.quick-action:hover{transform:translateY(-2px);box-shadow:var(--shadow2)}.quick-action>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:20px;font-weight:900;background:#edf3ff;color:var(--blue)}.quick-action.green>span{background:#e8f8ef;color:var(--green)}.quick-action.purple>span{background:#f3ecfb;color:var(--purple)}.quick-action.neutral>span{background:#eef1f6;color:#4e5d74}.quick-action b{display:block;color:var(--navy);font-size:14px}.quick-action small{display:block;color:var(--muted);font-size:11px;margin-top:4px;line-height:1.35}.dashboard-grid{margin-bottom:17px}.panel-head-row{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.text-link{font-size:12px;font-weight:850;color:var(--blue);white-space:nowrap}.system-ready,.security-chip{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#eaf8ef;color:#18864d;font-size:10px;font-weight:900}.alert-list{display:grid;gap:10px}.alert-item{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:12px;background:#fbfcff}.alert-item>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:900}.alert-item.warn>span{background:#fff4e5;color:#9a5b0a}.alert-item.ok>span{background:#eaf8ef;color:#18864d}.alert-item.neutral>span{background:#eef2f7;color:#536174}.alert-item b{display:block;color:var(--navy);font-size:13px}.alert-item small{display:block;color:var(--muted);font-size:11px;margin-top:3px;line-height:1.4}.alert-item>strong{color:#8e9ab0}.expiry-list{display:grid;gap:9px}.expiry-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.expiry-row:last-child{border-bottom:0}.expiry-row b{display:block;color:var(--navy);font-size:12px}.expiry-row small{display:block;color:var(--muted);font-size:11px;margin-top:4px;max-width:520px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expiry-row>div:last-child{text-align:right}.expiry-row span{display:block;color:var(--muted);font-size:11px}.expiry-row a{display:inline-flex;margin-top:5px;color:var(--green);font-size:11px;font-weight:900}.flow-panel{margin-top:1px}.field-label-row{display:flex;justify-content:space-between;gap:10px;align-items:center}.field-label-row>span{font-size:10px;color:var(--muted);font-weight:700}.input.valid{border-color:#58bc7d!important;box-shadow:0 0 0 3px #e9f8ef!important}.input.invalid{border-color:#df6a6a!important;box-shadow:0 0 0 3px #fff0f0!important}.control-list{display:grid;gap:9px;margin-top:12px}.control-list span{font-size:12px;color:#536174;padding:8px 10px;border-radius:10px;background:#f7f9fd;border:1px solid var(--line)}.renew-history{margin-top:12px;border:1px solid var(--line);border-radius:14px;background:#fbfcff;overflow:hidden}.renew-history-head{display:flex;justify-content:space-between;gap:12px;padding:11px 13px;border-bottom:1px solid var(--line);background:#f4f7fc}.renew-history-head b{font-size:12px;color:var(--navy)}.renew-history-head span{font-size:11px;color:var(--muted)}.renew-history-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 13px;border-bottom:1px solid var(--line)}.renew-history-row:last-child{border-bottom:0}.renew-history-row>span{display:flex;align-items:center;gap:8px}.renew-history-row>span:last-child{display:block;text-align:right}.renew-history-row small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.payment-breakdown-panel{margin:18px 0}.payment-breakdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.payment-summary{border:1px solid var(--line);border-radius:14px;padding:13px;background:#fbfcff}.payment-summary span{display:block;color:var(--muted);font-size:11px;font-weight:800}.payment-summary b{display:block;color:var(--navy);font-size:20px;margin:6px 0 3px}.payment-summary small{color:var(--muted);font-size:10px}
@media(max-width:1050px){.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.quick-actions{grid-template-columns:1fr}.panel-head-row{flex-direction:column}.payment-breakdown{grid-template-columns:1fr}.expiry-row{align-items:flex-start}.expiry-row>div:last-child{text-align:left}.renew-history-row{align-items:flex-start}.renew-history-row>span:last-child{text-align:left}}


/* v22 — mejoras operativas adicionales */
.draft-status-bar{margin:-5px 0 18px;padding:12px 14px;border:1px solid #cfe2d7;border-radius:14px;background:#f4fbf7;display:flex;align-items:center;justify-content:space-between;gap:14px}.draft-status-bar[hidden]{display:none}.draft-status-bar b{display:block;color:#176d43;font-size:12px}.draft-status-bar span{display:block;color:#667487;font-size:10px;line-height:1.45;margin-top:3px}.client-insight{margin-top:14px;padding:12px 13px;border:1px solid #d8e0ef;border-radius:14px;background:#f8faff;display:grid;grid-template-columns:34px 1fr auto;gap:11px;align-items:center}.client-insight[hidden]{display:none}.client-insight-icon{width:34px;height:34px;border-radius:10px;background:#eaf0ff;color:#3552b5;display:grid;place-items:center;font-size:17px;font-weight:900}.client-insight b{display:block;color:var(--navy);font-size:12px}.client-insight span{display:block;color:#536174;font-size:10px;line-height:1.45;margin-top:3px}.client-insight small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.expiry-actions{display:flex;justify-content:flex-end;gap:7px;align-items:center;margin-top:5px}.expiry-actions button{border:0;background:transparent;color:var(--blue);font-size:10px;font-weight:900;padding:0;cursor:pointer}.expiry-actions a{margin-top:0!important}.btn.purple{background:var(--purple);color:#fff;border-color:var(--purple)}
@media(max-width:720px){.draft-status-bar{align-items:flex-start;flex-direction:column}.client-insight{grid-template-columns:34px 1fr}.client-insight .btn{grid-column:1/-1}.expiry-actions{justify-content:flex-start;flex-wrap:wrap}}


/* v25 — corrector ortográfico visible + validación Yape paso a paso */
.autocorrect-v25{align-items:flex-start;padding:16px}.autocorrect-main{min-width:0;flex:1}.autocorrect-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.autocorrect-toggle{display:flex;align-items:center;gap:10px;cursor:pointer}.autocorrect-toggle input{position:absolute;opacity:0;pointer-events:none}.toggle-check{width:28px;height:28px!important;margin:0!important;border-radius:9px;background:#23a55a;color:#fff!important;display:grid!important;place-items:center;font-size:15px!important;font-weight:950;box-shadow:0 6px 14px rgba(35,165,90,.18)}.autocorrect-toggle input:not(:checked)+.toggle-check{background:#e8edf5;color:#8792a5!important;box-shadow:none}.autocorrect-toggle b{font-size:13px!important}.autocorrect-toggle small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.spell-count{display:inline-flex!important;margin:0!important;padding:6px 9px;border-radius:999px;background:#fff0f0;color:#b83d3d!important;font-weight:900;font-size:9px!important;white-space:nowrap}.spell-count.ok{background:#eaf8ef;color:#18864d!important}.spell-preview{margin-top:12px;padding:12px 13px;border:1px solid #e0e5ef;border-radius:12px;background:#fff;line-height:1.65;color:#344158;font-size:11px}.spell-preview .preview-label{display:block;color:#8792a5;font-size:8px;font-weight:900;letter-spacing:.1em;margin-bottom:3px}.spell-preview .preview-line+.preview-line{margin-top:7px}.spell-error{text-decoration:underline wavy #d74545 1.5px;text-underline-offset:3px;background:#fff7f7;border-radius:3px;padding:0 1px;color:inherit}.correction-changes{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.correction-changes span{display:inline-flex!important;align-items:center;gap:5px;margin:0!important;padding:5px 7px;border:1px solid #ded5ef;border-radius:8px;background:#fff;color:#566176!important;font-size:9px!important}.correction-changes del{color:#b83d3d}.correction-changes ins{color:#18864d;text-decoration:none;font-weight:850}.autocorrect-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.autocorrect-v25.disabled .spell-preview{opacity:.65}.autocorrect-v25.disabled .toggle-check{background:#e8edf5!important;color:#8792a5!important}
.yape-validation-card{border:1px solid #d8e0ec;border-radius:14px;padding:13px;background:#fff}.yape-step-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.yape-step-head>div{display:flex;align-items:center;gap:8px}.step-number{width:24px;height:24px;border-radius:8px;background:#10195a;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}.yape-step-head b{font-size:11px;color:var(--navy)}.yape-status{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:900}.yape-status.pending{background:#eef2f7;color:#647188}.yape-status.ok{background:#eaf8ef;color:#18864d}.yape-status.error{background:#fff0f0;color:#b83d3d}.yape-actions{display:flex;align-items:center;gap:10px;margin-top:9px}.yape-actions span{font-size:9px;color:var(--muted);line-height:1.4}.yape-explain{display:flex;align-items:flex-start;gap:8px}.yape-explain b{white-space:nowrap}.yape-explain span{color:var(--muted)}#cajaSubmit:disabled{opacity:.48;cursor:not-allowed;filter:grayscale(.2)}
.filter-grid-advanced .compact-field>select{width:100%}
@media(max-width:760px){.autocorrect-heading,.yape-actions,.yape-explain{align-items:flex-start;flex-direction:column}.autocorrect-actions{justify-content:flex-start;width:100%}.spell-count{align-self:flex-start}}

/* Datos del sistema anterior, adaptados a la interfaz moderna */
.legacy-section{border:1px solid #dbe5e8;border-radius:14px;padding:18px;margin:20px 0;background:#f8fbfc}.legacy-section h3{margin:0 0 6px}.legacy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}.legacy-field{display:flex;flex-direction:column;gap:5px;font-size:13px;margin:8px 0}.legacy-field>span{font-weight:650}.legacy-benefits{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px}.legacy-benefits label{background:#edf4f6;border:1px solid #dde8eb;border-radius:7px;padding:7px 9px;font-size:12px}.legacy-benefits input{accent-color:#087768}.legacy-section textarea{width:100%}@media(max-width:850px){.legacy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.legacy-grid{grid-template-columns:1fr}}

/* Identidad refinada para el prototipo */
:root{--navy:#163643;--navy2:#0c2530;--green:#0b7968;--blue:#2d766c;--purple:#316b87;--bg:#f4f7f6;--line:#dde7e5;--text:#1c3540;--muted:#72828a;--shadow:0 6px 24px rgba(14,40,48,.055)}
.side{background:linear-gradient(165deg,#12333e,#0b2730)}
.slink.active{background:#17594f;color:#fff}.title h1{color:#173945} 

.generated-art .generated-subtitle{display:block;font-size:clamp(14px,1.7vw,25px);line-height:1.23;font-weight:750;margin:4px 0 10px;color:#fff;}