*{box-sizing:border-box}html,body{margin:0}body.roller-one-body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f5f7fb;color:#101828;overflow-x:hidden}.ro-app{min-height:100vh;display:flex}.ro-sidebar{width:226px;background:#111c2d;color:#d7dfeb;position:fixed;inset:0 auto 0 0;padding:14px 12px;display:flex;flex-direction:column;z-index:20}.ro-brand{height:72px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.08);padding:0 5px 10px}.ro-logo{display:block;max-width:100%;height:auto}.ro-sidebar-logo{width:190px;max-height:58px;object-fit:contain}.ro-nav{display:grid;gap:4px;padding-top:13px}.ro-nav button{border:0;background:transparent;color:#cbd5e1;text-align:left;padding:9px 10px;border-radius:7px;font-size:12px;display:flex;gap:10px;align-items:center;cursor:pointer;width:100%}.ro-nav button:hover,.ro-nav button.active{background:#2463d4;color:#fff}.ro-nav i{width:17px;text-align:center;font-style:normal}.ro-sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding:12px 6px 2px;display:flex;gap:9px;align-items:center}.ro-avatar{width:31px;height:31px;border-radius:50%;background:#2d6cdf;display:grid;place-items:center;color:#fff;font-weight:700;font-size:12px}.ro-sidebar-foot strong,.ro-sidebar-foot span{display:block}.ro-sidebar-foot strong{font-size:11px;color:#fff}.ro-sidebar-foot span{font-size:9px;margin-top:1px}.ro-main{margin-left:226px;width:calc(100% - 226px);min-height:100vh}.ro-topbar{height:54px;background:#fff;border-bottom:1px solid #e7ebf1;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.ro-search{width:min(410px,48vw);height:33px;border:1px solid #dfe5ee;border-radius:7px;color:#8a94a6;display:flex;align-items:center;gap:7px;padding:0 10px;font-size:11px}.ro-user strong,.ro-user small{display:block;text-align:right}.ro-user strong{font-size:10px}.ro-user small{font-size:9px;color:#98a2b3}.ro-content{padding:18px 20px 8px;min-height:calc(100vh - 54px)}.ro-view{display:none}.ro-view.active{display:block}.ro-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:12px}.ro-heading h1{font-size:21px;margin:0 0 2px}.ro-heading p{margin:0;color:#7c8799;font-size:10px}.ro-filters{display:flex;gap:6px}.ro-filters button,.ro-primary,.ro-secondary{border:1px solid #dfe5ee;border-radius:7px;padding:7px 10px;background:#fff;color:#475467;font-size:10px;cursor:pointer}.ro-primary{background:#2463d4;color:#fff;border-color:#2463d4;font-weight:650}.ro-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.ro-kpis article,.ro-card,.ro-placeholder{background:#fff;border:1px solid #e4e9f0;border-radius:9px;box-shadow:0 1px 5px rgba(16,24,40,.025)}.ro-kpis article{padding:11px 12px;min-height:91px}.ro-kpis span{font-size:9px;color:#667085}.ro-kpis strong{display:block;font-size:19px;margin:7px 0 2px}.ro-kpis small{font-size:8px;color:#98a2b3}.ro-dashboard-grid{display:grid;grid-template-columns:1.5fr .75fr .75fr;gap:8px;margin-top:8px}.ro-card{padding:13px;min-height:205px}.ro-card-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f4;padding-bottom:9px}.ro-card-head h2,.ro-card h2{font-size:12px;margin:0}.ro-card-head span{font-size:8px;color:#98a2b3}.ro-branches-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding-top:10px}.ro-branches-mini>div{background:#f8fafc;border:1px solid #edf1f5;border-radius:7px;padding:10px}.ro-branches-mini strong{display:block;font-size:10px;margin-bottom:7px}.ro-branches-mini span{display:flex;justify-content:space-between;font-size:8px;color:#667085;padding:3px 0}.ro-branches-mini b{color:#344054}.ro-status{padding-top:3px}.ro-status div{display:flex;justify-content:space-between;padding:10px 1px;border-bottom:1px solid #edf0f4;font-size:9px;color:#667085}.ro-status b{color:#101828}.ro-empty-small{font-size:9px;color:#98a2b3;text-align:center;padding:55px 15px}.ro-placeholder{height:calc(100vh - 135px);min-height:330px;display:grid;place-items:center;color:#98a2b3;font-size:12px}.ro-branch-cards,.ro-settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ro-branch-cards .ro-card,.ro-settings-grid .ro-card{min-height:180px}.ro-branch-icon{font-size:20px;margin-bottom:10px}.ro-badge{display:inline-block;background:#ecfdf3;color:#027a48;border-radius:20px;padding:3px 7px;font-size:8px}.ro-badge.off{background:#f2f4f7;color:#667085}.ro-card p{font-size:9px;line-height:1.5;color:#667085}.ro-link{font-size:9px;color:#2463d4;text-decoration:none}.ro-build{text-align:center;color:#a2aab8;font-size:8px;padding:10px 0}.ro-tabs{display:flex;gap:2px;border-bottom:1px solid #e4e9f0;margin-bottom:9px}.ro-tabs button{border:0;background:transparent;padding:8px 12px;font-size:9px;color:#667085}.ro-tabs button.active{color:#2463d4;border-bottom:2px solid #2463d4;font-weight:700}.ro-tabs button:disabled{opacity:.45}.ro-cost-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:9px}.ro-table-card{min-height:0;padding:0;overflow:hidden}.ro-table-card .ro-card-head{padding:12px}.ro-table-wrap{overflow:auto;max-height:calc(100vh - 205px)}.ro-table{width:100%;border-collapse:collapse;font-size:9px;white-space:nowrap}.ro-table th{position:sticky;top:0;background:#f8fafc;text-align:left;color:#667085;padding:8px;border-bottom:1px solid #e8edf3;font-size:8px}.ro-table td{padding:8px;border-bottom:1px solid #edf1f5;color:#475467}.ro-table td strong,.ro-table td small{display:block}.ro-table td small{font-size:7px;color:#98a2b3;margin-top:2px}.ro-no-data{text-align:center!important;padding:35px!important;color:#98a2b3!important}.ro-icon-btn{border:0;background:transparent;color:#2463d4;font-size:8px;cursor:pointer;padding:3px}.ro-cost-info{min-height:0}.ro-formula{background:#f8fafc;border:1px solid #e8edf3;border-radius:7px;padding:12px;margin:12px 0;font-size:9px;line-height:1.7}.ro-muted{color:#98a2b3!important}.ro-modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center}.ro-modal.open{display:flex}.ro-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.58);backdrop-filter:blur(2px)}.ro-modal-box{position:relative;width:min(610px,92vw);background:#fff;border-radius:12px;box-shadow:0 24px 70px rgba(0,0,0,.25);padding:18px}.ro-modal-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #edf1f5;padding-bottom:12px}.ro-modal-head h2{margin:0;font-size:16px}.ro-modal-head p{margin:3px 0 0;font-size:9px;color:#98a2b3}.ro-close{border:0;background:transparent;font-size:22px;color:#667085;cursor:pointer}.ro-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:15px 0}.ro-form-grid label{font-size:9px;color:#475467;font-weight:650}.ro-form-grid .span2{grid-column:1/-1}.ro-form-grid input,.ro-form-grid select{width:100%;height:35px;border:1px solid #dfe5ee;border-radius:7px;padding:0 9px;margin-top:5px;background:#fff;color:#344054;font-size:10px}.ro-modal-actions{display:flex;justify-content:flex-end;gap:7px;border-top:1px solid #edf1f5;padding-top:12px}.ro-form-msg{font-size:9px;margin-top:8px;color:#027a48}.ro-login{min-height:100vh;display:grid;place-items:center;background:#0d1728}.ro-login-card{width:min(400px,90vw);background:#111d30;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:34px;text-align:center}.ro-login-logo{width:290px;max-height:120px;object-fit:contain;margin:0 auto 18px}.ro-login-card p{font-size:11px;color:#aeb9c9}.ro-btn{display:block;text-decoration:none;padding:10px;border-radius:7px;background:#2463d4;color:#fff;font-size:12px;font-weight:700;margin-top:20px}@media(min-width:1000px) and (min-height:650px){body.roller-one-body{overflow-y:hidden}}@media(max-width:1100px){.ro-kpis{grid-template-columns:repeat(3,1fr)}.ro-dashboard-grid{grid-template-columns:1fr 1fr}.ro-performance{grid-column:1/-1}.ro-cost-layout{grid-template-columns:1fr}body.roller-one-body{overflow-y:auto}}@media(max-width:760px){.ro-sidebar{width:68px;padding:12px 7px}.ro-brand{height:55px}.ro-sidebar-logo{width:54px;max-height:40px}.ro-nav button{justify-content:center}.ro-nav button span{display:none}.ro-main{margin-left:68px;width:calc(100% - 68px)}.ro-content{padding:15px 12px}.ro-kpis{grid-template-columns:repeat(2,1fr)}.ro-dashboard-grid,.ro-branch-cards,.ro-settings-grid{grid-template-columns:1fr}.ro-heading{align-items:flex-start;gap:8px;flex-direction:column}.ro-branches-mini{grid-template-columns:1fr}.ro-form-grid{grid-template-columns:1fr}.ro-form-grid .span2{grid-column:auto}.ro-user{display:none}}@media(max-width:480px){.ro-sidebar{display:none}.ro-main{margin-left:0;width:100%}.ro-search{width:100%}}
/* BUILD 005 — REFINAMIENTO VISUAL */
.ro-sidebar{
    width:238px;
    padding:18px 14px 14px;
    background:#101d30;
}
.ro-main{
    margin-left:238px;
    width:calc(100% - 238px);
}
.ro-brand{
    height:86px;
    padding:0 0 14px;
}
.ro-sidebar-logo{
    width:218px;
    max-width:none;
    max-height:76px;
    object-fit:contain;
}
.ro-nav{
    gap:6px;
    padding-top:14px;
}
.ro-nav button{
    min-height:38px;
    padding:10px 12px;
    border-radius:8px;
    font-size:12px;
}
.ro-nav button.active{
    background:#2869dc;
}
.ro-topbar{
    height:58px;
    padding:0 24px;
}
.ro-search{
    width:min(490px,48vw);
    height:36px;
    border-radius:8px;
}
.ro-content{
    padding:18px 20px 8px;
    min-height:calc(100vh - 58px);
}
.ro-heading{
    margin-bottom:11px;
}
.ro-heading h1{
    font-size:22px;
    line-height:1.1;
}
.ro-kpis{
    gap:9px;
}
.ro-kpis article{
    min-height:100px;
    padding:13px 14px;
    border-radius:10px;
}
.ro-kpis strong{
    font-size:21px;
    margin:9px 0 4px;
}
.ro-dashboard-grid{
    grid-template-columns:1.55fr .78fr .78fr;
    gap:9px;
    margin-top:9px;
}
.ro-card{
    border-radius:10px;
}
.ro-performance{
    min-height:200px;
}
.ro-branches-mini>div{
    border-radius:8px;
    padding:11px;
}
.ro-sidebar-foot{
    padding-top:14px;
}
.ro-avatar{
    width:34px;
    height:34px;
}
.ro-build{
    padding-top:9px;
}
@media (min-width:1180px) and (min-height:720px){
    .ro-dashboard-grid .ro-card{min-height:205px}
    body.roller-one-body{overflow-y:hidden}
}
@media(max-width:1100px){
    .ro-sidebar{width:210px}
    .ro-main{margin-left:210px;width:calc(100% - 210px)}
    .ro-sidebar-logo{width:190px}
}
@media(max-width:760px){
    .ro-sidebar{width:68px;padding:12px 7px}
    .ro-main{margin-left:68px;width:calc(100% - 68px)}
    .ro-brand{height:58px;padding-bottom:10px}
    .ro-sidebar-logo{width:58px;max-width:58px;max-height:44px}
}
@media(max-width:480px){
    .ro-sidebar{display:none}
    .ro-main{margin-left:0;width:100%}
}

