@import url("product_demo_mobile.2d5157420358.css");
/* Product-tour layer for public CRM/ERP demos. Brand palette only. */
.demo-product-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:1rem;align-items:start}.demo-sidebar{position:sticky;top:calc(var(--site-navbar-height,76px) + 1rem);background:var(--demo-dark);border-radius:18px;padding:.8rem;border-top:3px solid var(--demo-main);box-shadow:0 14px 34px rgba(28,28,28,.12)}.demo-sidebar-brand{padding:.8rem .8rem 1rem;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:.6rem}.demo-sidebar-brand small{display:block;color:rgba(255,255,255,.58);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.demo-sidebar-brand strong{display:block;margin-top:.25rem}.demo-module-nav{display:grid;gap:.35rem}.demo-module-nav button{width:100%;border:0;background:transparent;color:rgba(255,255,255,.7);text-align:left;border-radius:10px;padding:.72rem .8rem;font-weight:750;display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer}.demo-module-nav button:hover,.demo-module-nav button.is-active{background:rgba(255,107,0,.13);color:#fff}.demo-module-nav button.is-active{box-shadow:inset 3px 0 0 var(--demo-main)}.demo-module-nav .nav-mark{color:var(--demo-main);font-size:.8rem}.demo-workspace{min-width:0}.demo-view{display:none}.demo-view.is-active{display:block}.demo-view-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.demo-view-head h2{margin:0;color:var(--demo-dark);font-weight:800}.demo-view-head p{margin:.3rem 0 0;color:var(--demo-muted)}.demo-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.demo-card{background:#fff;border:1px solid var(--demo-border);border-radius:16px;padding:1rem;box-shadow:0 10px 26px rgba(28,28,28,.05);min-width:0}.demo-card h3{font-size:1rem;margin:0 0 .75rem;color:var(--demo-dark);font-weight:800}.demo-card h4{font-size:.9rem;color:var(--demo-dark);font-weight:800}.demo-card-accent{border-top:3px solid var(--demo-main)}.demo-kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-bottom:1rem}.demo-kpi{background:#fff;border:1px solid var(--demo-border);border-radius:14px;padding:.9rem 1rem;position:relative;overflow:hidden}.demo-kpi:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--demo-main)}.demo-kpi span{display:block;color:var(--demo-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;font-weight:800}.demo-kpi strong{display:block;margin-top:.25rem;color:var(--demo-dark);font-size:1.35rem;overflow-wrap:anywhere}.demo-list{list-style:none;margin:0;padding:0}.demo-list li{padding:.75rem 0;border-bottom:1px solid #ededed;display:flex;justify-content:space-between;gap:.8rem;align-items:flex-start}.demo-list li:last-child{border-bottom:0}.demo-list strong{color:var(--demo-dark)}.demo-list small{display:block;color:var(--demo-muted);margin-top:.15rem}.demo-list-action{font-size:.72rem;font-weight:800;color:var(--demo-main);white-space:nowrap}.demo-bars{display:grid;gap:.7rem}.demo-bar-row{display:grid;grid-template-columns:110px 1fr 38px;gap:.6rem;align-items:center;font-size:.8rem;color:var(--demo-gray)}.demo-bar-track{height:9px;background:#ececec;border-radius:999px;overflow:hidden}.demo-bar-fill{height:100%;background:var(--demo-main);border-radius:999px}.demo-table-compact{width:100%;border-collapse:collapse}.demo-table-compact th,.demo-table-compact td{padding:.75rem .65rem;border-bottom:1px solid #ededed;text-align:left;vertical-align:top}.demo-table-compact th{font-size:.72rem;color:var(--demo-muted);text-transform:uppercase;letter-spacing:.04em}.demo-table-compact td{color:#3d3d3d}.demo-table-compact tr:last-child td{border-bottom:0}.demo-status{display:inline-flex;align-items:center;border-radius:999px;padding:.25rem .5rem;font-size:.72rem;font-weight:800;background:#f0f0f0;color:#494949}.demo-status.orange{background:var(--demo-soft-orange);color:#b94700;border:1px solid rgba(255,107,0,.2)}.demo-status.dark{background:var(--demo-dark);color:#fff}.demo-status.outline{background:#fff;border:1px solid #cfcfcf;color:#565656}.demo-prospect-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:1rem}.demo-reminder-list{display:grid;gap:.75rem}.demo-reminder{background:#fff;border:1px solid var(--demo-border);border-left:4px solid var(--demo-main);border-radius:12px;padding:.85rem 1rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center}.demo-reminder small{display:block;color:var(--demo-muted);margin-top:.2rem}.demo-reminder-time{font-size:.75rem;font-weight:800;color:var(--demo-main)}.demo-module-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.demo-module-card{background:#fff;border:1px solid var(--demo-border);border-radius:14px;padding:1rem;min-height:140px;position:relative}.demo-module-card:before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:var(--demo-main);border-radius:14px 14px 0 0}.demo-module-card span{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--demo-muted);font-weight:800}.demo-module-card strong{display:block;color:var(--demo-dark);font-size:1.05rem;margin:.35rem 0}.demo-module-card p{margin:0;color:var(--demo-muted);font-size:.86rem}.demo-project-progress{height:8px;background:#ececec;border-radius:999px;overflow:hidden;margin-top:.45rem}.demo-project-progress span{display:block;height:100%;background:var(--demo-main)}.demo-inventory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.demo-stock-card{background:#fff;border:1px solid var(--demo-border);border-radius:14px;padding:1rem}.demo-stock-card strong{display:block;color:var(--demo-dark)}.demo-stock-card small{color:var(--demo-muted)}.demo-stock-value{font-size:1.45rem;color:var(--demo-dark);font-weight:850;margin:.45rem 0}.demo-stock-low{border-left:4px solid var(--demo-main)}.demo-fictitious-note{font-size:.78rem;color:rgba(255,255,255,.67);margin-top:.45rem}.demo-mobile-nav-label{display:none}.demo-inline-actions{display:flex;gap:.55rem;flex-wrap:wrap}.demo-section-separator{height:1px;background:#ededed;margin:1rem 0}

/* CRM sales pipeline and ERP cross-area flow */
.demo-product-shell .demo-pipeline{grid-template-columns:repeat(5,minmax(175px,1fr))}.demo-link-flow{display:grid;grid-template-columns:minmax(145px,1fr) auto minmax(145px,1fr) auto minmax(145px,1fr) auto minmax(145px,1fr) auto minmax(145px,1fr);gap:.55rem;align-items:stretch}.demo-link-node{border:1px solid var(--demo-border);border-top:3px solid var(--demo-main);background:#fff;border-radius:14px;padding:.85rem;text-align:left;min-width:0;color:var(--demo-dark)}button.demo-link-node{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}button.demo-link-node:hover{transform:translateY(-2px);border-color:var(--demo-main);box-shadow:0 10px 22px rgba(28,28,28,.08)}.demo-link-node span{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;font-weight:800;color:var(--demo-muted)}.demo-link-node strong{display:block;margin:.35rem 0;color:var(--demo-dark);overflow-wrap:anywhere}.demo-link-node small{display:block;color:var(--demo-muted);line-height:1.35}.demo-link-arrow{display:flex;align-items:center;justify-content:center;color:var(--demo-main);font-size:1.3rem;font-weight:900}.demo-link-flow-compact{grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr) auto minmax(150px,1fr)}

@media(max-width:1200px){.demo-link-flow{grid-template-columns:repeat(5,minmax(140px,1fr));overflow-x:auto;padding-bottom:.35rem}.demo-link-arrow{display:none}.demo-link-node{min-width:140px}}
@media(max-width:1100px){.demo-product-shell{grid-template-columns:190px minmax(0,1fr)}.demo-module-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-card-grid{grid-template-columns:1fr}.demo-inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.demo-product-shell{grid-template-columns:1fr}.demo-sidebar{position:static;padding:.65rem}.demo-sidebar-brand{display:none}.demo-module-nav{display:flex;overflow-x:auto;gap:.45rem;padding-bottom:.15rem;scrollbar-width:thin;scrollbar-color:var(--demo-main) #333}.demo-module-nav button{width:auto;min-width:max-content;background:#252525;border:1px solid #383838;padding:.65rem .8rem}.demo-module-nav button.is-active{box-shadow:none;border-color:var(--demo-main)}.demo-prospect-layout{grid-template-columns:1fr}.demo-mobile-nav-label{display:block;color:var(--demo-muted);font-size:.75rem;margin:0 0 .45rem .15rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.demo-product-shell .demo-pipeline{grid-template-columns:1fr;overflow:visible}.demo-product-shell .demo-column{min-height:auto}.demo-link-flow,.demo-link-flow-compact{grid-template-columns:1fr;overflow:visible}.demo-link-arrow{display:block;transform:rotate(90deg);padding:.1rem}.demo-link-node{min-width:0}}
@media(max-width:650px){
.demo-kpi-row{grid-template-columns:1fr 1fr}.demo-module-cards,.demo-inventory-grid{grid-template-columns:1fr}.demo-card{padding:.9rem}.demo-view-head{display:block}.demo-view-head .demo-inline-actions{margin-top:.8rem}.demo-bar-row{grid-template-columns:90px 1fr 32px}.demo-reminder{grid-template-columns:1fr}.demo-reminder-time{justify-self:start}
.demo-table-scroll{overflow:visible}.demo-table-compact{min-width:0;display:block;border-collapse:separate}.demo-table-compact thead{display:none}.demo-table-compact tbody,.demo-table-compact tr,.demo-table-compact td{display:block;width:100%}.demo-table-compact tbody{display:grid;gap:.75rem}.demo-table-compact tr{background:#fff;border:1px solid var(--demo-border);border-left:4px solid var(--demo-main);border-radius:13px;padding:.7rem .8rem;box-shadow:0 7px 18px rgba(28,28,28,.04)}.demo-table-compact td{display:grid;grid-template-columns:minmax(105px,38%) minmax(0,1fr);gap:.65rem;align-items:start;padding:.38rem 0;border-bottom:1px solid #efefef;text-align:right;overflow-wrap:anywhere}.demo-table-compact td:last-child{border-bottom:0;padding-bottom:0}.demo-table-compact td::before{text-align:left;color:var(--demo-muted);font-size:.69rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.demo-table-compact td .demo-btn{width:100%}
#crm-prospect-rows td:nth-child(1)::before{content:'Prospecto'}#crm-prospect-rows td:nth-child(2)::before{content:'Origen'}#crm-prospect-rows td:nth-child(3)::before{content:'Interés'}#crm-prospect-rows td:nth-child(4)::before{content:'Etapa'}#crm-prospect-rows td:nth-child(5)::before{content:'Próxima acción'}#crm-prospect-rows td:nth-child(6){grid-template-columns:1fr}#crm-prospect-rows td:nth-child(6)::before{display:none}
#crm-opportunity-rows td:nth-child(1)::before{content:'Cuenta'}#crm-opportunity-rows td:nth-child(2)::before{content:'Etapa'}#crm-opportunity-rows td:nth-child(3)::before{content:'Valor'}#crm-opportunity-rows td:nth-child(4)::before{content:'Probabilidad'}#crm-opportunity-rows td:nth-child(5)::before{content:'Cierre'}#crm-opportunity-rows td:nth-child(6){grid-template-columns:1fr}#crm-opportunity-rows td:nth-child(6)::before{display:none}
#crm-forecast-rows td:nth-child(1)::before{content:'Oportunidad'}#crm-forecast-rows td:nth-child(2)::before{content:'Etapa'}#crm-forecast-rows td:nth-child(3)::before{content:'Valor'}#crm-forecast-rows td:nth-child(4)::before{content:'Probabilidad'}#crm-forecast-rows td:nth-child(5)::before{content:'Ponderado'}#crm-forecast-rows td:nth-child(6)::before{content:'Categoría'}
#erp-project-rows td:nth-child(1)::before{content:'Proyecto'}#erp-project-rows td:nth-child(2)::before{content:'Origen'}#erp-project-rows td:nth-child(3)::before{content:'Responsable'}#erp-project-rows td:nth-child(4)::before{content:'Costo'}#erp-project-rows td:nth-child(5)::before{content:'Estado'}#erp-project-rows td:nth-child(6)::before{content:'Avance'}
[data-erp-view="sales"] .demo-table-compact td:nth-child(1)::before{content:'Cliente'}[data-erp-view="sales"] .demo-table-compact td:nth-child(2)::before{content:'Solución'}[data-erp-view="sales"] .demo-table-compact td:nth-child(3)::before{content:'Valor'}[data-erp-view="sales"] .demo-table-compact td:nth-child(4)::before{content:'Responsable'}[data-erp-view="sales"] .demo-table-compact td:nth-child(5)::before{content:'Resultado'}
}
@media(max-width:420px){.demo-kpi-row{grid-template-columns:1fr}.demo-module-nav button{font-size:.86rem}.demo-shell{padding-left:.65rem;padding-right:.65rem}.demo-fictitious-note{font-size:.74rem}.demo-table-compact td{grid-template-columns:1fr;gap:.12rem;text-align:left}.demo-table-compact td::before{margin-bottom:.05rem}.demo-table-compact tr{padding:.75rem}.demo-table-compact td .demo-btn{margin-top:.15rem}}