:root{--bg:#020711;--panel:#0b1625;--panel2:#111f31;--text:#f7fbff;--muted:#91a9c1;--line:rgba(255,255,255,.1);--red:#e31937;--red2:#ff4d64;--cyan:#7eeaff}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Segoe UI,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 88% 7%,rgba(227,25,55,.12),transparent 28%),linear-gradient(135deg,#020711,#061426 48%,#0a2038)}button,input,textarea,select{font:inherit}.hidden{display:none!important}.shell{min-height:100vh}.topbar{height:64px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(2,7,17,.86);backdrop-filter:blur(14px);position:sticky;top:0;z-index:30}.route{display:flex;align-items:center;gap:9px;color:#9db5cc;font-size:12px;font-weight:850}.route a{color:#eaf8ff;text-decoration:none}.route b{color:#ff8191}.version{padding:8px 12px;border-radius:999px;border:1px solid rgba(227,25,55,.32);color:#ff8191;font-size:11px;font-weight:950}.content{width:min(1540px,calc(100% - 42px));margin:auto;padding:28px 0 65px}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.hero h1{margin:0;font-size:42px;letter-spacing:-1.2px}.hero p{margin:7px 0 0;color:var(--muted);font-weight:750}.hero-actions{display:flex;gap:9px;flex-wrap:wrap}.btn{min-height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.18);color:#fff;padding:0 13px;font-weight:850;cursor:pointer}.btn:hover{border-color:rgba(255,255,255,.3)}.btn.primary{background:linear-gradient(135deg,var(--red2),var(--red));border-color:rgba(255,125,145,.35)}.btn.soft{background:rgba(227,25,55,.11);border-color:rgba(227,25,55,.25);color:#ffdce2}.btn.danger{color:#ff8b99;border-color:rgba(255,92,111,.28)}.btn.small{min-height:34px;font-size:11px}.select{min-height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0a1726;color:#fff;padding:0 12px;font-weight:800}.workspace-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.04);margin-bottom:16px}.tab{height:54px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.035);color:#e9f2fb;font-weight:900;cursor:pointer}.tab.active{background:linear-gradient(135deg,rgba(227,25,55,.20),rgba(227,25,55,.08));border-color:rgba(255,101,121,.4);box-shadow:inset 0 0 0 1px rgba(227,25,55,.08)}.panel{border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 100% 0%,rgba(227,25,55,.08),transparent 30%),linear-gradient(160deg,rgba(255,255,255,.065),rgba(255,255,255,.025));box-shadow:0 22px 65px rgba(0,0,0,.25);padding:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.panel-head h2,.panel-head h3{margin:0}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:12px;font-weight:700}.meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.field{display:grid;gap:5px}.field.full{grid-column:1/-1}.field label{font-size:10px;color:#8ca8c1;text-transform:uppercase;letter-spacing:.06em;font-weight:900}.input,.textarea{width:100%;border:1px solid rgba(255,255,255,.11);border-radius:11px;background:rgba(0,0,0,.18);color:#fff;padding:10px 11px;outline:none}.textarea{min-height:84px;resize:vertical;line-height:1.4}.input:focus,.textarea:focus{border-color:rgba(255,101,121,.58);box-shadow:0 0 0 3px rgba(227,25,55,.08)}.blocks-shell{margin-top:14px}.blocks-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.blocks-toolbar h2{margin:0;font-size:22px}.block-list{display:grid;gap:10px}.block-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(0,0,0,.13)}.block-num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(227,25,55,.14);color:#ff8797;font-size:11px;font-weight:950}.block-card h3{margin:0;font-size:16px}.block-card p{margin:4px 0 0;color:#8ca5bd;font-size:11px;line-height:1.35}.block-meta{display:flex;gap:7px;align-items:center;margin-top:7px;flex-wrap:wrap}.pill{padding:5px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);font-size:9px;font-weight:900;color:#bdd1e4}.pill.red{border-color:rgba(227,25,55,.25);background:rgba(227,25,55,.08);color:#ff91a0}.block-actions{display:flex;gap:7px;align-items:center}.empty{padding:30px;text-align:center;color:#8fa8c0;border:1px dashed rgba(255,255,255,.13);border-radius:14px}.preview-panel{padding:0;overflow:hidden}.preview-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}.preview-frame{width:100%;height:calc(100vh - 245px);min-height:700px;border:0;background:#dfe5ec}.pdf-card{max-width:740px;margin:25px auto;padding:28px;text-align:center}.pdf-card .big-icon{width:76px;height:76px;margin:0 auto 16px;border-radius:20px;display:grid;place-items:center;background:rgba(227,25,55,.14);color:#ff8293;font-size:30px;font-weight:950}.pdf-card h2{margin:0 0 8px;font-size:30px}.pdf-card p{margin:0 auto 20px;max-width:560px;color:#9eb4c9;line-height:1.5}.dialog{width:min(1060px,calc(100% - 28px));max-height:90vh;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:#081523;color:#fff;padding:0;box-shadow:0 35px 100px rgba(0,0,0,.6)}.dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}.dialog-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(8,21,35,.97)}.dialog-head h2{margin:0;font-size:21px}.dialog-body{padding:18px;max-height:calc(90vh - 68px);overflow:auto}.dialog-footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:8px;padding:13px 18px;border-top:1px solid rgba(255,255,255,.09);background:rgba(8,21,35,.97)}.editor-section{margin-top:14px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(0,0,0,.12)}.editor-section:first-child{margin-top:0}.editor-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.editor-section-head strong{font-size:13px}.editor-section-head span{font-size:10px;color:#819bb4}.rows{display:grid;gap:8px}.row{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(190px,1.4fr) auto;gap:7px;align-items:start;padding:9px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.025)}.row.items{grid-template-columns:90px 52px minmax(150px,.8fr) minmax(220px,1.5fr) 105px auto}.row.callout{grid-template-columns:minmax(180px,1fr) 90px 90px auto}.row.image{grid-template-columns:130px minmax(180px,1fr) minmax(220px,1.3fr) 120px auto}.row .input,.row .textarea{min-height:38px;padding:8px 9px;font-size:11px}.row .textarea{min-height:60px}.row-actions{display:flex;gap:5px}.icon-btn{width:34px;height:34px;border-radius:9px;border:1px solid rgba(255,255,255,.11);background:rgba(0,0,0,.18);color:#dce9f5;cursor:pointer}.icon-btn.danger{color:#ff778a;border-color:rgba(255,86,108,.22)}.block-admin-row{display:grid;grid-template-columns:42px minmax(170px,1.2fr) minmax(150px,.7fr) 100px auto;gap:8px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025)}.block-admin-row .order{color:#ff8293;font-weight:950;font-size:10px}.check{display:flex;gap:6px;align-items:center;font-size:10px;font-weight:850;color:#b4c9dd}.upload-row{display:grid;grid-template-columns:1fr 160px 200px auto;gap:8px;align-items:center}.asset-preview{height:72px;border-radius:9px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.asset-preview img{width:100%;height:100%;object-fit:contain}.save-state{font-size:11px;color:#8ddbb5;font-weight:800;min-height:18px}.save-state.error{color:#ff8c99}.format-box{display:grid;gap:7px;margin-top:8px;padding:10px 12px;border:1px solid rgba(227,25,55,.18);border-radius:12px;background:rgba(227,25,55,.06)}.format-line{font-size:11px;line-height:1.35;color:#d9e7f5}.format-line:first-child{font-weight:900;color:#ffb3bf}.item-side-fields{display:grid;align-content:start}.image-order-help{margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.12);font-size:11px;line-height:1.4;color:#9ab3ca}.asset-preview{position:relative}.asset-order{position:absolute;left:6px;top:6px;z-index:2;padding:4px 7px;border-radius:999px;background:rgba(11,22,37,.82);color:#fff;font-size:10px;font-weight:900}.row.items.with-image-link{grid-template-columns:90px 52px minmax(150px,.8fr) minmax(220px,1.4fr) 170px auto}.editor-section[data-section="items"] .editor-section-head span{max-width:540px;text-align:right}
.row.point-item{grid-template-columns:70px minmax(180px,.75fr) minmax(280px,1.5fr) auto}.row.application-item{grid-template-columns:70px minmax(230px,.8fr) minmax(180px,.75fr) minmax(260px,1.25fr) auto;align-items:center}.item-icon-preview{width:58px;height:58px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#fff;display:grid;place-items:center;overflow:hidden}.item-icon-preview img{width:38px;height:38px;object-fit:contain}.item-icon-preview span{color:#e31937;font-size:24px;font-weight:900}.application-icon-fields{display:grid;gap:6px}.svg-upload-line{display:grid;grid-template-columns:minmax(130px,1fr) auto;gap:6px}.svg-upload-line .input{padding:5px;font-size:10px}.row.point-item .item-number{text-align:center;font-weight:950;color:#ff8797}.row.point-item .item-title{font-weight:850}@media(max-width:900px){.row.point-item,.row.application-item,.svg-upload-line{grid-template-columns:1fr}.item-icon-preview{width:52px;height:52px}}@media(max-width:900px){.meta-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.row,.row.items,.row.callout,.row.image,.block-admin-row,.upload-row{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.workspace-tabs{grid-template-columns:1fr}.preview-frame{height:72vh}.block-card{grid-template-columns:38px 1fr}.block-actions{grid-column:2;justify-content:flex-start}}@media(max-width:600px){.content{width:min(100% - 22px,1540px);padding-top:16px}.hero h1{font-size:31px}.topbar{padding:0 12px}.route span{display:none}.panel{border-radius:16px;padding:12px}.dialog{width:calc(100% - 12px)}.dialog-body{padding:12px}}

/* v4.1.0 · iconos editables para Datos / indicadores */
.field-indicator-row{grid-template-columns:230px minmax(150px,.8fr) minmax(220px,1.3fr) auto;align-items:start}.field-icon-editor{display:grid;grid-template-columns:42px 58px 1fr;gap:6px;align-items:center}.pair-icon-preview{width:42px;height:42px;border-radius:10px;background:rgba(227,25,55,.08);border:1px solid rgba(227,25,55,.18);display:grid;place-items:center;overflow:hidden;color:#ff6f84;font-weight:900}.pair-icon-preview img{width:24px;height:24px;object-fit:contain}.field-icon-editor .pair-icon-url{grid-column:1/-1}.field-icon-editor .svg-upload-line{grid-column:1/-1}.field-icon-help{margin-top:8px;padding:9px 11px;border-radius:10px;background:rgba(255,255,255,.035);border:1px dashed rgba(255,255,255,.12);font-size:11px;color:#8ea8bf;line-height:1.35}@media(max-width:1050px){.field-indicator-row{grid-template-columns:1fr}.field-icon-editor{grid-template-columns:42px 70px 1fr}}
.row.process-editor-item{grid-template-columns:minmax(220px,.8fr) minmax(360px,1.6fr) auto}
@media(max-width:900px){.row.process-editor-item{grid-template-columns:1fr}}

/* v4.1.0 · complemento de ajuste visual dentro de la vista previa */
.preview-toolbar-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.layout-toggle.active{border-color:rgba(255,101,121,.62);background:rgba(227,25,55,.18);color:#ff9aaa}.preview-workspace{display:grid;grid-template-columns:minmax(0,1fr);min-height:700px;background:#dfe5ec}.preview-workspace.with-layout-panel{grid-template-columns:minmax(0,1fr) 330px}.preview-workspace .preview-frame{height:calc(100vh - 245px);min-height:700px}.layout-editor-panel{height:calc(100vh - 245px);min-height:700px;overflow:auto;background:#071421;border-left:1px solid rgba(255,255,255,.10);padding:14px;color:#eef5fb}.layout-panel-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.09)}.layout-panel-head h3{margin:2px 0 3px;font-size:19px}.layout-panel-head p{margin:0;color:#8fa8bf;font-size:10px;line-height:1.4}.layout-kicker{font-size:8px;letter-spacing:.12em;color:#ff7f91;font-weight:950}.layout-empty{display:grid;gap:6px;margin-top:14px;padding:18px 14px;border-radius:13px;border:1px dashed rgba(255,255,255,.13);background:rgba(255,255,255,.025);text-align:center}.layout-empty strong{font-size:13px}.layout-empty span{color:#88a2ba;font-size:10px;line-height:1.45}.layout-selected{display:grid;gap:4px;margin:14px 0 10px;padding:12px;border-radius:12px;background:rgba(227,25,55,.07);border:1px solid rgba(227,25,55,.17)}.layout-selected span{font-size:8px;color:#ff8a9a;font-weight:950;letter-spacing:.1em}.layout-selected strong{font-size:12px;line-height:1.3}.layout-selected code{color:#7f99b1;font-size:8px;word-break:break-all}.layout-control-group{display:grid;gap:10px;padding:12px;margin-top:9px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07)}.layout-control-group h4{margin:0;color:#fff;font-size:12px}.layout-control-group label{display:grid;gap:6px}.layout-control-group label>span{display:flex;justify-content:space-between;gap:10px;color:#a7bdd0;font-size:9px;font-weight:800}.layout-control-group label b{color:#fff;font-size:9px}.layout-control-group input[type=range]{width:100%;accent-color:#e31937}.layout-control-group .select{width:100%;min-height:36px;font-size:10px}.layout-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px!important;padding:8px 0}.layout-check span{display:block!important;color:#d9e7f3!important}.layout-control-group small{color:#7892aa;font-size:9px;line-height:1.35}.layout-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.layout-panel-foot{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.layout-panel-foot .btn{width:100%}.layout-panel-foot p{margin:8px 0 0;color:#7891a8;font-size:9px;line-height:1.4}@media(max-width:1100px){.preview-workspace.with-layout-panel{grid-template-columns:minmax(0,1fr) 285px}}@media(max-width:820px){.preview-workspace.with-layout-panel{grid-template-columns:1fr}.layout-editor-panel{height:auto;min-height:0;border-left:0;border-top:1px solid rgba(255,255,255,.1)}.preview-workspace .preview-frame{height:70vh;min-height:540px}}


/* v4.1.1 · orden visual individual de tarjetas */
.layout-card-order{display:grid;gap:7px;padding-top:9px;margin-top:2px;border-top:1px solid rgba(255,255,255,.08)}.layout-card-order-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#a7bdd0;font-size:9px;font-weight:800}.layout-card-order-head b{color:#fff;font-size:9px}.layout-card-order-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.layout-card-order-actions .btn{width:100%;padding-inline:7px}.layout-card-order-actions .btn:disabled{opacity:.35;cursor:not-allowed}.layout-card-order small{color:#7892aa;font-size:9px;line-height:1.35}

.layout-status-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.layout-status{min-height:30px;padding:6px 9px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);display:flex;align-items:center;justify-content:center;text-align:center;color:#a8bfd3;font-size:9px;font-weight:900}.layout-status.saved{color:#9df5cb;border-color:rgba(35,209,139,.25);background:rgba(35,209,139,.07)}.layout-status.pending{color:#ffe09a;border-color:rgba(255,209,102,.28);background:rgba(255,209,102,.07)}.layout-status.warning{color:#ffc58c;border-color:rgba(255,154,61,.32);background:rgba(255,154,61,.08)}.layout-validation-details{display:grid;gap:4px;margin-top:8px;padding:9px 10px;border-radius:10px;border:1px solid rgba(255,154,61,.22);background:rgba(255,154,61,.055);color:#d8e4ee;font-size:9px;line-height:1.35}.layout-validation-details strong{color:#ffc58c}.layout-validation-details span{display:block;color:#a9bdcf}

/* v4.1.10 — controles de tamaño/ancho de tarjetas */
.layout-card-size-help{margin:-1px 0 3px;padding:8px 9px;border-radius:10px;background:rgba(255,255,255,.035);border:1px dashed rgba(255,255,255,.09);color:#819bb4;font-size:9px;line-height:1.35}