/* BUILD 006 */
.ro-brand{height:104px;margin-left:-8px;margin-right:-8px}
.ro-sidebar-logo{width:232px!important;max-width:232px!important;max-height:92px!important}
.ro-cost-pane{display:none}.ro-cost-pane.active{display:block}
.ro-tabs button:not(:disabled){cursor:pointer}
.ro-margin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ro-margin-card{min-height:170px}
.ro-margin-card>span{font-size:8px;color:#98a2b3;text-transform:uppercase;letter-spacing:.08em}
.ro-margin-card h2{font-size:15px;margin:5px 0 18px}
.ro-margin-card label{display:block;font-size:9px;color:#475467;font-weight:650}
.ro-margin-card input{display:block;width:100%;height:38px;border:1px solid #dfe5ee;border-radius:7px;padding:0 10px;margin-top:6px;font-size:13px}
.ro-margin-card small{display:block;color:#98a2b3;font-size:8px;line-height:1.45;margin-top:9px}
.ro-margin-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:10px}
#ro-margin-msg{font-size:9px;color:#027a48}
@media(max-width:760px){.ro-brand{height:62px;margin:0}.ro-sidebar-logo{width:62px!important;max-width:62px!important;max-height:48px!important}.ro-margin-grid{grid-template-columns:1fr}}

/* BUILD 007 — UI + RECETAS */
.ro-brand{height:112px!important;padding:8px 0 22px!important}
.ro-sidebar-logo{width:222px!important;max-width:222px!important;max-height:78px!important}
.ro-nav button i{display:grid;place-items:center;width:20px;height:20px;border-radius:5px;font-size:13px}
.ro-kpis article{position:relative}
.ro-kpis article:before{content:"";position:absolute;right:13px;top:13px;width:26px;height:26px;border-radius:7px;background:#f2f6fb;border:1px solid #e6ebf2}
.ro-status div:nth-child(1):before,.ro-status div:nth-child(2):before,.ro-status div:nth-child(3):before,.ro-status div:nth-child(4):before{content:"";width:7px;height:7px;border-radius:50%;margin-right:7px;display:inline-block}
.ro-status div:nth-child(1):before{background:#f5b700}.ro-status div:nth-child(2):before{background:#2f6fed}.ro-status div:nth-child(3):before{background:#20b96b}.ro-status div:nth-child(4):before{background:#ef4444}
.ro-status div span{margin-right:auto}
.ro-component-picker{border:1px solid #e4e9f0;border-radius:8px;padding:10px;max-height:210px;overflow:auto}
.ro-component-picker>span{display:block;font-size:9px;font-weight:700;margin-bottom:7px}
.ro-component-picker label{display:grid;grid-template-columns:18px 1fr;align-items:center;padding:7px 5px;border-bottom:1px solid #edf1f5;margin:0}
.ro-component-picker label input{width:14px;height:14px;margin:0;grid-row:1/3}
.ro-component-picker label b{font-size:9px}.ro-component-picker label small{font-size:8px;color:#98a2b3}
.ro-province-mark{width:26px;height:32px;display:inline-block;margin-bottom:4px}
@media(max-width:760px){.ro-brand{height:68px!important;padding:4px 0 14px!important}.ro-sidebar-logo{width:60px!important;max-width:60px!important}}

/* BUILD 008 — PRODUCTOS + SIMULADOR */
.ro-products-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr);gap:10px}
.ro-simulator{min-height:0}.ro-simulator form{display:grid;gap:9px;padding-top:12px}.ro-simulator label{font-size:9px;color:#475467;font-weight:650}.ro-simulator input,.ro-simulator select{display:block;width:100%;height:34px;border:1px solid #dfe5ee;border-radius:7px;padding:0 8px;margin-top:4px;background:#fff;font-size:10px}.ro-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ro-calc-result{margin-top:10px;background:#f8fafc;border:1px solid #e6ebf2;border-radius:8px;padding:11px;font-size:9px;color:#667085;max-height:210px;overflow:auto}.ro-calc-result strong{display:block;font-size:17px;color:#101828;margin:3px 0}.ro-calc-line{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid #edf1f5}.ro-settings-branches{grid-column:1/-1;min-height:0!important}.ro-settings-margin-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.ro-settings-margin-list label{display:grid;grid-template-columns:1fr 90px 15px;align-items:center;gap:5px;background:#f8fafc;border:1px solid #edf1f5;border-radius:7px;padding:8px;font-size:9px}.ro-settings-margin-list input{height:31px;border:1px solid #dfe5ee;border-radius:6px;padding:0 7px;width:100%}.ro-settings-branches #ro-margin-msg{margin-left:8px}
@media(max-width:900px){.ro-products-grid{grid-template-columns:1fr}.ro-settings-margin-list{grid-template-columns:1fr}}

/* BUILD 009 — LEGIBILIDAD + ICONOGRAFÍA + CLIENTES */
body.roller-one-body{font-size:14px}
.ro-brand{height:118px!important;padding:8px 4px 28px!important}
.ro-sidebar-logo{width:218px!important;max-width:218px!important;max-height:76px!important}
.ro-nav button{font-size:13px!important;min-height:42px!important}
.ro-nav button i svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ro-heading h1{font-size:24px!important}.ro-heading p{font-size:11px!important}
.ro-kpis span{font-size:10px!important}.ro-kpis small{font-size:9px!important}
.ro-kpi-head{display:flex;align-items:center;justify-content:space-between}
.ro-kpi-head i{width:28px;height:28px;border-radius:7px;background:#f2f6fb;border:1px solid #e3e9f1;display:grid;place-items:center;color:#17233a}
.ro-kpi-head svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ro-kpis article:before{display:none!important}
.ro-card-head h2,.ro-card h2{font-size:13px!important}.ro-card-head span{font-size:9px!important}
.ro-branches-mini strong{font-size:11px!important}.ro-branches-mini span{font-size:9px!important}
.ro-status div{font-size:10px!important}.ro-empty-small{font-size:10px!important}
.ro-table{font-size:10px!important}.ro-table th{font-size:9px!important}.ro-table td small{font-size:8px!important}
.ro-sidebar-foot strong{font-size:12px!important}.ro-sidebar-foot span{font-size:10px!important}
.ro-province-mark{width:31px!important;height:40px!important;color:#17233a;margin-bottom:5px}
.ro-province-mark path{fill:rgba(47,111,237,.06);stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
.ro-branches-mini>div{position:relative}
.ro-build{font-size:9px!important}
@media(max-width:760px){.ro-brand{height:70px!important;padding:4px 0 15px!important}.ro-sidebar-logo{width:60px!important;max-width:60px!important}.ro-nav button{font-size:0!important}}

/* BUILD 010 — LEGIBILIDAD + COTIZACIONES */
.ro-heading p{font-size:13px!important;line-height:1.45!important;color:#667085!important}
.ro-card-head span,.ro-kpis small,.ro-table td small,.ro-margin-card small,.ro-component-picker label small,.ro-sidebar-foot span,.ro-build,.ro-empty-small{font-size:11px!important;line-height:1.4!important}
.ro-kpis span,.ro-branches-mini span,.ro-status div,.ro-margin-card label,.ro-simulator label,.ro-settings-margin-list label{font-size:11px!important}
.ro-branches-mini strong{font-size:13px!important}.ro-card-head h2,.ro-card h2{font-size:14px!important}
.ro-table{font-size:12px!important}.ro-table th{font-size:11px!important}
.ro-form-grid label,.ro-modal-head p,.ro-form-msg{font-size:12px!important}
.ro-modal-head h2{font-size:18px!important}
.ro-cost-info p,.ro-formula{font-size:12px!important;line-height:1.55!important}
.ro-status-select{height:30px;border:1px solid #dfe5ee;border-radius:6px;background:#fff;padding:0 7px;font-size:11px}
.ro-modal-wide{width:min(880px,94vw)!important}
.ro-quote-builder{margin-top:14px;border:1px solid #e5eaf1;border-radius:9px;padding:11px}
.ro-quote-item{display:grid;grid-template-columns:minmax(180px,2fr) 1fr 1fr 70px 62px;gap:7px;padding:7px 0;border-bottom:1px solid #edf1f5}
.ro-quote-item select,.ro-quote-item input{height:35px;border:1px solid #dfe5ee;border-radius:7px;padding:0 8px;font-size:11px;background:#fff}
@media(max-width:760px){.ro-quote-item{grid-template-columns:1fr 1fr}.ro-quote-item .qi-product{grid-column:1/-1}}

/* BUILD 011 — UX/UI SYSTEM + SUCURSALES */
:root{
  --ro-control-h:38px;
  --ro-radius:8px;
  --ro-text:#101828;
  --ro-muted:#667085;
  --ro-border:#dfe5ee;
  --ro-blue:#2f6fed;
}
.ro-primary,.ro-secondary,.ro-icon-btn{
  appearance:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;
  min-height:var(--ro-control-h);border-radius:var(--ro-radius);font-family:inherit;font-weight:650;
  line-height:1;white-space:nowrap;cursor:pointer;transition:.16s ease;
}
.ro-primary{padding:0 15px!important;border:1px solid var(--ro-blue)!important;background:var(--ro-blue)!important;color:#fff!important;font-size:12px!important}
.ro-secondary{padding:0 13px!important;border:1px solid var(--ro-border)!important;background:#fff!important;color:#344054!important;font-size:12px!important}
.ro-icon-btn{min-height:30px!important;padding:0 9px!important;border:1px solid var(--ro-border)!important;background:#fff!important;color:#344054!important;font-size:11px!important}
.ro-primary:hover{filter:brightness(.96)}.ro-secondary:hover,.ro-icon-btn:hover{background:#f8fafc!important}
button:disabled{opacity:.45;cursor:not-allowed}
.ro-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.ro-heading .ro-primary{align-self:center}
.ro-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.ro-modal-actions .ro-primary,.ro-modal-actions .ro-secondary{min-width:112px}
.ro-card-head{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.ro-form-grid input,.ro-form-grid select,.ro-form-grid textarea{box-sizing:border-box;min-height:38px;font-size:12px!important}
.ro-form-grid label{color:#344054!important;font-weight:650!important}
.ro-check{display:flex!important;align-items:center!important;gap:8px!important}.ro-check input{width:16px!important;min-height:16px!important;height:16px!important}
.ro-branch-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ro-branch-admin-card{padding:15px!important}
.ro-branch-admin-head{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:10px;padding-bottom:13px;border-bottom:1px solid #edf1f5}
.ro-branch-admin-head h2{margin:2px 0!important;font-size:15px!important}.ro-branch-admin-head span,.ro-branch-admin-head small{font-size:11px;color:var(--ro-muted)}
.ro-map-placeholder{width:42px;height:48px;display:grid;place-items:center;border:1px solid #e6ebf2;border-radius:9px;background:#f8fafc}
.ro-map-placeholder .ro-province-mark{width:25px!important;height:36px!important;margin:0!important}
.ro-branch-meta{display:grid;gap:10px;padding-top:13px}.ro-branch-meta div{display:grid;gap:3px}.ro-branch-meta span{font-size:10px;color:var(--ro-muted)}.ro-branch-meta strong{font-size:12px;color:var(--ro-text);font-weight:600;overflow-wrap:anywhere}
@media(max-width:1100px){.ro-branch-admin-grid{grid-template-columns:1fr}}

/* BUILD 012 — DETALLE DE COTIZACIÓN */
.ro-eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:.12em;color:#2f6fed;margin-bottom:5px}
.ro-quote-detail-box{max-height:90vh;overflow:auto}
.ro-quote-detail-content{display:grid;gap:12px}
.ro-detail-top{display:grid;grid-template-columns:1.2fr .8fr;gap:10px}
.ro-detail-panel{border:1px solid #e5eaf1;border-radius:9px;padding:12px;background:#fff}
.ro-detail-panel span{display:block;font-size:10px;color:#667085;margin-bottom:3px}
.ro-detail-panel strong{display:block;font-size:13px;color:#101828;margin-bottom:7px}
.ro-detail-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ro-detail-summary div{border:1px solid #e5eaf1;border-radius:8px;padding:10px;background:#f8fafc}
.ro-detail-summary span{font-size:10px;color:#667085}.ro-detail-summary strong{display:block;font-size:16px;margin-top:3px;color:#101828}
.ro-detail-items{border:1px solid #e5eaf1;border-radius:9px;overflow:hidden}
.ro-detail-row{display:grid;grid-template-columns:minmax(180px,2fr) .7fr .7fr .6fr 1fr;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid #edf1f5;font-size:11px}
.ro-detail-row:last-child{border-bottom:0}.ro-detail-row.head{background:#f8fafc;font-size:10px;font-weight:750;color:#667085}
.ro-detail-row strong{font-size:12px}.ro-detail-row small{display:block;font-size:10px;color:#98a2b3;margin-top:2px}
.ro-detail-notes{margin-top:12px}.ro-detail-notes label{font-size:11px;font-weight:650;color:#344054}
.ro-detail-notes textarea{box-sizing:border-box;width:100%;margin-top:5px;border:1px solid #dfe5ee;border-radius:8px;padding:9px;font:inherit;font-size:12px;resize:vertical}
.ro-detail-loading{padding:30px;text-align:center;color:#667085;font-size:12px}
.ro-table td:last-child{text-align:right}.ro-table th:last-child{text-align:right}
@media(max-width:760px){.ro-detail-top,.ro-detail-summary{grid-template-columns:1fr}.ro-detail-row{grid-template-columns:1fr 1fr}.ro-detail-row.head{display:none}.ro-detail-row>div:first-child{grid-column:1/-1}}

/* BUILD 013 — MAPAS REALES DE PROVINCIAS */
.ro-province-mark{display:none!important}
.ro-province-map{
  display:block;
  width:34px;
  height:42px;
  object-fit:contain;
  object-position:center;
  margin:0 auto 5px;
  filter:none;
}
.ro-map-placeholder .ro-province-map{
  width:28px;
  height:38px;
  margin:0;
}
.ro-map-placeholder{
  overflow:hidden;
}
.ro-branches-mini>div{
  align-items:center;
}

/* BUILD 014 — IMÁGENES DE PROVINCIAS APLICADAS */
.ro-performance-map{height:58px;display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.ro-performance-map .ro-province-map{display:block!important;width:48px!important;height:54px!important;max-width:100%!important;object-fit:contain!important;margin:0!important}
.ro-branch-card{min-height:0!important;display:flex;flex-direction:column;gap:14px}
.ro-branch-card-top{display:flex;align-items:center;gap:14px}
.ro-branch-image{width:76px;height:88px;flex:0 0 76px;border:1px solid #e6ebf2;border-radius:10px;background:#f8fafc;display:flex;align-items:center;justify-content:center}
.ro-branch-image .ro-province-map{display:block!important;width:58px!important;height:72px!important;max-width:100%!important;object-fit:contain!important;margin:0!important}
.ro-branch-label{display:block;font-size:10px;color:#667085;margin-bottom:3px}
.ro-branch-card-top h2{font-size:16px!important;margin:0 0 7px!important}
.ro-branch-card-data{display:grid;gap:8px;padding-top:2px;border-top:1px solid #edf1f5}
.ro-branch-card-data p{margin:0!important;padding-top:8px}
.ro-branch-card-data span{display:block;font-size:10px;color:#667085}
.ro-branch-card-data strong{display:block;margin-top:2px;font-size:12px;color:#101828;font-weight:600}
.ro-branch-card>.ro-secondary{margin-top:auto;align-self:flex-start}

/* BUILD 015 — PROVINCIAS + DASHBOARD REAL */
.ro-performance-title{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:7px}
.ro-performance-title .ro-performance-map{height:54px;width:54px;display:flex;align-items:flex-end;justify-content:flex-start;margin:0 0 6px 0!important}
.ro-performance-title .ro-performance-map .ro-province-map{display:block!important;width:46px!important;height:50px!important;object-fit:contain!important;object-position:left bottom!important;margin:0!important}
.ro-performance-title strong{margin:0!important;font-size:13px!important}
.ro-kpis strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* BUILD 016 — AUDIT READINESS */
.ro-audit-card{margin-top:12px}
.ro-audit-state{font-size:10px!important;font-weight:750;padding:6px 9px;border-radius:999px}
.ro-audit-state.pending{background:#fff7e6;color:#a15c00}.ro-audit-state.ready{background:#ecfdf3;color:#067647}
.ro-audit-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:10px}
.ro-audit-grid div{padding:10px;border:1px solid #e5eaf1;border-radius:8px;background:#f8fafc}
.ro-audit-grid span{display:block;font-size:10px;color:#667085}.ro-audit-grid strong{display:block;margin-top:4px;font-size:17px;color:#101828}
.ro-audit-note{margin:10px 0 0;font-size:11px;line-height:1.5;color:#667085}
@media(max-width:900px){.ro-audit-grid{grid-template-columns:repeat(3,1fr)}}

/* BUILD 017 — CLIENTES PERSONA / EMPRESA */
.ro-company-field{display:none}
.ro-phone-field{display:flex;align-items:center;min-height:38px;border:1px solid #dfe5ee;border-radius:8px;background:#fff;overflow:hidden}
.ro-phone-field>span{height:36px;display:flex;align-items:center;padding:0 10px;background:#f8fafc;border-right:1px solid #e5eaf1;font-size:12px;font-weight:700;color:#344054;white-space:nowrap}
.ro-phone-field input{border:0!important;border-radius:0!important;min-width:0;flex:1;outline:0!important}
.ro-client-type{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:10px;font-weight:700}

/* BUILD 018 — SELECTOR CLIENTE + PREFIJO ARGENTINA */
.ro-client-kind{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 16px}
.ro-kind-btn{min-height:58px;border:1px solid #dfe5ee;border-radius:9px;background:#fff;text-align:left;padding:9px 12px;cursor:pointer;font-family:inherit}
.ro-kind-btn span{display:block;font-size:12px;font-weight:750;color:#344054}
.ro-kind-btn small{display:block;margin-top:3px;font-size:10px;color:#98a2b3}
.ro-kind-btn.active{border-color:#2f6fed;background:#f5f8ff;box-shadow:0 0 0 1px #2f6fed inset}
.ro-kind-btn.active span{color:#175cd3}
.ro-phone-field{display:flex!important;align-items:stretch!important;padding:0!important}
.ro-phone-prefix{display:flex!important;align-items:center!important;justify-content:center!important;min-width:86px!important;padding:0 10px!important;background:#f8fafc!important;border-right:1px solid #dfe5ee!important;color:#344054!important;font-size:12px!important;font-weight:750!important}
.ro-phone-field input{height:38px!important;min-height:38px!important;border:0!important;box-shadow:none!important;padding:0 10px!important}

/* BUILD 019 — CORRECCIÓN FORMULARIO CLIENTES */
#ro-client-form .ro-form-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px 10px!important}
#ro-client-form .ro-form-grid>label{display:grid!important;grid-template-columns:1fr!important;align-content:start!important;gap:6px!important;margin:0!important}
#ro-client-form .ro-form-grid>.span2{grid-column:1/-1!important}
#ro-client-form .ro-form-grid input,
#ro-client-form .ro-form-grid select,
#ro-client-form .ro-form-grid textarea{width:100%!important;max-width:none!important;margin:0!important}
#ro-client-form .ro-notes-field textarea{display:block!important;min-height:76px!important;height:76px!important;padding:9px 10px!important;border:1px solid #dfe5ee!important;border-radius:8px!important;background:#fff!important;resize:vertical!important}
#ro-client-form .ro-phone-field{width:100%!important;box-sizing:border-box!important}
#ro-client-form .ro-phone-prefix{min-width:88px!important;gap:7px!important}
#ro-client-form .ro-phone-prefix b{font-size:12px!important;font-weight:750!important}
.ro-ar-flag{position:relative;display:inline-block!important;width:20px!important;height:13px!important;min-width:20px!important;border-radius:2px!important;overflow:hidden!important;background:linear-gradient(to bottom,#74acdf 0 33.33%,#fff 33.33% 66.66%,#74acdf 66.66% 100%)!important;box-shadow:0 0 0 1px rgba(16,24,40,.08) inset!important}
.ro-ar-flag:after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:#f6b40e;left:50%;top:50%;transform:translate(-50%,-50%)}
@media(max-width:640px){#ro-client-form .ro-form-grid{grid-template-columns:1fr!important}#ro-client-form .ro-form-grid>.span2{grid-column:auto!important}}

/* BUILD 020 — CLIENTES: CIERRE UX/UI */
#ro-client-modal .ro-modal-box{
  width:min(610px,calc(100vw - 32px))!important;
  max-height:calc(100vh - 40px)!important;
  overflow:auto!important;
  border-radius:12px!important;
}
#ro-client-modal .ro-modal-head{padding-bottom:12px!important;margin-bottom:12px!important}
#ro-client-modal .ro-client-kind{margin-bottom:14px!important}
#ro-client-modal .ro-kind-btn{min-height:54px!important;padding:8px 12px!important}
#ro-client-form .ro-form-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:11px 10px!important;
}
#ro-client-form .ro-form-grid>label{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:5px!important;
  margin:0!important;
}
#ro-client-form.is-person .ro-company-field{display:none!important}
#ro-client-form.is-company .ro-person-field{display:none!important}
#ro-client-form.is-person .ro-person-field,
#ro-client-form.is-company .ro-company-field{display:grid!important}
#ro-client-form .span2{grid-column:1/-1!important}
#ro-client-form .ro-phone-field{height:38px!important}
#ro-client-form .ro-phone-prefix{height:36px!important;box-sizing:border-box!important}
#ro-client-form .ro-notes-field textarea{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:68px!important;
  height:68px!important;
  border:1px solid #dfe5ee!important;
  border-radius:8px!important;
  padding:9px 10px!important;
  background:#fff!important;
  outline:none!important;
  font:inherit!important;
  font-size:12px!important;
}
#ro-client-form .ro-notes-field textarea:focus,
#ro-client-form input:focus,#ro-client-form select:focus{
  border-color:#84adff!important;
  box-shadow:0 0 0 3px rgba(47,111,237,.10)!important;
}
#ro-client-form .ro-modal-actions{
  margin-top:14px!important;
  padding-top:12px!important;
  border-top:1px solid #edf1f5!important;
}
#ro-client-form .ro-modal-actions button{height:38px!important;min-height:38px!important}
@media(max-width:640px){
  #ro-client-modal .ro-modal-box{width:calc(100vw - 20px)!important;max-height:calc(100vh - 20px)!important}
  #ro-client-form .ro-form-grid{grid-template-columns:1fr!important}
  #ro-client-form .span2{grid-column:auto!important}
}

/* BUILD 021 — COTIZACIONES OPERATIVAS */
.ro-quote-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:11px}
.ro-quote-stats>div{background:#fff;border:1px solid #dfe5ee;border-radius:9px;padding:10px 12px}
.ro-quote-stats span{display:block;font-size:10px;color:#667085}
.ro-quote-stats strong{display:block;margin-top:4px;font-size:18px;color:#101828}
#ro-quotes .ro-table-card{margin-top:0}
#ro-quotes .ro-status-select{width:112px}
#ro-quote-modal .ro-modal-box{max-height:90vh;overflow:auto}
#ro-quote-modal .ro-form-grid{margin-bottom:12px}
#ro-quote-modal .ro-quote-builder{margin-top:0}
#ro-quote-modal .ro-modal-actions{margin-top:14px;padding-top:12px;border-top:1px solid #edf1f5}
@media(max-width:760px){.ro-quote-stats{grid-template-columns:1fr 1fr}}

/* BUILD 022 — SALIDA DE PRESUPUESTO */
.ro-detail-actions{flex-wrap:wrap}
.ro-public-quote{max-width:820px;margin:32px auto;padding:28px;background:#fff;border:1px solid #e5eaf1;border-radius:12px;font-family:Arial,sans-serif;color:#101828}
.ro-public-brand{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #e5eaf1}
.ro-public-brand img{width:190px;max-height:70px;object-fit:contain;object-position:left center}
.ro-public-brand div{text-align:right}.ro-public-brand span,.ro-public-info span{display:block;font-size:10px;color:#667085;text-transform:uppercase;letter-spacing:.08em}.ro-public-brand strong{font-size:18px}
.ro-public-info{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 0}.ro-public-info strong{display:block;margin-top:4px;font-size:14px}.ro-public-info small{display:block;margin-top:4px;font-size:11px;color:#667085}
.ro-public-items{border:1px solid #e5eaf1;border-radius:9px;overflow:hidden}.ro-public-items>div{display:grid;grid-template-columns:2fr 1fr .5fr 1fr;gap:10px;padding:11px 13px;border-bottom:1px solid #edf1f5;font-size:12px}.ro-public-items>div:last-child{border-bottom:0}.ro-public-items .head{background:#f8fafc;font-size:10px;font-weight:700;color:#667085}.ro-public-items small{display:block;color:#98a2b3;margin-top:2px}
.ro-public-total{display:flex;justify-content:flex-end;align-items:center;gap:24px;padding:22px 0}.ro-public-total span{font-size:12px;color:#667085}.ro-public-total strong{font-size:24px}
.ro-public-footer{display:flex;justify-content:space-between;padding-top:15px;border-top:1px solid #e5eaf1;font-size:10px;color:#667085}
.ro-public-error{max-width:600px;margin:80px auto;text-align:center;font:14px Arial;color:#667085}
@media print{.ro-public-quote{border:0;margin:0;max-width:none}.site-header,.site-footer,header,footer{display:none!important}}
@media(max-width:640px){.ro-public-quote{margin:10px;padding:16px}.ro-public-info{grid-template-columns:1fr}.ro-public-items .head{display:none}.ro-public-items>div{grid-template-columns:1fr 1fr}.ro-public-items>div span:first-child{grid-column:1/-1}.ro-public-footer{display:grid;gap:5px}}

/* BUILD 024 — SUCURSAL BLOQUEADA POR CLIENTE */
.ro-locked-branch{box-sizing:border-box;min-height:38px;border:1px solid #dfe5ee;border-radius:8px;background:#f8fafc;padding:6px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.ro-locked-branch span{font-size:12px;font-weight:700;color:#344054}
.ro-locked-branch small{font-size:9px;color:#98a2b3;white-space:nowrap}
@media(max-width:640px){.ro-locked-branch{align-items:flex-start;flex-direction:column}.ro-locked-branch small{white-space:normal}}

/* BUILD 025 — COTIZADOR EN VIVO */
#ro-quote-modal .ro-modal-wide{width:min(980px,96vw)!important}
.ro-quote-header-grid{grid-template-columns:1.2fr 1fr .8fr!important}
.ro-quote-columns,.ro-quote-item{display:grid!important;grid-template-columns:minmax(210px,2fr) 105px 105px 65px 135px 62px!important;gap:8px!important;align-items:center!important}
.ro-quote-columns{padding:7px 0;border-bottom:1px solid #e5eaf1}.ro-quote-columns span{font-size:10px;font-weight:700;color:#667085}
.ro-quote-item{padding:8px 0!important}.ro-quote-item select,.ro-quote-item input{width:100%!important;box-sizing:border-box!important}
.qi-price{min-height:35px;display:flex;flex-direction:column;justify-content:center;padding:0 9px;border:1px solid #e5eaf1;border-radius:7px;background:#f8fafc}
.qi-price span{font-size:12px;font-weight:750;color:#101828}.qi-price small{font-size:9px;color:#667085;margin-top:2px}
.ro-quote-totals{margin-top:12px;margin-left:auto;width:min(520px,100%);border:1px solid #e5eaf1;border-radius:9px;padding:11px;background:#f8fafc}
.ro-quote-totals>div:not(.ro-discount-control){display:flex;align-items:center;justify-content:space-between;padding:7px 2px}.ro-quote-totals span{font-size:11px;color:#667085}.ro-quote-totals strong{font-size:14px}
.ro-discount-control{display:grid;grid-template-columns:1fr 130px;gap:8px;padding:8px 0;border-top:1px solid #e5eaf1;border-bottom:1px solid #e5eaf1}
.ro-discount-control label{font-size:10px;font-weight:700;color:#667085}.ro-discount-control select,.ro-discount-control input{width:100%;height:34px;margin-top:4px;border:1px solid #dfe5ee;border-radius:7px;background:#fff;padding:0 8px;box-sizing:border-box}
.ro-quote-totals .net{border-top:1px solid #dfe5ee;margin-top:2px;padding-top:10px!important}.ro-quote-totals .net span{font-weight:700;color:#344054}.ro-quote-totals .net strong{font-size:20px;color:#101828}
#ro-create-quote:disabled{opacity:.45}
@media(max-width:800px){.ro-quote-header-grid{grid-template-columns:1fr!important}.ro-quote-columns{display:none!important}.ro-quote-item{grid-template-columns:1fr 1fr!important}.ro-quote-item .qi-product{grid-column:1/-1}.qi-price{grid-column:1/-1}}

/* BUILD 026 — IVA FIJO 21% + RESUMEN COMPACTO */
.ro-quote-totals{margin-top:10px!important}
.ro-quote-totals>div:not(.ro-discount-control){padding:6px 2px!important}
.ro-public-summary{width:min(360px,100%);margin:18px 0 18px auto}
.ro-public-summary>div{display:flex;justify-content:space-between;align-items:center;padding:7px 2px;border-bottom:1px solid #edf1f5}
.ro-public-summary span{font-size:11px;color:#667085}.ro-public-summary strong{font-size:13px}
.ro-public-summary .total{padding-top:11px;border-bottom:0}.ro-public-summary .total span{font-weight:700;color:#344054}.ro-public-summary .total strong{font-size:22px;color:#101828}

/* BUILD 027 — COTIZADOR COMERCIAL V2 */
.ro-quote-v2{width:min(1040px,96vw)!important;max-height:94vh!important}
.ro-quote-v2 form{display:grid;gap:10px}
.ro-quote-section{border:1px solid #e5eaf1;border-radius:10px;padding:11px 12px;background:#fff}
.ro-section-title{display:flex;align-items:center;gap:9px;margin-bottom:10px}.ro-section-title>span{width:26px;height:26px;border-radius:7px;background:#eef4ff;color:#175cd3;display:grid;place-items:center;font-size:10px;font-weight:800}.ro-section-title strong{display:block;font-size:12px;color:#101828}.ro-section-title small{display:block;font-size:9px;color:#98a2b3;margin-top:1px}
.ro-quote-v2 .ro-quote-header-grid{grid-template-columns:1.15fr .9fr .7fr!important}
.ro-product-config-grid{display:grid;grid-template-columns:72px 1.25fr 1.25fr 1.4fr 92px 92px;gap:8px}.ro-product-config-grid label{display:grid;gap:5px;font-size:10px;font-weight:700;color:#344054}.ro-product-config-grid input,.ro-product-config-grid select{width:100%;height:36px;border:1px solid #dfe5ee;border-radius:7px;padding:0 8px;background:#fff;box-sizing:border-box}
.ro-config-panel{margin-top:10px;padding:10px;border-radius:9px;background:#f8fafc;border:1px solid #e5eaf1}.ro-config-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.ro-config-head strong{font-size:11px}.ro-config-head small{font-size:9px;color:#98a2b3}
.ro-option-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.ro-segment{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:7px;background:#fff;border:1px solid #e5eaf1;border-radius:8px}.ro-segment>span{width:100%;font-size:9px;font-weight:700;color:#667085}.ro-segment button{border:1px solid #dfe5ee;background:#fff;border-radius:6px;padding:5px 7px;font-size:9px;cursor:pointer;color:#475467}.ro-segment button.active{border-color:#2f6fed;background:#eef4ff;color:#175cd3;font-weight:700}
.ro-product-addbar{display:grid;grid-template-columns:1fr 150px 160px;gap:9px;align-items:end;margin-top:10px}.ro-product-addbar label{display:grid;gap:5px;font-size:10px;font-weight:700;color:#344054}.ro-product-addbar input{height:36px;border:1px solid #dfe5ee;border-radius:7px;padding:0 8px}.ro-live-price{height:36px;border:1px solid #e5eaf1;border-radius:7px;background:#f8fafc;padding:4px 9px;box-sizing:border-box}.ro-live-price span{display:block;font-size:8px;color:#98a2b3}.ro-live-price strong{font-size:12px}.ro-product-addbar .ro-primary{height:36px}
.ro-v2-items{display:grid;gap:7px;max-height:180px;overflow:auto}.ro-empty-quote{padding:16px;text-align:center;border:1px dashed #dfe5ee;border-radius:8px;color:#98a2b3;font-size:10px}
.ro-v2-item{display:grid;grid-template-columns:1fr 130px 125px;gap:10px;align-items:center;padding:9px 10px;border:1px solid #e5eaf1;border-radius:8px;background:#fff}.ro-item-main{display:flex;gap:9px;min-width:0}.ro-item-qty{width:28px;height:28px;display:grid;place-items:center;background:#f2f4f7;border-radius:7px;font-size:10px;font-weight:800}.ro-item-main strong{display:block;font-size:11px}.ro-item-main small,.ro-item-main em{display:block;margin-top:2px;font-size:9px;color:#667085;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ro-item-price{text-align:right;font-size:12px}.ro-item-actions{display:flex;justify-content:flex-end;gap:5px}.ro-item-actions button{border:1px solid #dfe5ee;background:#fff;border-radius:6px;padding:5px 7px;font-size:9px;cursor:pointer}
.ro-quote-bottom{display:grid;grid-template-columns:1fr 480px;gap:10px;align-items:start}.ro-quote-notes{display:grid;gap:5px;font-size:10px;font-weight:700;color:#344054}.ro-quote-notes textarea{min-height:96px;border:1px solid #dfe5ee;border-radius:8px;padding:9px;resize:vertical}
.ro-quote-v2 .ro-quote-totals{margin:0!important;width:auto!important}
@media(max-width:850px){.ro-product-config-grid{grid-template-columns:1fr 1fr 1fr}.ro-option-grid{grid-template-columns:1fr 1fr}.ro-product-addbar,.ro-quote-bottom{grid-template-columns:1fr}.ro-v2-item{grid-template-columns:1fr}.ro-item-price{text-align:left}.ro-item-actions{justify-content:flex-start}}

.ro-build-badge{display:inline-flex;align-items:center;height:20px;padding:0 7px;margin-bottom:5px;border-radius:999px;background:#eef4ff;color:#175cd3;font-size:8px;font-weight:800;letter-spacing:.04em}

.ro-product-master{border:1px solid #e5eaf1;border-radius:11px;background:#fff;padding:14px;margin-bottom:12px}.ro-product-master h2{font-size:15px;margin:3px 0}.ro-product-master p{font-size:10px;color:#667085;margin:0}.ro-eyebrow{font-size:8px;font-weight:800;letter-spacing:.08em;color:#2f6fed}.ro-product-flow{display:flex;align-items:center;gap:8px;margin-top:12px}.ro-product-flow>div{flex:1;border:1px solid #e5eaf1;border-radius:9px;padding:9px;background:#f8fafc}.ro-product-flow span{font-size:8px;color:#2f6fed;font-weight:800}.ro-product-flow small{display:block;font-size:8px;color:#98a2b3}.ro-product-flow strong{font-size:10px}.ro-product-tabs{display:flex;gap:4px;padding:4px;background:#f2f4f7;border-radius:8px;margin-bottom:12px}.ro-product-tabs button{flex:1;border:0;background:transparent;border-radius:6px;padding:8px;font-size:9px;font-weight:700;color:#667085}.ro-product-tabs button.active{background:#fff;color:#175cd3;box-shadow:0 1px 3px rgba(16,24,40,.08)}.ro-product-tab{display:none}.ro-product-tab.active{display:block}.ro-config-builder-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.ro-config-builder-head strong{display:block;font-size:11px}.ro-config-builder-head small{font-size:9px;color:#98a2b3}.ro-config-row{display:grid;grid-template-columns:1fr .7fr 1fr 80px 70px 58px;gap:6px;align-items:center;margin-bottom:6px}.ro-config-row input{height:34px;border:1px solid #dfe5ee;border-radius:7px;padding:0 7px;box-sizing:border-box;font-size:10px}.ro-config-row label{display:flex!important;align-items:center;gap:4px;font-size:9px!important}.ro-config-row label input{width:auto!important;height:auto!important}.ro-config-presets{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:10px;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc}.ro-config-presets strong,.ro-config-presets span{display:block}.ro-config-presets strong{font-size:10px}.ro-config-presets span{font-size:9px;color:#667085;margin-top:2px}.ro-tab-placeholder{padding:18px;border:1px dashed #d0d5dd;border-radius:9px;background:#f8fafc}.ro-tab-placeholder strong{font-size:12px}.ro-tab-placeholder p{font-size:10px;color:#667085}

/* BUILD 030 — PRODUCTOS / COMPONENTES / RECETAS */
.ro-catalog-tabs{display:flex;gap:5px;width:max-content;padding:4px;margin:0 0 12px;background:#eef2f6;border-radius:9px}
.ro-catalog-tabs button{border:0;background:transparent;padding:9px 18px;border-radius:7px;font-size:10px;font-weight:800;letter-spacing:.025em;color:#667085;cursor:pointer}
.ro-catalog-tabs button.active{background:#fff;color:#17233a;box-shadow:0 1px 4px rgba(16,24,40,.09)}
.ro-catalog-panel{display:none}.ro-catalog-panel.active{display:block}
.ro-subheading{margin-top:2px}.ro-subheading h2{margin:0;font-size:17px}.ro-subheading p{font-size:11px}
.ro-catalog-intro{display:flex;align-items:center;gap:12px;min-height:82px}
.ro-catalog-intro .ro-catalog-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:9px;background:#17233a;color:#fff;font-size:13px;font-weight:800}
.ro-catalog-intro strong{display:block;font-size:12px;color:#17233a}.ro-catalog-intro p{max-width:720px;margin:4px 0 0;font-size:10px;line-height:1.5;color:#667085}
#ro-product-form select:disabled{background:#f5f7fa;color:#98a2b3;cursor:not-allowed}
@media(max-width:700px){.ro-catalog-tabs{width:100%}.ro-catalog-tabs button{flex:1;padding:9px 6px}.ro-catalog-intro{align-items:flex-start}}

/* BUILD 035 — ESTRUCTURA FUNCIONAL */
.ro-nav-section-label{padding:13px 14px 5px;font-size:8px;font-weight:800;letter-spacing:.12em;color:rgba(255,255,255,.34)}
.ro-nav-section-label:first-child{padding-top:4px}
.ro-nav-future{display:flex;align-items:center;gap:10px;margin:2px 8px;padding:9px 11px;border-radius:8px;color:rgba(255,255,255,.42);font-size:12px;font-weight:650;cursor:default;user-select:none}
.ro-nav-future-dot{width:7px;height:7px;border:1.5px solid rgba(255,255,255,.32);border-radius:50%;flex:0 0 auto}
.ro-nav-future em{margin-left:auto;font-style:normal;font-size:7px;font-weight:800;letter-spacing:.06em;color:rgba(255,255,255,.28)}

/* BUILD 036 — CLIENTES */
#ro-clients .ro-table td:last-child{white-space:nowrap}
#ro-clients .ro-client-new-quote{font-weight:800}

/* BUILD 037 — COTIZACIÓN / CLIENTE */
#ro-quote-form [name="client_id"]{font-weight:700}

/* BUILD 039 — COTIZACIÓN / PRODUCTO */
.ro-product-flow{margin:0 0 12px;font-size:10px;font-weight:750;color:#667085;letter-spacing:.01em}
.ro-product-flow b{padding:0 4px;color:#98a2b3}

/* BUILD 040 — CONFIGURACIÓN ROLLER */
#ro-roller-options .ro-config-head{margin-bottom:12px}
#ro-roller-options .ro-option-grid{align-items:stretch}
#ro-roller-options .ro-segment[data-key="caida"],
#ro-roller-options .ro-segment[data-key="comando"]{background:#f8fafc}

/* BUILD 041 — ORGANIZACIÓN VISUAL DEL PRODUCTO */
.ro-quote-v2 .ro-product-config-grid{
	display:grid!important;
	grid-template-columns:repeat(3,minmax(0,1fr))!important;
	gap:10px 12px!important;
	align-items:end;
}
.ro-quote-v2 .ro-product-config-grid label{
	display:grid;
	gap:6px;
	min-width:0;
	font-size:10px;
	font-weight:750;
	color:#344054;
}
.ro-quote-v2 .ro-product-config-grid input,
.ro-quote-v2 .ro-product-config-grid select{
	width:100%;
	height:38px;
	border:1px solid #dfe5ee;
	border-radius:8px;
	padding:0 11px;
	background:#fff;
	box-sizing:border-box;
	font-size:11px;
	color:#101828;
}
.ro-quote-v2 .ro-product-config-grid label:nth-child(4),
.ro-quote-v2 .ro-product-config-grid label:nth-child(5),
.ro-quote-v2 .ro-product-config-grid label:nth-child(6){
	margin-top:3px;
}
.ro-quote-v2 .ro-product-flow{
	margin:0 0 11px!important;
	padding:7px 10px;
	border-radius:7px;
	background:#f8fafc;
	border:1px solid #eef2f6;
	font-size:9px!important;
}
.ro-quote-v2 .ro-product-addbar{
	margin-top:12px;
	grid-template-columns:minmax(0,1fr) 150px 160px!important;
	gap:10px!important;
	align-items:end;
}
.ro-quote-v2 .ro-product-addbar label{min-width:0}
.ro-quote-v2 .ro-product-addbar input{height:38px}
.ro-quote-v2 .ro-live-price,
.ro-quote-v2 #ro-v2-add{height:38px;box-sizing:border-box}
@media(max-width:850px){
	.ro-quote-v2 .ro-product-config-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
	.ro-quote-v2 .ro-product-addbar{grid-template-columns:1fr 1fr!important}
	.ro-quote-v2 .ro-product-addbar label{grid-column:1/-1}
}
@media(max-width:560px){
	.ro-quote-v2 .ro-product-config-grid{grid-template-columns:1fr!important}
	.ro-quote-v2 .ro-product-addbar{grid-template-columns:1fr!important}
	.ro-quote-v2 .ro-product-addbar label{grid-column:auto}
}

/* BUILD 042 — COMPONENTES ROLLER */
.ro-roller-components-card{margin-bottom:14px}
.ro-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.ro-card-head>div{display:flex;flex-direction:column;gap:3px}
.ro-card-head small{font-size:10px;color:#667085;font-weight:500}
.ro-roller-components-table{margin-top:12px;border:1px solid #e7ebf1;border-radius:10px;overflow:hidden}
.ro-rct-head,.ro-roller-cost-row{display:grid;grid-template-columns:130px minmax(150px,1fr) 120px 150px 82px;align-items:center;gap:10px;padding:8px 10px}
.ro-rct-head{background:#f8fafc;font-size:9px;font-weight:800;color:#667085;text-transform:uppercase;letter-spacing:.04em}
.ro-roller-cost-row{margin:0;border-top:1px solid #eef2f6;font-size:10px;color:#344054}
.ro-roller-cost-row:first-of-type{border-top:0}
.ro-money-input{display:flex;align-items:center;height:32px;border:1px solid #dfe5ee;border-radius:7px;background:#fff;overflow:hidden}
.ro-money-input i{padding-left:9px;font-style:normal;color:#667085}
.ro-money-input input{width:100%;height:30px;border:0!important;outline:0;padding:0 8px!important;font-size:10px}
.ro-mini-save{height:30px;border:1px solid #d0d5dd;border-radius:7px;background:#fff;font-size:9px;font-weight:800;cursor:pointer}
.ro-mini-save:disabled{opacity:.55}
.ro-roller-components-note{margin-top:9px;font-size:9px;color:#667085}
@media(max-width:850px){.ro-rct-head{display:none}.ro-roller-cost-row{grid-template-columns:1fr 1fr}.ro-roller-cost-row>*:nth-child(3){display:none}}

/* BUILD 051 — PRECIOS DEMO DENTRO DEL CONFIGURADOR */
.ro-demo-inline{margin-top:10px;padding-top:10px;border-top:1px solid #e7ebf1}
.ro-demo-inline-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.ro-demo-inline-head strong{font-size:10px;color:#344054}
.ro-demo-inline-head span{font-size:9px;color:#98a2b3}
.ro-demo-inline-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.ro-demo-inline-grid label{display:flex;flex-direction:column;gap:4px;font-size:9px;font-weight:700;color:#667085}
.ro-demo-inline-grid input{height:31px;border:1px solid #dfe5ee;border-radius:7px;padding:0 8px;background:#fff;font-size:10px}
@media(max-width:850px){.ro-demo-inline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.ro-demo-inline-grid{grid-template-columns:1fr}}

/* BUILD 052 — CONFIGURACIÓN DE PRODUCTO */
.ro-product-components-title{padding:9px 10px;border-radius:8px;background:#f8fafc;border:1px solid #e7ebf1;display:flex;flex-direction:column;gap:2px}
.ro-product-components-title strong{font-size:11px;color:#344054}
.ro-product-components-title small{font-size:9px;color:#98a2b3}