@font-face{font-family:DM;src:url(DMSans.ttf);font-weight:100 1000;font-display:swap}@font-face{font-family:Funnel;src:url(FunnelDisplay.ttf);font-weight:300 800;font-display:swap}
:root{--accent:#c6f432;--navy:#0e1a24;--muted:#74818c;--border:#e6eaf0;--soft:#f5f7fa;--green:#176c4d;--purple:#7953bd}*{box-sizing:border-box}body{margin:0;background:var(--soft);font:14px/1.5 DM,Arial,sans-serif;color:var(--navy)}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8fb31a;outline-offset:3px}button{border:0}h1,h2,h3{font-family:Funnel,DM,sans-serif;line-height:1.15;margin:0;font-weight:650;letter-spacing:-.02em}h1{font-size:32px}h2{font-size:20px}p{margin:8px 0 0}.skip{position:fixed;top:-100px;background:#fff;padding:12px;z-index:100}.skip:focus{top:0}.demo-ribbon{height:35px;background:#e9f5c3;color:#314617;display:flex;justify-content:space-between;align-items:center;padding:0 26px;font-size:10px;letter-spacing:.06em}.demo-ribbon>span{display:flex;align-items:center;gap:9px}.demo-ribbon i{width:6px;height:6px;border-radius:50%;background:#688e14}.demo-ribbon b{font-weight:400;letter-spacing:0;margin-left:6px}.demo-ribbon a{font-size:11px;letter-spacing:0;font-weight:650}.crm-shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:calc(100vh - 35px)}.crm-sidebar{background:var(--navy);color:#cbd3da;padding:31px 18px 0;display:flex;flex-direction:column;gap:0}.crm-logo{display:inline-block;margin:0 10px 27px}.crm-logo img{display:block}.workspace{display:flex;gap:10px;align-items:center;border:1px solid #ffffff1c;border-radius:9px;padding:12px 9px;margin-bottom:32px}.workspace-icon{display:grid;place-items:center;background:#c6f432;color:#0e1a24;width:30px;height:30px;border-radius:8px;font-weight:800}.workspace b{font-size:11px;color:white;display:block}.workspace small{font-size:9px;color:#8295a4}.workspace .icon-button{margin-left:auto;font-size:14px;color:#8fa4b1;width:22px}.nav-label{font-size:9px;letter-spacing:.12em;color:#718895;padding-left:14px;margin-bottom:12px}#crm-nav{display:grid;gap:5px}#crm-nav a{padding:11px 14px;border-radius:7px;display:flex;align-items:center;gap:12px;font-size:12px;transition:background .15s}#crm-nav a:hover{background:#ffffff0d}#crm-nav a[aria-current=page]{background:#c6f432;color:#172322;font-weight:750}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#crm-nav a .nav-count{margin-left:auto;font-size:10px;background:#ffffff12;padding:0 6px;border-radius:4px}#crm-nav a[aria-current] .nav-count{background:#00000012}.sidebar-bottom{margin-top:auto;padding-top:38px}.demo-tip{border:1px solid #ffffff16;border-radius:9px;padding:14px;font-size:10px}.demo-tip b{color:#e6edf2;font-size:11px}.demo-tip p{color:#8295a4;line-height:1.6}.demo-tip button{background:none;color:#c6f432;padding:12px 0 0;font-size:10px;font-weight:650}.demo-user{display:flex;align-items:center;gap:10px;border-top:1px solid #ffffff14;padding:20px 3px;margin-top:22px}.demo-user>span{background:#2a3a45;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:10px}.demo-user b{font-size:11px;display:block;color:#eef1f5}.demo-user small{font-size:9px;color:#8295a4}.crm-main{min-width:0}.crm-topbar{height:68px;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 34px;color:#7b8794;font-size:11px}.crm-topbar>div{display:flex;align-items:center;gap:15px}.demo-pill{background:#f0f4e8;color:#60753d;border-radius:5px;font-size:10px;font-weight:650;padding:5px 10px}.quiet{background:none;color:#647483;font-size:11px;padding:7px}.icon-button{background:transparent;color:inherit;width:30px;height:30px;display:inline-grid;place-items:center}.sidebar-toggle{display:none}#crm-content{padding:32px 34px 10px;outline:none}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:27px}.page-heading p{font-size:12px;color:var(--muted);margin-top:9px}.page-heading .eyebrow{font-size:10px;letter-spacing:.1em;color:#8a959f;display:block;margin-bottom:9px}.primary,.secondary{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:37px;border-radius:6px;padding:10px 15px;font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap}.primary{background:var(--accent);color:#142026}.secondary{background:#fff;border:1px solid #dde4ea;color:#344754}.primary:hover{filter:brightness(.97)}.secondary:hover{background:#f2f5f7}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.metric{background:#fff;border:1px solid var(--border);border-radius:10px;padding:20px;position:relative;min-height:132px}.metric>span{display:block;font-size:11px;color:#798591}.metric>strong{font-family:Funnel;font-size:32px;line-height:1.1;display:block;margin:14px 0 10px;font-weight:650}.metric>small{font-size:9px;color:#8b98a0;display:block}.metric .metric-icon{position:absolute;top:17px;right:17px;width:29px;height:29px;background:#f4f7ed;display:grid;place-items:center;color:#7f963e;border-radius:7px}.metric-icon svg{width:15px;height:15px}.metric.accent{background:var(--navy);color:#fff;border-color:var(--navy)}.metric.accent>span,.metric.accent>small{color:#a5b2bc}.metric.accent .metric-icon{background:#c6f43220;color:#c6f432}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:20px}.panel{background:#fff;border:1px solid var(--border);border-radius:10px;min-width:0;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:21px 23px 10px}.panel-head h2{font-size:17px}.panel-head p{font-size:10px;color:#8b97a2}.panel-head a,.panel-head button{font-size:10px;font-weight:600;background:none;color:#718092;padding:0}.panel-body{padding:15px 23px 23px}.chart-wrap{padding:19px 23px 16px}.chart-legend{display:flex;gap:20px;font-size:9px;color:#8b97a2;margin-bottom:15px}.chart-legend i{display:inline-block;width:7px;height:7px;background:#0e1a24;border-radius:2px;margin-right:5px}.chart-legend span:nth-child(2) i{background:var(--accent)}.activity-chart{height:150px;display:flex;gap:13px;align-items:end;background:repeating-linear-gradient(to top,#e9edf2 0,#e9edf2 1px,transparent 1px,transparent 37px);padding:0 8px}.chart-group{flex:1;height:100%;display:flex;align-items:end;gap:4px}.chart-group i{width:50%;height:var(--h);background:#0e1a24;border-radius:3px 3px 0 0}.chart-group i:last-child{background:var(--accent)}.chart-labels{display:flex;justify-content:space-around;font-size:9px;color:#8894a0;padding-top:13px}.quick-list{display:grid;gap:12px}.quick-task{display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf0f4;padding:10px 0 15px}.quick-task:last-child{border:0;padding-bottom:0}.task-icon{width:32px;height:32px;flex-shrink:0;background:#f3f6fa;border-radius:8px;color:#8496a6;display:grid;place-items:center}.quick-task b{font-size:11px;display:block}.quick-task small{font-size:9px;color:#8b97a2}.quick-task a{margin-left:auto;font-size:14px}.wide{grid-column:1/-1}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{font-size:9px;letter-spacing:.03em;font-weight:600;color:#8a96a2;background:#fafbfc;border-bottom:1px solid var(--border);padding:13px 23px}td{font-size:11px;border-bottom:1px solid #edf0f4;padding:15px 23px;color:#5c6d7a}tbody tr:last-child td{border:0}td strong{color:#344654;font-weight:600}td small{display:block;font-size:9px;color:#9aa5ad;margin-top:2px}.row-name{display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;width:30px;height:30px;background:#edf0f9;border-radius:8px;flex-shrink:0;font-size:10px;font-weight:650;color:#7b87ae}.avatar.a1{background:#eaf3f0;color:#669e8c}.avatar.a2{background:#f9eeeb;color:#bc8875}.badge{display:inline-flex;padding:4px 8px;border-radius:5px;font-size:9px;line-height:1.35;background:#eaf6ef;color:#34745b;font-weight:600}.badge.pending{background:#fff3df;color:#997139}.badge.blue{background:#eaf0ff;color:#5b77ac}.badge.red{background:#fbeceb;color:#ad6160}.row-action{background:none;color:#617983;font-size:10px;font-weight:650;padding:5px 0}.row-action:hover{text-decoration:underline}.crm-footer{font-size:9px;color:#9ba5ad;padding:16px 34px 25px}.toolbar{display:flex;justify-content:space-between;align-items:end;gap:15px;padding:18px 23px}.toolbar label,.field{display:grid;gap:7px;font-size:10px;font-weight:600;color:#71808d}.toolbar input{width:260px}.toolbar input,.toolbar select,.field input,.field select,.field textarea{border:1px solid #e0e6ed;background:white;border-radius:6px;min-height:36px;padding:8px 11px;color:#435462;font-size:11px}.field textarea{min-height:95px;resize:vertical}.result-count{padding:0 23px 17px;font-size:10px;color:#8a96a2}.empty{text-align:center;padding:50px!important;color:#8896a2}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-card{padding:22px}.service-card .service-type{display:flex;justify-content:space-between;align-items:center}.service-card h2{font-size:21px;margin:20px 0 8px}.service-card p{font-size:11px;color:#80909b}.service-card dl{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:10px;margin:22px 0}.service-card dt{color:#95a0aa;margin-bottom:4px}.service-card dd{margin:0;font-weight:650;color:#566b79}.service-card .row-action{border-top:1px solid var(--border);padding-top:15px;width:100%;text-align:left}.kanban{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.kanban-col{background:#edf1f5;border-radius:9px;padding:13px;min-width:0}.kanban-col>h2{font-family:DM;font-size:11px;display:flex;justify-content:space-between;padding:2px 3px 15px}.kanban-col>h2 span{color:#8e9ba6}.deal{background:#fff;border:1px solid #e2e8ed;border-radius:8px;padding:16px;margin-bottom:12px}.deal>small{font-size:8px;color:#9ba6af}.deal h3{font-family:DM;font-size:11px;margin:12px 0 7px}.deal p{font-size:10px;color:#81919e}.deal .badge{margin:16px 0}.deal-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0f4;padding-top:12px;font-size:10px}.schedule{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.calendar{padding:23px}.calendar h2{display:flex;justify-content:space-between;align-items:center;font-size:18px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:25px}.calendar-grid>span{text-align:center;font-size:10px;color:#9aa6ae;padding:8px}.calendar-day{background:transparent;border-radius:6px;min-height:40px;font-size:11px;color:#607484}.calendar-day.chosen{background:var(--accent);color:#23310c;font-weight:800}.calendar-day.has-events:after{content:'';display:block;width:3px;height:3px;background:#90a854;margin:3px auto 0;border-radius:50%}.calendar-day.blank{visibility:hidden}.appointment{display:flex;gap:15px;padding:20px 0;border-bottom:1px solid var(--border)}.appointment:last-child{border:0}.appointment>time{font-size:12px;font-weight:700;color:#768d63;min-width:40px}.appointment b{font-size:11px}.appointment p{font-size:10px;color:#8a9aa5}.appointment .row-action{display:block;margin-top:7px}.notice{padding:15px 19px;background:#eef3df;border:1px solid #e0e9c2;border-radius:8px;color:#64754b;font-size:11px;margin-bottom:22px}.notice a{text-decoration:underline}.campaign{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#fff;padding:25px;border-radius:10px;border:1px solid var(--border);margin-bottom:22px}.campaign h2{font-size:21px}.campaign p{font-size:11px;color:#8c98a2}.progress-track{height:8px;background:#eef1f5;border-radius:10px;margin:17px 0 9px;overflow:hidden}.progress-track>i{display:block;height:100%;width:64%;background:var(--accent)}.campaign>div{flex:1}.campaign strong{font-family:Funnel;font-size:35px}.campaign>div:last-child{flex:0 0 120px;text-align:right}.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tier-grid div{border:1px solid var(--border);padding:20px;border-radius:8px;background:white;font-size:10px;color:#8698a4}.tier-grid b{display:block;font-size:24px;color:#243a45;margin:9px 0}.tier-grid .active-tier{border-color:#a7ca4a;background:#f9fcec}dialog{padding:0;border:0;border-radius:14px;width:min(700px,calc(100% - 32px));max-height:90vh;color:var(--navy);box-shadow:0 30px 100px #0004}dialog::backdrop{background:#0e1a248a;backdrop-filter:blur(3px)}.dialog-head{padding:25px 28px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-head h2{font-size:25px}.dialog-head small{display:block;font-size:10px;color:#8b9ba7;margin-bottom:7px}.dialog-head p{font-size:11px;color:#8494a0}.dialog-body{padding:25px 28px}.dialog-tabs{display:flex;gap:20px;border-bottom:1px solid var(--border);padding:0 28px}.dialog-tabs button{padding:14px 0;background:none;font-size:11px;color:#8c9aa4;border-bottom:2px solid transparent}.dialog-tabs button[aria-selected=true]{border-color:#a6ce31;color:#223c47;font-weight:650}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0}.detail-grid dt{color:#8a9ba5;font-size:10px;margin-bottom:5px}.detail-grid dd{margin:0;font-size:12px;color:#435b6b}.detail-block{border:1px solid var(--border);padding:18px;border-radius:8px;margin-bottom:14px}.detail-block h3{font-size:15px}.detail-block p{font-size:11px;color:#78909e}.detail-block .badge{margin-top:10px}.timeline{display:grid;gap:24px;padding-left:12px}.timeline>div{padding-left:22px;position:relative;border-left:1px solid var(--border)}.timeline>div:before{content:'';position:absolute;left:-4px;top:4px;width:7px;height:7px;background:#b3d754;border-radius:50%}.timeline b{font-size:12px}.timeline p,.timeline small{font-size:10px;color:#899aa5}.dialog-foot{padding:17px 28px 23px;display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid var(--border);font-size:10px;color:#90a0aa}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field-full{grid-column:1/-1}.swatches{display:flex;gap:10px;margin-top:10px}.swatches label{display:flex;align-items:center;gap:5px;font-size:11px}.swatches i{display:inline-block;width:18px;height:18px;border-radius:50%;background:var(--color)}.invoice-demo{border:1px solid var(--border);border-radius:10px;padding:28px}.invoice-demo .invoice-top{display:flex;justify-content:space-between;gap:20px;margin-bottom:30px}.invoice-demo h3{font-size:25px}.invoice-demo p{font-size:11px;color:#718795}.invoice-demo th,.invoice-demo td{padding:15px 8px}.invoice-summary{text-align:right;padding-top:20px;font-size:12px}.invoice-summary strong{font-size:22px;display:block;margin-top:8px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#142a36;color:white;border-radius:9px;padding:13px 20px;font-size:12px;box-shadow:0 10px 30px #0002;z-index:60;max-width:calc(100% - 30px);display:none}#toast.visible{display:block}#tour{position:fixed;bottom:22px;right:24px;width:320px;z-index:40}#tour[hidden]{display:none}#tour>div{padding:24px;background:#fff;border:1px solid #c8dc8c;border-radius:12px;box-shadow:0 15px 60px #0e1a242a}#tour-step{font-size:10px;font-weight:700;color:#87a63b}#tour button[data-action=end-tour]{float:right;background:none;font-size:20px;color:#7d8b93;padding:0}#tour h2{font-size:21px;margin:12px 0}#tour p{font-size:12px;color:#7d8e9b;margin-bottom:18px;line-height:1.6}
@media(min-width:1600px){#crm-content{max-width:1500px;margin:auto}.crm-shell{grid-template-columns:245px minmax(0,1fr)}}
@media(max-width:1200px){.metric .metric-icon{display:none}}
@media(max-width:1100px){.crm-shell{grid-template-columns:190px minmax(0,1fr)}.crm-sidebar{padding-left:12px;padding-right:12px}#crm-content{padding:26px 22px 10px}.crm-topbar{padding:0 22px}.metrics{gap:10px}.metric{padding:16px}.metric .metric-icon{display:none}.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr)}th,td{padding-left:17px;padding-right:17px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kanban{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-footer{padding-left:22px}}
@media(max-width:760px){.demo-ribbon{height:auto;min-height:40px;padding:9px 16px;font-size:8px;gap:10px}.demo-ribbon b{display:none}.demo-ribbon a{font-size:9px}.crm-shell{display:block;min-height:calc(100vh - 40px)}.crm-sidebar{display:none;position:absolute;z-index:25;top:40px;bottom:auto;min-height:calc(100vh - 40px);width:224px;box-shadow:15px 10px 40px #0e1a2420}.crm-sidebar.open{display:flex}.sidebar-toggle{display:inline-grid}.crm-topbar{height:60px;padding:0 16px;font-size:9px}.crm-topbar>div{gap:7px}.top-actions .quiet{display:none}#crm-content{padding:25px 16px 10px}.page-heading{align-items:start;margin-bottom:20px}.page-heading h1{font-size:27px}.page-heading p{font-size:11px;line-height:1.6;max-width:230px}.page-heading .eyebrow{font-size:8px}.page-heading>.primary,.page-heading>.secondary{font-size:9px;padding:8px 10px;min-height:32px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:17px}.metric{min-height:118px;padding:16px}.metric>span{font-size:10px}.metric>strong{font-size:28px}.metric>small{font-size:8px}.dashboard-grid{grid-template-columns:1fr;gap:17px}.panel-head{padding:20px 18px 10px}.panel-head h2{font-size:17px}.panel-body{padding:10px 18px 20px}.activity-chart{height:130px;gap:10px}.chart-wrap{padding:15px 18px}.table-wrap{overflow:auto;max-width:100%}th,td{padding:13px 16px}.crm-footer{padding:16px;font-size:8px}.toolbar{padding:17px;align-items:stretch;flex-direction:column;gap:12px}.toolbar input{width:100%}.toolbar label{flex:1}.service-grid{grid-template-columns:1fr}.kanban{grid-template-columns:1fr;gap:20px}.schedule{grid-template-columns:1fr}.calendar-day{min-height:35px}.campaign{padding:20px}.campaign h2{font-size:20px}.campaign strong{font-size:29px}.campaign>div:last-child{flex-basis:85px}.tier-grid{gap:8px}.tier-grid div{font-size:9px;padding:12px}.tier-grid b{font-size:21px}.dialog-head{padding:20px}.dialog-head h2{font-size:23px}.dialog-body{padding:20px}.dialog-tabs{padding:0 20px;gap:15px}.dialog-tabs button{font-size:10px}.detail-grid{gap:20px}.detail-grid dd{font-size:11px;overflow-wrap:anywhere}.dialog-foot{padding:15px 20px;font-size:9px}.form-grid{grid-template-columns:1fr}.invoice-demo{padding:16px}#tour{width:calc(100% - 32px);right:16px;bottom:16px}.notice{font-size:10px}#breadcrumb{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{body>*:not(dialog){display:none!important}dialog[open]{position:static;width:100%;max-height:none;box-shadow:none;margin:0}.dialog-head,.dialog-tabs,.dialog-foot{display:none}.dialog-body{padding:0}.invoice-demo{border:none}.invoice-demo:before{content:'IWWI · DOCUMENTO FICTICIO DE DEMOSTRACIÓN';font-size:10px;display:block;margin-bottom:30px}}