[data-page=testeo]{background:var(--cream-100);padding-top:80px}.ts-hero{padding:80px 0 32px}.ts-hero h1{max-width:16ch;font-size:clamp(44px,7vw,100px);line-height:.94}.ts-hero p{max-width:600px;margin-top:24px}.workbench{padding:32px 0 120px}.wb-grid{grid-template-columns:300px 1fr 280px;align-items:start;gap:16px;display:grid}@media (max-width:1100px){.wb-grid{grid-template-columns:1fr}}.panel{background:var(--cream-50);border:1px solid var(--line);border-radius:var(--radius);max-height:calc(100vh - 120px);padding:20px;position:sticky;top:100px;overflow-y:auto}.panel-h{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px;font-weight:500;display:flex}.panel-h .ct{color:var(--sage-600);font-size:10px}.panel-sub{color:var(--ink-soft);margin-bottom:18px;font-size:12px;line-height:1.45}.panel-sep{background:var(--line);height:1px;margin:20px -20px}@media (max-width:1100px){.panel{max-height:none;position:relative;top:0}}.page-add-btn{background:var(--forest-900);width:100%;color:var(--cream-50);border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-bottom:14px;padding:12px;font-size:12px;font-weight:500;transition:transform .2s,background .2s;display:flex}.page-add-btn:hover{background:var(--forest-700);transform:translateY(-1px)}.page-add-btn .plus{background:var(--water-300);width:16px;height:16px;color:var(--forest-900);border-radius:50%;place-items:center;font-size:11px;font-weight:600;display:grid}.picker{background:var(--cream-100);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:6px;max-height:320px;margin-bottom:12px;padding:10px;display:none;overflow-y:auto}.picker.open{display:flex}.picker-row{background:var(--cream-50);border:1px solid var(--line);border-radius:7px;justify-content:space-between;align-items:center;padding:9px 11px;font-size:12.5px;transition:all .15s;display:flex}.picker-row:hover{border-color:var(--sage-400);background:var(--sage-100)}.picker-row.added{border-color:var(--sage-400);opacity:.7;background:#5fa8981f}.picker-row.added:after{content:"✓agregada";font-family:var(--mono);color:var(--sage-600);font-size:10px}.picker-row .pick-name{align-items:center;gap:10px;display:flex}.picker-row .pick-ic{background:var(--cream-100);border:1px solid var(--line);border-radius:6px;place-items:center;width:22px;height:22px;display:grid}.picker-row .pick-ic svg{width:12px;height:12px;stroke:var(--forest-800);fill:none;stroke-width:1.6px}.pages-list{flex-direction:column;gap:4px;display:flex}.page-tab{background:var(--cream-100);border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;transition:all .2s;display:flex;position:relative}.page-tab:hover{background:var(--cream-50);border-color:var(--line)}.page-tab.active{background:var(--forest-900);color:var(--cream-50);border-color:var(--forest-900)}.page-tab .pt-ic{background:var(--cream-50);border:1px solid var(--line);border-radius:5px;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.page-tab .pt-ic svg{width:11px;height:11px;stroke:var(--forest-800);fill:none;stroke-width:1.7px}.page-tab.active .pt-ic{border-color:var(--water-300);background:#8fc4b633}.page-tab.active .pt-ic svg{stroke:var(--water-300)}.page-tab .pt-name{flex:1}.page-tab .pt-count{font-family:var(--mono);opacity:.55;font-size:10px}.page-tab .pt-x{width:18px;height:18px;color:inherit;opacity:0;background:0 0;border-radius:50%;place-items:center;font-size:12px;transition:opacity .2s;display:grid}.page-tab:hover .pt-x{opacity:.7}.page-tab .pt-x:hover{opacity:1;background:#ffffff26}.pages-empty{text-align:center;color:var(--ink-soft);border:1.5px dashed var(--line);background:#00000005;border-radius:10px;padding:24px 16px;font-size:12px}.modlib{flex-direction:column;gap:5px;display:flex}.modlib-empty{text-align:center;color:var(--ink-soft);font-size:12px;font-family:var(--mono);padding:18px 14px}.modlib-item{background:var(--cream-100);border:1px solid var(--line);-webkit-user-select:none;user-select:none;border-radius:7px;align-items:center;gap:10px;padding:9px 11px;font-size:12.5px;transition:all .18s;display:flex}.modlib-item:hover{background:var(--sage-100);border-color:var(--sage-400);transform:translate(2px)}.modlib-item.in-canvas{opacity:.42;background:#00000005}.modlib-item .ic{background:var(--cream-50);border:1px solid var(--line);border-radius:5px;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.modlib-item .ic svg{width:11px;height:11px;stroke:var(--forest-800);fill:none;stroke-width:1.7px}.modlib-item .name{flex:1;line-height:1.25}.modlib-item .plus{background:var(--cream-50);border:1px solid var(--line);width:18px;height:18px;color:var(--ink-soft);border-radius:50%;place-items:center;font-size:11px;display:grid}.modlib-item.in-canvas .plus{display:none}.modlib-item.in-canvas:after{content:"✓";color:var(--sage-600);font-family:var(--mono);font-size:12px}.canvas-wrap{background:var(--canvas-bg,var(--cream-50));border-radius:var(--c-radius,18px);border:1px solid var(--line);transition:background .4s,border-radius .3s;overflow:hidden;box-shadow:0 30px 80px -40px #1a2a2233}.canvas-top{background:var(--canvas-toolbar,#1a2a220a);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;transition:background .4s;display:flex}.canvas-dots{gap:6px;display:flex}.canvas-dots span{background:#1a2a2226;border-radius:50%;width:10px;height:10px}.canvas-title{font-family:var(--canvas-display,"Instrument Serif"), serif;color:var(--canvas-ink,var(--forest-900));text-align:center;flex:1;font-size:18px;font-style:italic;transition:color .3s,font-family .3s}.canvas-title .editable{border-bottom:1px dashed #0000;border-radius:4px;outline:none;padding:0 4px}.canvas-title .editable:hover{border-bottom-color:var(--ink-soft)}.canvas-title .editable:focus{border-bottom-color:var(--forest-900);background:#ffffff80}.canvas-actions{gap:6px;display:flex}.ic-btn{border:1px solid var(--line);color:var(--canvas-ink-soft,var(--ink-soft));font-size:11px;font-family:var(--mono);background:0 0;border-radius:6px;padding:6px 10px;transition:all .18s}.ic-btn:hover{background:#1a2a220d;transform:translateY(-1px)}.canvas-body{background:var(--canvas-bg,var(--cream-50));min-height:540px;padding:20px;transition:background .4s}.mock-app{min-height:500px;font-family:var(--canvas-sans,"Geist"), sans-serif;color:var(--canvas-ink,var(--forest-900));grid-template-columns:188px 1fr;gap:16px;transition:color .3s,font-family .3s;display:grid}.mock-side{background:var(--canvas-side-bg,#1a2a220d);border-radius:var(--c-radius,12px);padding:calc(16px * var(--c-density,1)) calc(12px * var(--c-density,1));flex-direction:column;gap:3px;transition:background .4s,border-radius .3s,padding .3s;display:flex}.mock-side .biz{font-family:var(--canvas-display,"Instrument Serif"), serif;letter-spacing:-.02em;color:var(--canvas-accent,var(--sage-600));border-bottom:1px solid #0000000f;margin-bottom:8px;padding:6px 8px 12px;font-size:22px;font-style:italic;transition:color .3s,font-family .3s}.mock-side .ms-section{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--canvas-ink-soft,var(--ink-soft));padding:12px 8px 4px;font-size:9px}.mock-nav-item{color:var(--canvas-ink-soft,var(--ink-soft));cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;transition:all .2s;display:flex;position:relative}.mock-nav-item .ms-ic{flex-shrink:0;place-items:center;width:14px;height:14px;display:grid}.mock-nav-item .ms-ic svg{stroke:currentColor;fill:none;stroke-width:1.7px;opacity:.7;width:12px;height:12px}.mock-nav-item:hover{color:var(--canvas-ink,var(--forest-900));background:#0000000a}.mock-nav-item.active{background:var(--canvas-accent,var(--forest-900));color:var(--canvas-on-accent,var(--cream-50))}.mock-nav-item.active .ms-ic svg{opacity:1}.mock-side[data-side=line] .mock-nav-item.active{color:var(--canvas-ink,var(--forest-900));background:0 0;font-weight:500}.mock-side[data-side=line] .mock-nav-item.active:before{content:"";background:var(--canvas-accent,var(--forest-900));width:2px;height:16px;position:absolute;top:50%;left:-4px;transform:translateY(-50%)}.mock-side[data-side=boxed] .mock-nav-item{border:1px solid var(--line);background:var(--canvas-tile-bg,transparent);border-radius:calc(var(--c-radius-sm,10px) * .6);margin-bottom:2px}.mock-side[data-side=boxed] .mock-nav-item.active{border-color:var(--canvas-accent);background:var(--canvas-tile-bg);color:var(--canvas-ink);box-shadow:2px 2px 0 var(--canvas-accent)}.mock-side[data-side=boxed] .mock-nav-item.active .ms-ic svg{stroke:var(--canvas-accent)}.mock-side[data-side=minimal] .mock-nav-item.active{color:var(--canvas-accent,var(--forest-900));background:0 0;font-weight:600}.mock-side[data-side=minimal] .mock-nav-item.active .ms-ic svg{stroke:var(--canvas-accent)}.mock-nav-item.is-page:after{content:"";background:var(--canvas-accent,var(--forest-900));opacity:0;width:2px;height:14px;transition:opacity .2s;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.mock-nav-item.is-page.active:after{opacity:0}.mock-side-count{font-family:var(--mono);opacity:.6;margin-left:auto;font-size:9px}.mock-content{background:var(--canvas-content-bg,#fff6);border-radius:var(--c-radius,12px);padding:calc(18px * var(--c-density,1));flex-direction:column;min-height:480px;transition:background .3s,border-radius .3s,padding .3s;display:flex;position:relative}.mock-page-header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:end;margin-bottom:14px;padding-bottom:14px;display:flex}.mock-page-h-l{flex-direction:column;gap:4px;display:flex}.mock-page-title{font-family:var(--canvas-display,"Instrument Serif"), serif;letter-spacing:-.02em;font-size:32px;font-style:italic;line-height:1}.mock-page-meta{color:var(--canvas-ink-soft,var(--ink-soft));font-size:11px;font-family:var(--mono)}.mock-page-actions{gap:6px;display:flex}.board{flex:1;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(118px,auto);align-content:start;gap:10px;display:grid}.board.empty{border:1.5px dashed var(--line);text-align:center;background:#00000005;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:320px;padding:32px;display:flex}.board.empty.dragover{border-color:var(--sage-500);background:var(--sage-100)}.board.empty .empty-title{font-family:var(--canvas-display,"Instrument Serif"), serif;color:var(--canvas-ink,var(--forest-900));font-size:26px;font-style:italic}.board.empty .empty-sub{color:var(--canvas-ink-soft,var(--ink-soft));max-width:32ch;font-size:12px;line-height:1.5}.board.dragover{outline:2px dashed var(--sage-500);outline-offset:4px;border-radius:8px}.board-tile{background:var(--canvas-tile-bg,var(--cream-50));border:var(--c-tile-border,1px solid var(--line));border-radius:var(--c-radius-sm,10px);padding:calc(13px * var(--c-density,1));min-height:calc(118px * var(--c-density,1));color:var(--canvas-ink,var(--forest-900));box-shadow:var(--c-tile-shadow,none);flex-direction:column;grid-column:span 2;transition:transform .2s,box-shadow .2s,background .3s,border-radius .3s,border .3s;animation:.4s cubic-bezier(.2,.7,.2,1) backwards tile-in;display:flex;position:relative}@keyframes tile-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.board-tile.size-1{grid-column:span 2}.board-tile.size-2{grid-column:span 3}.board-tile.size-3{grid-column:span 4}.board-tile.size-full{grid-column:span 6}.board-tile:hover{box-shadow:var(--c-tile-hover-shadow,0 12px 30px -20px #1a2a224d);transform:translateY(-2px)}.board-tile.dragging{opacity:.35}.board-tile.drag-over{box-shadow:-3px 0 0 0 var(--sage-500)}.tile-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.tile-head .ic{background:var(--canvas-tile-ic-bg,var(--sage-100));border-radius:calc(var(--c-radius-sm,10px) * .7);place-items:center;width:26px;height:26px;transition:background .3s,border-radius .3s;display:grid}.tile-head .ic svg{width:13px;height:13px;stroke:var(--canvas-accent,var(--forest-800));fill:none;stroke-width:1.6px;transition:stroke .3s}.tile-actions{opacity:0;gap:4px;transition:opacity .2s;display:flex}.board-tile:hover .tile-actions{opacity:1}.tile-actions button{border:1px solid var(--line);background:var(--canvas-tile-bg,var(--cream-50));width:22px;height:22px;color:var(--canvas-ink-soft,var(--ink-soft));border-radius:5px;font-size:10px;transition:all .18s}.tile-actions button:hover{background:var(--canvas-accent,var(--forest-900));color:var(--canvas-on-accent,var(--cream-50));border-color:#0000}.tile-name{font-family:var(--canvas-display,"Instrument Serif"), serif;margin-top:2px;font-size:17px;line-height:1.1;transition:font-family .3s}.tile-mini{color:var(--canvas-ink-soft,var(--ink-soft));font-size:10.5px;font-family:var(--mono);margin-top:auto;padding-top:10px}.tile-mini .v{font-family:var(--canvas-display,"Instrument Serif"), serif;color:var(--canvas-accent,var(--forest-900));font-size:21px;font-style:italic;line-height:1.1;display:block}.board-tile.is-locked{opacity:.32;cursor:not-allowed;pointer-events:none}.ctrl-group{margin-bottom:22px}.ctrl-label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:10px;font-size:10px}.opt-row{flex-direction:column;gap:4px;display:flex}.opt{border:1px solid var(--line);background:var(--cream-50);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;transition:all .2s;display:flex}.opt:hover{border-color:var(--forest-700);background:var(--cream-100);transform:translate(2px)}.opt.active{background:var(--forest-900);color:var(--cream-50);border-color:var(--forest-900)}.opt .sample{font-family:var(--sample-font,serif);font-size:18px;font-style:italic;line-height:1}.opt.active .sample{color:var(--cream-50)}.preset-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}.preset{border:1px solid var(--line);background:var(--cream-50);text-align:left;border-radius:8px;padding:11px;font-size:12px;transition:all .2s;position:relative}.preset:hover{border-color:var(--forest-700);transform:translateY(-2px)}.preset.active{border-color:var(--forest-900);background:var(--forest-900);color:var(--cream-50)}.preset.active .lbl{color:#f5f1e8a6}.preset .ribbon{gap:2px;margin-top:6px;display:flex}.preset .ribbon span{border-radius:2px;flex:1;height:8px}.preset .ttl{font-family:var(--serif);font-size:14px;font-style:italic}.preset .lbl{color:var(--ink-soft);font-size:10px;font-family:var(--mono)}.preset .vis{background:var(--cream-100);justify-content:center;align-items:center;height:28px;margin-top:8px;display:flex;position:relative}.preset.active .vis{background:#ffffff1a}.preset .vis .mini-card{background:var(--cream-50);border:1px solid var(--line);width:60%;height:60%}.preset.active .vis .mini-card{background:var(--cream-50);border-color:var(--cream-50)}.shape-row{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.shape{border:1px solid var(--line);background:var(--cream-50);cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;transition:all .2s;display:flex}.shape:hover{border-color:var(--forest-700);transform:translateY(-1px)}.shape.active{background:var(--forest-900);color:var(--cream-50);border-color:var(--forest-900)}.shape .swp{opacity:.6;background:currentColor;width:26px;height:26px;transition:border-radius .3s,opacity .2s}.shape.active .swp{opacity:1;background:var(--water-300)}.shape .lb{font-family:var(--mono);letter-spacing:.04em;text-align:center;font-size:9px}.summary{background:var(--forest-900);color:var(--cream-50);border-radius:10px;margin-top:16px;padding:14px;position:relative;overflow:hidden}.summary:before{content:"";background:radial-gradient(circle,#8fc4b64d,#0000 60%);width:200px;height:200px;animation:12s ease-in-out infinite blob-drift;position:absolute;top:-50%;right:-30%}.summary>*{z-index:1;position:relative}.summary h4{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--water-300);margin-bottom:10px;font-size:10px;font-weight:500}.summary-row{border-bottom:1px solid #f5f1e81a;justify-content:space-between;padding:5px 0;font-size:12px;display:flex}.summary-row:last-of-type{border-bottom:none}.summary-row .l{color:#f5f1e8b3}.summary-cta{background:var(--water-300);width:100%;color:var(--forest-900);border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:11px;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.summary-cta:hover{background:var(--cream-50);transform:translateY(-1px)}.reset-link{color:var(--ink-soft);font-size:11px;font-family:var(--mono);letter-spacing:.04em;text-decoration:underline}.ts-hint{background:var(--sage-100);border-radius:var(--radius);color:var(--forest-700);align-items:start;gap:12px;margin-top:24px;padding:16px;font-size:13px;display:flex}.ts-hint .em{font-family:var(--serif);color:var(--sage-600);font-size:22px;font-style:italic;line-height:1}.ts-cta{background:var(--forest-900);color:var(--cream-50);text-align:center;padding:100px 0;position:relative;overflow:hidden}.ts-cta .ambient-blob{background:radial-gradient(circle,#8fc4b680,#0000 60%);width:800px;height:800px;top:-300px;left:50%;transform:translate(-50%)}.ts-cta>.shell{z-index:1;position:relative}.ts-cta h2{color:var(--cream-50);max-width:16ch;margin:0 auto 24px}.ts-cta h2 em{color:var(--water-300)}.ts-cta .lede{color:#f5f1e8b3;margin:0 auto}.ts-cta .btns{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.ts-cta .btn-primary{background:var(--water-300);color:var(--forest-900)}.ts-cta .btn-primary:hover{background:var(--cream-50)}.ts-cta .btn-ghost{color:var(--cream-50);border-color:#f5f1e84d}