.demo .badge{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent-dark);background:transparent;border:1px solid var(--color-accent-dark);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3)}.demo h1{font-family:var(--font-heading);font-weight:var(--font-extrabold);font-size:clamp(var(--text-4xl),5vw,var(--text-6xl));line-height:var(--leading-tight);color:var(--heading-accent);margin-top:var(--space-4);text-wrap:balance}.demo h1:after{content:"";display:block;width:4.5rem;height:3px;border-radius:var(--radius-full);background:var(--color-secondary);margin-top:var(--space-4)}.demo .lead{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-secondary);max-width:62ch}.demo .lead strong{color:var(--text-primary)}.demo-kitnav{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--space-4);margin-top:var(--space-8)}.demo-kitnav a{display:grid;grid-template-columns:auto 1fr;column-gap:var(--space-4);row-gap:var(--space-1);align-items:start;border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);background:var(--surface-card);box-shadow:var(--shadow-sm);text-decoration:none;color:var(--text-primary);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.demo-kitnav a:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--color-secondary)}.demo-kitnav__icon{grid-row:span 2;width:2.5rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--surface-elevated);color:var(--color-accent-dark)}.demo-kitnav .demo-kitnav__t{display:block;font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-bold);line-height:var(--leading-snug)}.demo-kitnav .demo-kitnav__d{grid-column:2;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-secondary)}.demo-block{margin-top:var(--space-12);border-top:1px solid var(--border-light);padding-top:var(--space-8)}.demo-block h2{font-family:var(--font-heading);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--heading-accent);margin-bottom:var(--space-4);text-wrap:balance}.demo-block h3{font-family:var(--font-heading);margin:var(--space-5) 0 var(--space-2);font-size:var(--text-lg);color:var(--text-primary)}.demo ul li::marker{color:var(--color-secondary)}.demo-block>ol{list-style:none;counter-reset:demo-q;padding-left:0;margin:var(--space-4) 0 0;display:grid;gap:var(--space-3)}.demo-block>ol>li{counter-increment:demo-q;position:relative;padding-left:var(--space-10);line-height:var(--leading-relaxed)}.demo-block>ol>li:before{content:counter(demo-q,decimal-leading-zero);position:absolute;left:0;top:.2em;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;color:var(--color-secondary-dark)}.demo-note{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary);background:var(--surface-parchment);border-left:3px solid var(--color-secondary);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-3) var(--space-4);margin-top:var(--space-5)}.demo-table-wrap{overflow-x:auto}.demo-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.demo-table th,.demo-table td{border:none;border-bottom:1px solid var(--border-light);padding:var(--space-3) var(--space-3);text-align:left;vertical-align:top;line-height:var(--leading-normal)}.demo-table thead th{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);border-bottom:2px solid var(--border-default);background:transparent}.demo-table--sheet th,.demo-table--sheet td{border:1px solid var(--border-default)}.demo-table--sheet thead th{background:var(--surface-elevated);border-bottom-width:1px}.demo-table--sheet td{height:2.6em}.demo-lvl{text-align:center;width:9%}.demo-table--sheet tbody .demo-lvl{font-size:var(--text-lg);color:var(--text-muted)}.demo-table--agenda td:first-child{font-family:var(--font-mono);color:var(--color-secondary-dark);white-space:nowrap}.demo-table--agenda td:nth-child(2){font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;padding-top:var(--space-3)}.demo-table--agenda tbody tr{transition:background var(--transition-fast)}.demo-table--agenda tbody tr:hover td{background:color-mix(in srgb,var(--color-accent) 6%,transparent)}.demo-agenda--peak td{background:color-mix(in srgb,var(--color-secondary) 10%,transparent)}.demo-agenda--peak td:first-child{box-shadow:inset 3px 0 0 var(--color-secondary)}.demo-table--agenda tbody tr.demo-agenda--peak:hover td{background:color-mix(in srgb,var(--color-secondary) 14%,transparent)}.demo-seal{position:relative;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:var(--shadow-sm);margin-top:var(--space-5);overflow:hidden;transition:box-shadow var(--transition-base),border-color var(--transition-base)}.demo-seal:hover{box-shadow:var(--shadow-md)}.demo-seal[open]{border-color:var(--color-secondary);box-shadow:var(--shadow-lg)}.demo-seal summary{list-style:none;cursor:pointer;position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-12) var(--space-5) var(--space-5);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary)}.demo-seal summary::-webkit-details-marker{display:none}.demo-seal summary:after{content:"";position:absolute;right:var(--space-5);top:var(--space-6);width:.55rem;height:.55rem;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);transform:rotate(45deg);transition:transform var(--transition-base)}.demo-seal[open] summary:after{transform:rotate(225deg) translate(-.2rem,-.2rem)}.demo-seal__tag{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.14em;text-transform:uppercase;background:var(--color-primary);color:var(--text-inverse);border-radius:var(--radius-sm);padding:2px 8px}.demo-seal summary em{display:inline-flex;align-items:center;gap:var(--space-2);margin-left:auto;font-family:var(--font-mono);font-style:normal;font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--color-secondary-dark);border:1.5px solid var(--color-secondary-dark);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);transform:rotate(2deg);transition:color var(--transition-base),border-color var(--transition-base),transform var(--transition-base)}.demo-seal summary em:before{content:"";width:.45rem;height:.45rem;border-radius:var(--radius-full);background:var(--color-secondary);animation:demo-seal-pulse 2.4s ease-in-out infinite}@keyframes demo-seal-pulse{0%,to{opacity:1}50%{opacity:.25}}.demo-seal[open] summary em{color:var(--text-muted);border-color:var(--border-default);text-decoration:line-through;transform:rotate(-1deg)}.demo-seal[open] summary em:before{background:var(--border-default);animation:none}.demo-seal__redact{flex-basis:100%;display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.demo-seal__redact i{display:block;height:.55em;border-radius:var(--radius-sm);background:var(--border-light)}.demo-seal__redact i:nth-child(1){width:88%}.demo-seal__redact i:nth-child(2){width:64%}.demo-seal__redact i:nth-child(3){width:78%}.demo-seal[open] .demo-seal__redact{display:none}.demo-seal__body{padding:var(--space-2) var(--space-6) var(--space-6);border-top:1px dashed var(--border-default)}.demo-seal[open] .demo-seal__body{animation:demo-open .32s ease both}@keyframes demo-open{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:none}}.demo-seal__body h3{margin-top:var(--space-5)}.demo-seal__body p{line-height:var(--leading-relaxed)}.demo-seal--fac{border-style:dashed;border-color:var(--border-dark);background:var(--surface-parchment);margin-top:var(--space-8)}.demo-seal--fac:before{content:"";display:block;height:6px;background:repeating-linear-gradient(-45deg,var(--color-accent-dark) 0 8px,transparent 8px 16px);opacity:.45}.demo-seal--fac summary{font-size:var(--text-lg);color:var(--text-secondary)}.demo-seal__tag--fac{background:var(--color-accent-dark)}.demo-seal--fac summary em{color:var(--color-accent-dark);border-color:var(--color-accent-dark);border-style:dashed;transform:rotate(-1.5deg)}.demo-seal--fac summary em:before{background:var(--color-accent)}.demo-seal--fac[open] summary em{color:var(--text-muted);border-color:var(--border-dark)}.demo-block.demo-print-sheet{border:1px solid var(--border-default);border-top:3px solid var(--color-secondary);border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:var(--shadow-sm);padding:var(--space-6) var(--space-6) var(--space-8)}.demo-sheet__team{font-family:var(--font-mono);font-size:var(--text-sm);border:1px dashed var(--border-default);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin:var(--space-4) 0}.demo-table--rubrica tbody{counter-reset:demo-rb}.demo-rb>td:first-child{counter-increment:demo-rb;position:relative;padding-left:var(--space-10)}.demo-rb>td:first-child:before{content:counter(demo-rb,decimal-leading-zero);position:absolute;left:var(--space-3);top:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;color:var(--color-secondary-dark)}.demo-rb--proc>td:first-child{box-shadow:inset 3px 0 0 var(--color-accent)}.demo-rb--prod>td:first-child{box-shadow:inset 3px 0 0 var(--color-secondary)}.demo-peso{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-normal);border:1px solid currentColor;border-radius:var(--radius-full);padding:0 var(--space-2);margin-left:var(--space-1);white-space:nowrap}.demo-rb--proc .demo-peso{color:var(--color-accent-dark)}.demo-rb--prod .demo-peso{color:var(--color-secondary-dark)}.demo-wbar{display:block;height:4px;max-width:12rem;background:var(--border-light);border-radius:var(--radius-full);overflow:hidden;margin:var(--space-2) 0}.demo-wbar i{display:block;height:100%;border-radius:inherit}.demo-rb--proc .demo-wbar i{background:var(--color-accent)}.demo-rb--prod .demo-wbar i{background:var(--color-secondary)}.demo-clave{display:block;font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--text-secondary)}.demo-rb__sub{display:block;margin-top:.4rem;padding-left:.6rem;border-left:2px solid var(--color-secondary);font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--text-tertiary, var(--text-secondary))}.demo-table--flow td:first-child{border-bottom-color:transparent}.demo-table--flow tbody tr:last-child td{border-bottom-color:transparent}.demo-table--flow tbody tr td{padding-top:var(--space-4);padding-bottom:var(--space-4)}.demo-flow__num{display:block;font-family:var(--font-heading);font-style:italic;font-weight:var(--font-extrabold);font-size:var(--text-4xl);line-height:1;color:var(--color-secondary)}.demo-table--flow td:first-child strong{display:block;margin-top:var(--space-2);font-family:var(--font-heading);font-size:var(--text-lg);line-height:var(--leading-snug)}.demo-flow__badge{display:inline-flex;align-items:center;justify-content:center;width:1.9em;height:1.9em;border:1.5px solid var(--color-secondary);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-secondary-dark)}.demo-table--props tbody td:first-child{text-align:center}.demo-table--valid tbody{counter-reset:demo-vq}.demo-table--valid tbody td:first-child{counter-increment:demo-vq;position:relative;padding-left:var(--space-10);font-weight:var(--font-semibold);color:var(--text-primary)}.demo-table--valid tbody td:first-child:before{content:counter(demo-vq,decimal-leading-zero);position:absolute;left:var(--space-2);top:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;color:var(--color-secondary-dark)}.demo-table--valid tbody td:nth-child(2){color:var(--text-secondary)}.demo-table--valid tbody td:last-child{font-size:var(--text-xs);color:var(--text-muted)}.demo-anti{list-style:none;padding:0;margin:var(--space-4) 0;display:grid;gap:var(--space-3)}.demo-anti li{position:relative;border:1px dashed var(--border-dark);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:var(--surface-card);font-family:var(--font-heading);font-style:italic;color:var(--text-muted)}.demo-anti li:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to top right,transparent 48.5%,var(--border-dark) 49.5%,var(--border-dark) 50.5%,transparent 51.5%);opacity:.35;pointer-events:none}.demo-check{list-style:none;padding:0;margin:var(--space-4) 0}.demo-check li{position:relative;padding:var(--space-3) 0 var(--space-3) var(--space-8);border-bottom:1px solid var(--border-light);line-height:var(--leading-relaxed)}.demo-check li:before{content:"";position:absolute;left:0;top:.9em;width:.95em;height:.95em;border:1.5px solid var(--border-dark);border-radius:var(--radius-sm);background:var(--surface-card)}.demo-worksheet{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-card);padding:var(--space-6);margin-top:var(--space-5)}.demo-worksheet p{margin:var(--space-5) 0 var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.demo-worksheet p:first-child{margin-top:0}.demo-worksheet p:nth-of-type(8),.demo-worksheet p:nth-of-type(9){color:var(--color-accent-dark)}.demo-worksheet .demo-line{border-bottom:1px dotted var(--border-dark);height:1.9em}.demo-ctas{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-12);border-top:1px solid var(--border-light);padding-top:var(--space-8)}.demo-ctas .btn{white-space:normal;text-align:center;max-width:100%}@media(max-width:640px){.demo-seal summary{font-size:var(--text-lg);padding-right:var(--space-10)}.demo-seal summary em{margin-left:0}.demo-block.demo-print-sheet{padding:var(--space-4)}}@media(prefers-reduced-motion:reduce){.demo-seal summary em:before{animation:none}.demo-seal[open] .demo-seal__body{animation:none}.demo-kitnav a:hover{transform:none}.demo-seal summary:after,.demo-seal summary em,.demo-kitnav a{transition:none}}@media print{header,footer,nav,.demo-ctas,.demo-kitnav,.demo-seal:not([open]),.demo-block--noprint{display:none!important}.demo .badge{border-color:#000;color:#000}.demo h1:after{background:#000}.demo-block{border-top:none;margin-top:var(--space-6);padding-top:0}.demo-print-sheet,.demo-block.demo-print-sheet{page-break-inside:avoid;margin-top:0;border:none;border-radius:0;box-shadow:none;background:#fff;padding:0}.demo-table th,.demo-table td{border:1px solid #000!important;background:#fff!important;color:#000!important;box-shadow:none!important}.demo-table--sheet td{height:3.2em}.demo-wbar,.demo-seal__redact,.demo-anti li:after,.demo-seal--fac:before{display:none!important}.demo-peso,.demo-flow__num,.demo-flow__badge,.demo-clave,.demo-rb>td:first-child:before,.demo-table--valid tbody td:first-child:before,.demo-block>ol>li:before{color:#000!important}.demo-peso,.demo-flow__badge{border-color:#000}.demo-note{background:#fff;border-left-color:#000;color:#000}.demo-sheet__team{border-color:#000;color:#000}.demo-seal,.demo-seal[open]{border:1px solid #000;box-shadow:none;background:#fff}.demo-seal summary em{color:#000;border-color:#000}.demo-seal summary em:before{display:none}.demo-check li:before{border-color:#000}.demo-worksheet{border-color:#000;box-shadow:none;background:#fff}.demo-worksheet p{color:#000}.demo-worksheet .demo-line{height:2.4em;border-bottom-color:#000}}.demo-export-bar{display:flex;gap:var(--space-2);flex-wrap:wrap;margin:var(--space-3) 0 var(--space-4)}.demo-export-bar__btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--text-secondary);background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-full);padding:5px 12px;cursor:pointer;transition:var(--transition-fast)}.demo-export-bar__btn:hover{color:var(--text-primary);border-color:var(--color-secondary)}.demo-export-bar__btn.is-ok{color:var(--color-success, #2AAA8A);border-color:currentColor}.demo-export-bar__btn svg{flex:none}@media print{.demo-export-bar{display:none!important}}.demo-more__row>td{border-top:none!important;padding-top:0!important;background:transparent!important;box-shadow:none!important;font-family:var(--font-body)!important;font-size:var(--text-sm)!important;color:var(--text-secondary)!important;white-space:normal!important}.demo-more__body{max-width:70ch;overflow-wrap:break-word}.demo-more summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;list-style:none;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.05em;color:var(--text-link);padding:2px 0}.demo-more summary::-webkit-details-marker{display:none}.demo-more summary:before{content:"+";font-weight:var(--font-bold)}.demo-more[open] summary:before{content:"−"}.demo-more[open] summary{color:var(--text-primary)}.demo-more__body{padding:var(--space-2) 0 var(--space-2) var(--space-4);border-left:2px solid var(--color-secondary);margin-top:var(--space-2)}.demo-more__body p{margin:0 0 var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.demo-more__body p:last-child{margin-bottom:0}@media print{.demo-more:not([open]){display:none}.demo-more summary{display:none}}
