:root{--lcsp-primary:#ff6a00;--lcsp-primary-dark:#e65c00;--lcsp-border:#e5e7eb;--lcsp-text:#111827;--lcsp-muted:#6b7280;--lcsp-shadow:0 4px 12px rgba(0,0,0,.05)}.lcsp-panel,.lcsp-panel *,.lcsp-public,.lcsp-public *{box-sizing:border-box}.lcsp-panel{max-width:1100px;margin:0 auto;padding:20px;background:#fff;color:var(--lcsp-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.lcsp-head,.lcsp-card,.lcsp-row,.lcsp-block{background:#fff;border:1px solid var(--lcsp-border);border-radius:12px;box-shadow:var(--lcsp-shadow)}.lcsp-head{padding:20px;margin-bottom:20px}.lcsp-brand{display:flex;align-items:center;gap:16px}.lcsp-logo{width:74px;height:74px;min-width:74px;border:1px solid var(--lcsp-border);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px;background:#fff}.lcsp-logo img{max-width:100%;max-height:100%;object-fit:contain}.lcsp-logo span{font-weight:900;color:var(--lcsp-primary)}.lcsp-kicker{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:var(--lcsp-primary-dark);font-weight:800;margin:0 0 6px}.lcsp-head h2{margin:0 0 6px;font-size:28px;line-height:1.12}.lcsp-head p,.lcsp-muted{margin:0;color:var(--lcsp-muted);line-height:1.45}.lcsp-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.lcsp-card{padding:20px}.lcsp-card h3{margin:0 0 14px;font-size:24px}.lcsp-form{display:grid;gap:12px}.lcsp-form label{display:grid;gap:6px;font-weight:800;color:var(--lcsp-muted);font-size:13px}.lcsp-form input,.lcsp-form select,.lcsp-form textarea{width:100%;border:1px solid var(--lcsp-border);border-radius:10px;min-height:42px;padding:10px 12px;background:#fff;font:inherit}.lcsp-form small{font-size:12px;color:var(--lcsp-muted);font-weight:600}.lcsp-fields-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lcsp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border-radius:10px;text-decoration:none;font-weight:800;border:1px solid transparent;cursor:pointer}.lcsp-btn-primary{background:var(--lcsp-primary);border-color:var(--lcsp-primary);color:#fff}.lcsp-btn-soft{background:#f9fafb;border-color:var(--lcsp-border);color:var(--lcsp-text)}.lcsp-block-builder{display:grid;gap:12px}.lcsp-block-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.lcsp-block{padding:14px;display:grid;gap:10px}.lcsp-block-top{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.lcsp-help{padding:10px 12px;border-radius:10px;background:#fff7ed;color:#9a3412;font-size:13px;font-weight:700}.lcsp-remove-block{border:0;background:#fee2e2;color:#991b1b;border-radius:10px;min-height:40px;padding:8px 12px;font-weight:800}.lcsp-list{display:grid;gap:12px}.lcsp-row{padding:14px;display:grid;grid-template-columns:1fr 110px;gap:12px;align-items:center}.lcsp-row strong{display:block}.lcsp-row span{display:block;color:var(--lcsp-muted);font-size:12px;overflow-wrap:anywhere;margin:4px 0 10px}.lcsp-row-actions{display:flex;gap:8px;flex-wrap:wrap}.lcsp-qr{width:110px;height:110px;border-radius:10px;border:1px solid var(--lcsp-border)}.lcsp-success{background:#ecfdf5;color:#166534;padding:12px;border-radius:10px;margin-bottom:14px}.lcsp-error{background:#fef2f2;color:#991b1b;padding:12px;border-radius:10px;margin-bottom:14px}.lcsp-empty{padding:14px;border:1px dashed var(--lcsp-border);border-radius:12px;color:var(--lcsp-muted);background:#f9fafb}.lcsp-public{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;color:var(--lcsp-text);min-height:100vh}.lcsp-public-content{max-width:980px;margin:0 auto;padding:20px}.lcsp-pblock{padding:34px 22px;margin:16px 0;border:1px solid var(--lcsp-border);border-radius:18px;box-shadow:var(--lcsp-shadow);background:#fff;text-align:left}.lcsp-pblock-hero{text-align:center;background:linear-gradient(180deg,#fff7ed,#fff)}.lcsp-pblock h2{font-size:32px;line-height:1.1;margin:0 0 12px}.lcsp-pblock p{font-size:17px;line-height:1.6;color:#374151}.lcsp-media{max-width:100%;border-radius:16px;margin-bottom:16px}.lcsp-video iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:16px}.lcsp-pblock ul{display:grid;gap:10px;font-size:17px}.lcsp-public-qr{text-align:center;padding:22px;border:1px solid var(--lcsp-border);border-radius:18px;margin:20px 0}.lcsp-public-qr img{width:160px;height:160px}.lcsp-public-qr p{overflow-wrap:anywhere;color:var(--lcsp-muted)}.lcsp-capture{position:fixed;inset:0;background:rgba(15,23,42,.72);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.lcsp-capture-card{max-width:420px;width:100%;background:#fff;border-radius:18px;padding:22px;display:grid;gap:12px}.lcsp-capture-card input{width:100%;border:1px solid var(--lcsp-border);border-radius:10px;min-height:42px;padding:10px 12px}body.lcsp-captured .lcsp-capture{display:none!important}@media(max-width:768px){.lcsp-panel{padding:12px}.lcsp-head,.lcsp-card{border-radius:16px}.lcsp-grid,.lcsp-fields-2{grid-template-columns:1fr}.lcsp-card{padding:14px}.lcsp-row{grid-template-columns:1fr}.lcsp-qr{width:120px;height:120px}.lcsp-block-top{grid-template-columns:1fr}.lcsp-public-content{padding:12px}.lcsp-pblock{padding:24px 16px}.lcsp-pblock h2{font-size:28px}.lcsp-pblock p{font-size:16px}}
.lcsp-video video{width:100%;aspect-ratio:16/9;border:0;border-radius:16px;background:#111;display:block}
.lcsp-bg-blanco{background:#fff}
.lcsp-bg-claro{background:#f9fafb}
.lcsp-bg-degradado{background:linear-gradient(180deg,#fff7ed,#ffffff 42%,#f9fafb)}
.lcsp-bg-oscuro{background:#111827;color:#fff}
.lcsp-bg-oscuro .lcsp-pblock,.lcsp-bg-oscuro .lcsp-public-qr{background:#1f2937;border-color:#374151;color:#fff}
.lcsp-bg-oscuro .lcsp-pblock p,.lcsp-bg-oscuro .lcsp-public-qr p{color:#d1d5db}
.lcsp-width-compacto .lcsp-public-content{max-width:760px}
.lcsp-button-outline .lcsp-btn-primary{background:#fff!important;color:var(--lcsp-primary)!important;border-color:var(--lcsp-primary)!important}
.lcsp-button-redondeado .lcsp-btn{border-radius:999px!important}
.lcsp-cta-fields{display:grid;gap:12px;border:1px solid var(--lcsp-border);border-radius:12px;background:#fffaf3;padding:12px}
.lcsp-progress{height:8px;background:#f3f4f6;border-radius:999px;overflow:hidden;margin:0 0 14px}
.lcsp-progress span{display:block;height:100%;width:0;background:var(--lcsp-primary);transition:width .2s ease}
.lcsp-next-block{margin-top:14px}
.lcsp-pblock-problema{background:#fff7ed}
.lcsp-pblock-solucion{background:#f0fdf4}
.lcsp-pblock-urgencia{background:#fef2f2}
.lcsp-pblock-oferta{background:#f8fafc}
.lcsp-pblock-testimonios{background:#f9fafb}

.lcsp-dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 20px}
.lcsp-kpi{background:#fff;border:1px solid var(--lcsp-border);border-radius:14px;box-shadow:var(--lcsp-shadow);padding:16px}
.lcsp-kpi span{display:block;color:var(--lcsp-muted);font-size:13px;font-weight:800}
.lcsp-kpi strong{display:block;font-size:28px;line-height:1.1;margin:6px 0 2px}
.lcsp-kpi small{color:var(--lcsp-muted);font-size:12px}
.lcsp-dashboard-list{gap:14px}
.lcsp-dashboard-row{grid-template-columns:1fr 104px;align-items:start}
.lcsp-row-main{min-width:0}
.lcsp-row-title{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.lcsp-status{display:inline-flex!important;width:auto!important;padding:4px 8px;border-radius:999px;background:#ecfdf5;color:#166534;font-size:11px!important;font-weight:900;margin:0!important}
.lcsp-url{font-size:12px!important;overflow-wrap:anywhere}
.lcsp-mini-stats{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}
.lcsp-mini-stats span{display:inline-flex!important;width:auto!important;background:#f9fafb;border:1px solid var(--lcsp-border);border-radius:999px;padding:5px 8px;font-size:11px!important;color:var(--lcsp-muted)!important;margin:0!important}
.lcsp-block-actions{display:flex;gap:6px;justify-content:flex-end;align-items:center}
.lcsp-block-actions button{border:0;border-radius:10px;min-height:36px;padding:7px 10px;font-weight:900;cursor:pointer}
.lcsp-move-up,.lcsp-move-down{background:#f3f4f6;color:#111827}
@media(max-width:768px){.lcsp-dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lcsp-kpi{padding:12px}.lcsp-kpi strong{font-size:24px}.lcsp-dashboard-row{grid-template-columns:1fr}.lcsp-block-actions{justify-content:flex-start;flex-wrap:wrap}}

.lcsp-block{position:relative}
.lcsp-block-actions{display:flex!important;gap:6px;justify-content:flex-end;align-items:center;flex-wrap:wrap}
.lcsp-drag-handle{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;border-radius:10px;background:#fff;border:1px solid var(--lcsp-border);font-weight:900;cursor:grab;color:#111827;user-select:none}
.lcsp-drag-handle:active{cursor:grabbing}
.lcsp-move-up,.lcsp-move-down{display:inline-flex!important;align-items:center;justify-content:center;background:#fff!important;border:1px solid var(--lcsp-border)!important;color:#111827!important;border-radius:10px!important;min-width:36px!important;min-height:36px!important;padding:7px 10px!important;font-weight:900!important;cursor:pointer!important}
.lcsp-move-up:hover,.lcsp-move-down:hover,.lcsp-drag-handle:hover{background:var(--lcsp-primary)!important;color:#fff!important;border-color:var(--lcsp-primary)!important}
.lcsp-dragging{opacity:.55;transform:scale(.995);box-shadow:0 12px 30px rgba(0,0,0,.12)!important}
.lcsp-drag-over{outline:2px dashed var(--lcsp-primary);outline-offset:4px}
@media(max-width:768px){.lcsp-block-actions{justify-content:flex-start}.lcsp-drag-handle,.lcsp-move-up,.lcsp-move-down{min-width:34px!important;min-height:34px!important}}


/* ===== LCSP 1.1.8 BUILDER LIMPIO ===== */
.lcsp-block-top{
    align-items:center !important;
}
.lcsp-block-top > label{
    margin:0 !important;
}
.lcsp-block-actions{
    display:flex !important;
    flex-direction:row !important;
    gap:6px !important;
    align-items:center !important;
    justify-content:flex-end !important;
}
.lcsp-drag-handle,
.lcsp-move-up,
.lcsp-move-down,
.lcsp-remove-block{
    flex:0 0 auto !important;
}
.lcsp-remove-block{
    background:#fee2e2 !important;
    color:#991b1b !important;
    border:1px solid #fecaca !important;
    border-radius:10px !important;
    min-height:36px !important;
    padding:7px 10px !important;
    font-weight:900 !important;
    cursor:pointer !important;
}

@media(max-width:768px){
    .lcsp-panel{
        padding:10px !important;
        max-width:100% !important;
        overflow-x:hidden !important;
    }
    .lcsp-card,
    .lcsp-head,
    .lcsp-block{
        width:100% !important;
        max-width:100% !important;
    }
    .lcsp-card{
        padding:14px !important;
    }
    .lcsp-card h3{
        font-size:26px !important;
        line-height:1.15 !important;
    }
    .lcsp-block-head{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:10px !important;
    }
    .lcsp-block-head .lcsp-btn{
        width:100% !important;
        min-height:42px !important;
        font-size:14px !important;
        padding:8px 10px !important;
    }
    .lcsp-block{
        padding:12px !important;
        border-radius:14px !important;
        overflow:hidden !important;
    }
    .lcsp-block-top{
        display:grid !important;
        grid-template-columns:1fr auto !important;
        gap:8px !important;
        align-items:center !important;
        margin-bottom:8px !important;
    }
    .lcsp-block-top > label{
        min-width:0 !important;
        display:block !important;
    }
    .lcsp-block-top > label > select,
    .lcsp-block-type{
        width:100% !important;
        min-height:38px !important;
        height:38px !important;
        font-size:14px !important;
        padding:7px 10px !important;
        border-radius:10px !important;
    }
    .lcsp-block-actions{
        display:flex !important;
        flex-direction:row !important;
        flex-wrap:nowrap !important;
        justify-content:flex-end !important;
        align-items:center !important;
        gap:4px !important;
        width:auto !important;
        min-width:max-content !important;
    }
    .lcsp-drag-handle,
    .lcsp-move-up,
    .lcsp-move-down{
        min-width:32px !important;
        width:32px !important;
        height:32px !important;
        min-height:32px !important;
        padding:0 !important;
        font-size:16px !important;
        line-height:1 !important;
        border-radius:9px !important;
    }
    .lcsp-remove-block{
        min-width:34px !important;
        width:34px !important;
        height:32px !important;
        min-height:32px !important;
        padding:0 !important;
        font-size:0 !important;
        border-radius:9px !important;
        position:relative !important;
    }
    .lcsp-remove-block:after{
        content:"×";
        font-size:20px;
        line-height:1;
        font-weight:900;
    }
    .lcsp-help{
        font-size:12px !important;
        line-height:1.35 !important;
        padding:9px 10px !important;
        border-radius:10px !important;
    }
    .lcsp-block label{
        font-size:12px !important;
        gap:5px !important;
    }
    .lcsp-block input,
    .lcsp-block select,
    .lcsp-block textarea{
        min-height:38px !important;
        font-size:14px !important;
        padding:8px 10px !important;
        border-radius:10px !important;
    }
    .lcsp-block textarea{
        min-height:110px !important;
    }
    .lcsp-cta-fields{
        padding:10px !important;
        gap:10px !important;
    }
    .lcsp-fields-2{
        gap:8px !important;
    }
}

/* ultra narrow phones */
@media(max-width:420px){
    .lcsp-block-top{
        grid-template-columns:1fr !important;
    }
    .lcsp-block-actions{
        justify-content:flex-start !important;
        margin-top:4px !important;
    }
}

/* ===== LCSP 1.2.2 FLOW BUILDER UX REAL ===== */
.lcsp-flow-panel{background:#f8fafc;max-width:1180px;padding:18px;border-radius:24px}
.lcsp-head-clean{border-radius:22px;padding:18px;background:#fff;border:1px solid #fed7aa;box-shadow:0 12px 30px rgba(15,23,42,.04)}
.lcsp-head-clean .lcsp-logo{border-radius:18px;width:76px;height:76px;min-width:76px}
.lcsp-mini-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}
.lcsp-mini-kpis>div{background:#fff;border:1px solid var(--lcsp-border);border-radius:18px;padding:14px;box-shadow:0 8px 20px rgba(15,23,42,.035)}
.lcsp-mini-kpis strong{display:block;font-size:26px;line-height:1;font-weight:900;color:#111827}
.lcsp-mini-kpis span{display:block;color:#6b7280;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-top:6px}
.lcsp-flow-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start}
.lcsp-builder-card,.lcsp-side-card{border-radius:22px;background:#fff;box-shadow:0 14px 36px rgba(15,23,42,.055)}
.lcsp-builder-card>h3{font-size:30px;margin-bottom:12px}
.lcsp-general{border:1px solid var(--lcsp-border);border-radius:18px;background:#fff;overflow:hidden;margin-bottom:14px}
.lcsp-general summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;font-weight:900;color:#111827;background:#f9fafb}
.lcsp-general summary::-webkit-details-marker{display:none}
.lcsp-general summary span{font-size:17px}
.lcsp-general summary small{font-size:12px;color:#6b7280;font-weight:800}
.lcsp-general[open]{padding-bottom:14px}
.lcsp-general[open] label,.lcsp-general[open] .lcsp-fields-2{margin:0 14px 10px}
.lcsp-strategy{border:1px solid #fed7aa;background:linear-gradient(180deg,#fff7ed,#fff);border-radius:20px;padding:16px;margin:4px 0 18px}
.lcsp-strategy h4{font-size:26px;line-height:1.08;margin:0 0 8px;color:#1f2937}
.lcsp-strategy p{margin:0 0 12px;color:#6b7280;font-weight:600;line-height:1.45}
.lcsp-goals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.lcsp-goals button{min-height:78px;border:1px solid #fed7aa;background:#fff;border-radius:16px;text-align:left;padding:12px 14px;font-weight:900;font-size:15px;color:#111827;cursor:pointer;box-shadow:0 6px 18px rgba(15,23,42,.035)}
.lcsp-goals button:hover{border-color:var(--lcsp-primary);box-shadow:0 10px 24px rgba(255,106,0,.12);transform:translateY(-1px)}
.lcsp-block-builder{display:block}
.lcsp-block-head{display:block;margin:6px 0 12px}
.lcsp-block-head h3{font-size:28px;margin:0 0 4px}.lcsp-block-head p{margin:0}
#lcsp-blocks{display:grid;gap:10px}
.lcsp-flow-block{border:1px solid var(--lcsp-border);border-radius:18px;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.035);padding:0;overflow:hidden}
.lcsp-flow-block summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px}
.lcsp-flow-block summary::-webkit-details-marker{display:none}
.lcsp-block-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#fff7ed;border-radius:14px;font-size:20px}
.lcsp-flow-block summary strong{display:block;color:#111827;font-size:16px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.lcsp-flow-block summary small{display:block;color:#6b7280;font-size:12px;font-weight:800;margin-top:3px}
.lcsp-flow-block .lcsp-block-actions{display:flex!important;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:nowrap}
.lcsp-flow-block .lcsp-block-actions button{width:34px;height:34px;min-width:34px;min-height:34px;border-radius:11px;border:1px solid var(--lcsp-border);background:#fff;color:#111827;font-size:16px;font-weight:900;padding:0;line-height:1;cursor:pointer}
.lcsp-flow-block .lcsp-remove-block{background:#fee2e2!important;border-color:#fecaca!important;color:#991b1b!important}
.lcsp-flow-block[open] summary{border-bottom:1px solid var(--lcsp-border);background:#fffaf5}
.lcsp-block-body{display:grid;gap:12px;padding:14px}
.lcsp-block-body label{font-weight:800;color:#6b7280;font-size:13px}
.lcsp-add-area{margin-top:14px;border:1px dashed #fdba74;background:#fff7ed;border-radius:18px;padding:14px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}
.lcsp-add-area label{margin:0!important}.lcsp-add-area .lcsp-btn{min-height:44px}
.lcsp-savebar{position:sticky;bottom:8px;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border:1px solid var(--lcsp-border);border-radius:18px;padding:12px;display:flex;gap:10px;justify-content:flex-end;box-shadow:0 16px 40px rgba(15,23,42,.1);margin-top:16px}
.lcsp-side-card{position:sticky;top:16px}.lcsp-side-card h3{font-size:24px}.lcsp-side-card .lcsp-row{border-radius:16px}
@media(max-width:900px){.lcsp-flow-grid{grid-template-columns:1fr}.lcsp-side-card{position:relative;top:auto}.lcsp-goals{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.lcsp-flow-panel{padding:10px;border-radius:0}.lcsp-head-clean{padding:14px;border-radius:18px}.lcsp-brand{align-items:flex-start}.lcsp-head-clean .lcsp-logo{width:64px;height:64px;min-width:64px}.lcsp-head h2{font-size:22px}.lcsp-head p{font-size:14px}.lcsp-mini-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lcsp-mini-kpis>div{padding:12px;border-radius:16px}.lcsp-builder-card{padding:14px!important}.lcsp-builder-card>h3{font-size:26px}.lcsp-strategy{padding:14px;border-radius:18px}.lcsp-strategy h4{font-size:25px}.lcsp-goals{display:flex;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}.lcsp-goals button{min-width:150px;scroll-snap-align:start}.lcsp-flow-block summary{grid-template-columns:auto 1fr;gap:10px;padding:12px}.lcsp-flow-block summary .lcsp-block-actions{grid-column:1/-1;justify-content:flex-start!important}.lcsp-block-icon{width:38px;height:38px}.lcsp-flow-block summary strong{font-size:15px;white-space:normal}.lcsp-block-body{padding:12px}.lcsp-add-area{grid-template-columns:1fr;padding:12px}.lcsp-add-area .lcsp-btn{width:100%}.lcsp-savebar{left:8px;right:8px;bottom:8px;justify-content:stretch}.lcsp-savebar .lcsp-btn{flex:1}.lcsp-side-card{padding:14px!important}}

/* ===== LCSP v1.2.3 Interface v1.3.4 integration ===== */
.lcsp-panel.lc-os2-shell{max-width:1180px;margin:0 auto;background:#f8fafc;}
.lcsp-panel .lc-os2-head{margin-bottom:0;}
.lcsp-os2-tabs{margin-top:12px!important;margin-bottom:12px!important;}
.lcsp-flow-grid{display:block!important;}
.lcsp-flow-grid>.lc-os2-panel{width:100%;}
.lcsp-flow-grid>.lc-os2-panel[hidden]{display:none!important;}
.lcsp-mini-kpis.lc-os2-metrics{margin:14px 0!important;}
.lcsp-mini-kpis.lc-os2-metrics>.lc-os2-metric-card{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;}
.lcsp-mini-kpis.lc-os2-metrics>.lc-os2-metric-card strong{font-size:26px!important;line-height:1.1!important;}
.lcsp-mini-kpis.lc-os2-metrics>.lc-os2-metric-card span{font-size:12px!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:#6b7280!important;font-weight:900!important;}
.lcsp-card.lc-os2-card{box-sizing:border-box;}
.lcsp-side-card.lc-os2-card{width:100%;}
.lcsp-row.lc-os2-card{box-shadow:none!important;margin-bottom:12px;}
.lcsp-panel .lc-os2-btn{cursor:pointer;text-decoration:none!important;}
.lcsp-panel input[type="checkbox"],.lcsp-panel input[type="radio"]{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;padding:0!important;}
.lcsp-general.lc-os2-filter{border:1px solid #e5e7eb;border-radius:16px;background:#fff;padding:0;margin:12px 0;overflow:hidden;}
.lcsp-general.lc-os2-filter>summary{padding:14px 16px;cursor:pointer;font-weight:900;display:flex;justify-content:space-between;gap:10px;align-items:center;}
.lcsp-general.lc-os2-filter>label,.lcsp-general.lc-os2-filter>.lcsp-fields-2{padding-left:14px;padding-right:14px;}
@media(max-width:768px){.lcsp-panel.lc-os2-shell{padding:10px!important;border-radius:18px!important}.lcsp-mini-kpis.lc-os2-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.lcsp-os2-tabs{position:sticky!important;top:62px!important;z-index:20!important}.lcsp-row-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.lcsp-row-actions .lc-os2-btn{width:100%!important;justify-content:center!important}.lcsp-goals{grid-template-columns:repeat(2,minmax(0,1fr))!important}}


/* ===== LCSP v1.2.4 Interface OS2 responsive builder fix ===== */
/* El constructor debe respetar el ancho móvil y dejar que Interface controle botones/formularios. */
.lcsp-panel,
.lcsp-panel *{
    box-sizing:border-box !important;
}
.lcsp-panel{
    width:100% !important;
    max-width:1180px !important;
    overflow-x:hidden !important;
}
.lcsp-panel .lcsp-card,
.lcsp-panel .lc-os2-card,
.lcsp-panel .lcsp-builder-card,
.lcsp-panel .lcsp-general,
.lcsp-panel .lcsp-strategy,
.lcsp-panel .lcsp-flow-block,
.lcsp-panel .lcsp-add-area,
.lcsp-panel .lcsp-savebar{
    max-width:100% !important;
    overflow:hidden !important;
}
.lcsp-panel .lcsp-form,
.lcsp-panel .lcsp-block-body,
.lcsp-panel .lcsp-general,
.lcsp-panel .lcsp-add-area{
    min-width:0 !important;
}
.lcsp-panel label{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
}
.lcsp-panel input:not([type="checkbox"]):not([type="radio"]),
.lcsp-panel select,
.lcsp-panel textarea,
.lcsp-panel .lcsp-block-type,
.lcsp-panel #lcsp-new-block-type{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
}
.lcsp-panel textarea{
    resize:vertical !important;
}
.lcsp-panel .lcsp-fields-2{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
}
/* Botones: texto visible, ancho correcto y sin heredar reglas que los dejen vacíos */
.lcsp-panel .lcsp-btn,
.lcsp-panel .lc-os2-btn,
.lcsp-panel button.lcsp-btn,
.lcsp-panel a.lcsp-btn{
    box-sizing:border-box !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:visible !important;
    white-space:normal !important;
    text-indent:0 !important;
    font-size:15px !important;
    line-height:1.2 !important;
    gap:8px !important;
}
.lcsp-panel .lcsp-btn-primary,
.lcsp-panel .lc-os2-btn-primary,
.lcsp-panel button.lcsp-btn-primary,
.lcsp-panel a.lcsp-btn-primary{
    color:#fff !important;
    background:var(--lcsp-primary,#ff6a00) !important;
    border-color:var(--lcsp-primary,#ff6a00) !important;
}
.lcsp-panel .lcsp-btn-soft,
.lcsp-panel .lc-os2-btn-secondary,
.lcsp-panel button.lcsp-btn-soft,
.lcsp-panel a.lcsp-btn-soft{
    color:#111827 !important;
    background:#fff !important;
    border-color:#e5e7eb !important;
}
/* El área para agregar bloque debe verse como card móvil, no como fila que se sale. */
.lcsp-panel .lcsp-add-area{
    width:100% !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:end !important;
}
.lcsp-panel .lcsp-add-area .lcsp-btn{
    min-height:46px !important;
    padding:12px 18px !important;
}
.lcsp-panel .lcsp-savebar{
    width:auto !important;
}
.lcsp-panel .lcsp-savebar .lcsp-btn{
    min-height:46px !important;
    padding:12px 18px !important;
}
/* Botones compactos del orden de bloques no deben usar estilo de botón principal grande. */
.lcsp-panel .lcsp-flow-block .lcsp-block-actions .lc-os2-btn,
.lcsp-panel .lcsp-flow-block .lcsp-block-actions button{
    width:36px !important;
    min-width:36px !important;
    max-width:36px !important;
    height:36px !important;
    min-height:36px !important;
    padding:0 !important;
    font-size:16px !important;
    line-height:1 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
}
@media(max-width:768px){
    .lcsp-panel.lc-os2-shell,
    .lcsp-panel{
        padding:10px !important;
        overflow-x:hidden !important;
    }
    .lcsp-panel .lcsp-card,
    .lcsp-panel .lc-os2-card,
    .lcsp-panel .lcsp-builder-card,
    .lcsp-panel .lcsp-side-card{
        width:100% !important;
        max-width:100% !important;
        padding:14px !important;
        border-radius:18px !important;
    }
    .lcsp-panel .lcsp-flow-grid,
    .lcsp-panel .lcsp-fields-2,
    .lcsp-panel .lcsp-add-area{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:10px !important;
    }
    .lcsp-panel .lcsp-add-area .lcsp-btn,
    .lcsp-panel .lcsp-savebar .lcsp-btn{
        width:100% !important;
        justify-content:center !important;
        text-align:center !important;
    }
    .lcsp-panel .lcsp-savebar{
        left:10px !important;
        right:10px !important;
        bottom:8px !important;
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:8px !important;
        padding:10px !important;
    }
    .lcsp-panel .lcsp-flow-block summary{
        grid-template-columns:auto minmax(0,1fr) !important;
        overflow:hidden !important;
    }
    .lcsp-panel .lcsp-flow-block summary > span:nth-child(2){
        min-width:0 !important;
        overflow:hidden !important;
    }
    .lcsp-panel .lcsp-flow-block summary strong,
    .lcsp-panel .lcsp-flow-block summary small{
        max-width:100% !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }
    .lcsp-panel .lcsp-goals{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        overflow:visible !important;
    }
    .lcsp-panel .lcsp-goals button{
        min-width:0 !important;
        width:100% !important;
        text-align:center !important;
        padding:12px 8px !important;
    }
}
@media(max-width:420px){
    .lcsp-panel .lcsp-goals{
        grid-template-columns:1fr !important;
    }
}