/* Estilos de la demo suelta del CRM (demo/index.html y la copia del
   Escritorio). Generado por tools/build-demo.js: no editar a mano. */
body { background: var(--bg); background-image: none; padding: clamp(.6rem, 2vw, 1.6rem); margin: 0; }
.demo__top { max-width: 1320px; margin: 0 auto .9rem; display: flex; align-items: center; gap: .8rem; flex-wrap: wrap; }
.demo__top .brand { margin: 0; }
.demo__top p { margin: 0; color: var(--ink-2); font-size: var(--t-xs); }
.demo__wrap {
  max-width: 1320px; margin: 0 auto; background: #fff;
  border: 1px solid var(--line); border-radius: var(--r-img); overflow: hidden;
  box-shadow: 0 24px 60px -34px rgba(10,10,10,.35);
}
.demo__wrap .ui { min-height: min(82vh, 820px); }

/* Estilos que venian en linea dentro de la maqueta */
.s1{--fill: 15.789473684210526%}
.s2{position: relative}
.s3{stroke-dasharray: 801.713; stroke-dashoffset: 801.713; transition: stroke-dashoffset 1.5s cubic-bezier(0.16, 1, 0.3, 1)}
.s4{stroke-dasharray: 765.16; stroke-dashoffset: 765.16; transition: stroke-dashoffset 1.5s cubic-bezier(0.16, 1, 0.3, 1) 0.25s}