.crm{background:#fff;padding:100px max(6vw,50vw - 640px) 96px;overflow:hidden}.crm-window{background:#fff;border:1px solid #dfd8cf;border-radius:14px;overflow:hidden;box-shadow:0 30px 80px #30271e1f,0 3px 8px #30271e0d}.crm-app{background:#fbfaf8}.crm-topbar{background:#fff;border-bottom:1px solid #ece6dd;align-items:center;gap:22px;padding:12px 18px;font-size:12px;display:flex}.crm-base{white-space:nowrap;align-items:center;gap:9px;font-weight:700;display:inline-flex}.crm-base b{color:#fff;width:26px;height:26px;font-family:var(--font-display);font-size-adjust:var(--display-adjust);background:#a8865c;border-radius:7px;place-items:center;font-size:16px;display:grid}.crm-tables{color:#81796f;gap:4px;display:flex}.crm-tables span{border-radius:7px;padding:6px 11px}.crm-tables .is-active{color:#2a2622;background:#f3ece2;font-weight:700}.crm-people{margin-left:auto;display:flex}.crm-people i,.crm-owner{color:#c4a77e;background:#111010;border-radius:50%;place-items:center;width:26px;height:26px;font-size:9px;font-style:normal;font-weight:700;display:inline-grid}.crm-people i{border:2px solid #fff}.crm-people i+i{color:#fff;background:#a8865c;margin-left:-7px}.crm-toolbar{border-bottom:1px solid #ece6dd;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:10px 18px;font-size:11px;display:flex}.crm-views{background:#fff;border:1px solid #e3dbd0;border-radius:9px;padding:3px;display:inline-flex}.crm-views button{color:#81796f;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;transition:background .18s,color .18s;display:inline-flex}.crm-views button[aria-selected=true]{color:#fff;background:#111010}.crm-views button:focus-visible{outline-offset:2px;outline:2px solid #a8865c}.crm-count{color:#81796f}.crm-sync{color:#4b7a48;background:#eef4ec;border-radius:999px;align-items:center;gap:7px;margin-left:auto;padding:5px 10px;font-weight:700;display:inline-flex}.crm-sync i{background:#5e9a5a;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite crm-sync;box-shadow:0 0 0 3px #5e9a5a2e}.crm-panel[hidden]{display:none}.crm-panel:not([hidden]){animation:.36s cubic-bezier(.2,.8,.2,1) both crm-panel-in}.crm-panel:focus-visible{outline-offset:-2px;outline:2px solid #a8865c}.crm-table-wrap{overflow-x:auto}.crm-table{border-collapse:collapse;width:100%;min-width:720px;font-size:12px}.crm-table th{color:#81796f;letter-spacing:.06em;text-align:left;text-transform:uppercase;background:#f6f2ec;border-bottom:1px solid #ece6dd;padding:10px 18px;font-size:10px;font-weight:700}.crm-table td{color:#4a4540;vertical-align:middle;border-bottom:1px solid #f0ebe4;padding:13px 18px}.crm-table tbody tr{background:#fff;transition:background .16s}.crm-table tbody tr:hover{background:#faf6f0}.crm-table td b,.crm-table td small{display:block}.crm-table td b{color:#211d18;font-size:13px}.crm-table td small{color:#9a9187;margin-top:2px;font-size:11px}.crm-value{font-family:var(--font-sans);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.crm-phase{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.phase-diagnostico{color:#8d6940;background:#f3ece2}.phase-propuesta{color:#46607d;background:#e6ecf3}.phase-implementacion{color:#8a6420;background:#f8ecd2}.phase-activo{color:#4b7a48;background:#e5efe2}.crm-new{position:relative}.crm-table tr.crm-new{background:#fffaf1;box-shadow:inset 3px 0 #a8865c}.crm-new-badge{color:#e3cfae;background:#111010;border-radius:999px;margin-top:6px;padding:3px 8px;font-size:10px;font-style:normal;font-weight:700;display:inline-block}.crm-kanban{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px;display:grid}.crm-column{background:#f3efe9;border-radius:12px;min-width:0;padding:10px}.crm-column>p{justify-content:space-between;align-items:center;margin:0 0 10px;display:flex}.crm-column>p small{color:#9a9187;font-size:11px;font-weight:700}.crm-card{background:#fff;border:1px solid #e7e0d6;border-radius:10px;gap:4px;margin-top:8px;padding:12px;font-size:12px;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid;box-shadow:0 4px 10px #362b200a}.crm-card:hover{border-color:#cdb999;transform:translateY(-3px);box-shadow:0 12px 24px #362b201a}.crm-card b{color:#211d18;font-size:13px}.crm-card small{color:#81796f;font-size:11px}.crm-card>span{color:#4a4540;font-family:var(--font-sans);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;margin-top:6px;font-size:11px;font-weight:600;display:flex}.crm-card .crm-owner{width:22px;height:22px;font-family:var(--font-sans);font-size:8px}.crm-card.crm-new{border-color:#a8865c;box-shadow:0 0 0 3px #a8865c24}.crm-note{color:#9a9187;text-align:right;margin:16px 0 0;font-size:11px}html.scroll-motion-ready .crm-window:not(.is-revealed) .crm-table tbody tr{opacity:0}.crm-window.is-revealed .crm-table tbody tr{animation:.52s cubic-bezier(.2,.8,.2,1) both crm-row-in;animation-delay:calc(.25s + var(--i) * 80ms)}.crm-window.is-revealed .crm-table tr.crm-new{animation:.52s cubic-bezier(.2,.8,.2,1) both crm-row-in,1.6s ease-out 1.1s 2 crm-new-glow}@keyframes crm-panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes crm-row-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes crm-new-glow{0%,to{background:#fffaf1}40%{background:#f6e6cc}}@keyframes crm-sync{0%,to{opacity:1}50%{opacity:.4}}@media (width<=900px){.crm{padding:78px 6vw 80px}.crm-tables span:not(.is-active){display:none}.crm-kanban{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.crm{padding:64px 18px 68px}.crm-window{border-radius:10px}.crm-window .browser-chrome{grid-template-columns:auto minmax(0,1fr)}.crm-window .browser-menu{display:none}.crm-topbar{gap:12px;padding-inline:12px}.crm-tables{display:none}.crm-toolbar{padding-inline:12px}.crm-count{display:none}.crm-kanban{grid-template-columns:1fr;padding:12px}.crm-note{text-align:left}}@media (prefers-reduced-motion:reduce){.crm-sync i,.crm-panel:not([hidden]),.crm-window.is-revealed .crm-table tbody tr,.crm-window.is-revealed .crm-table tr.crm-new{animation:none}.crm-card{transition:none}}