/* Território Digital · tokens and components v1 */
.td-ds{--td-bg:#071c20;--td-surface:#102d31;--td-raised:#173b3d;--td-ink:#123b36;--td-paper:#f3f1e7;--td-mint:#b9edd1;--td-forest:#397761;--td-skin:#d59a7c;--td-text:#eef3eb;--td-muted:#b6cdc6;--td-line:#3f6260;--td-error:#ffb4a5;--td-focus:#f3d894;--td-s1:4px;--td-s2:8px;--td-s3:12px;--td-s4:16px;--td-s6:24px;--td-s8:32px;--td-s12:48px;--td-r1:6px;--td-r2:12px;--td-r3:20px;--td-ease:180ms ease;background:var(--td-bg);color:var(--td-text);font-family:'IBM Plex Sans',sans-serif}
.td-ds *{box-sizing:border-box}.td-ds [hidden]{display:none!important}.td-ds :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--td-focus)!important;outline-offset:4px}.td-ds button,.td-ds a,.td-ds input,.td-ds select,.td-ds textarea{font:inherit}.td-ds button,.td-ds summary{cursor:pointer}.td-ds button:disabled{opacity:.5;cursor:not-allowed}.td-preview{padding:12px 24px;background:var(--td-mint);color:var(--td-ink);display:flex;justify-content:space-between;gap:16px;font-size:12px;position:relative;z-index:10}.td-preview a{color:inherit;text-decoration:underline;text-underline-offset:3px}.td-ds .site-header{position:relative;background:var(--td-bg)}.td-ds .site-header.scrolled{background:var(--td-bg)}.td-ds .site-header .nav{min-height:92px}.td-ds .nav-links a{font-size:13px}.td-ds #hub{padding-top:56px}.td-ds .store-head{align-items:center;gap:48px;margin-bottom:32px}.td-ds .store-head>div:first-child{flex:1.15;max-width:650px}.td-ds .store-head h1{font-family:Archivo,sans-serif;font-weight:600;font-size:clamp(36px,4.8vw,64px);line-height:1.07;letter-spacing:-.045em;margin:20px 0}.td-ds .hl{color:var(--td-mint);background:none;-webkit-text-fill-color:var(--td-mint)}.td-welcome{flex:.85;max-width:430px}.td-overline{font-size:15px;color:var(--td-mint)}.td-ds .store-head p{font-size:17px;line-height:1.7;color:var(--td-muted);margin:12px 0 24px}.td-ds .btn{border-radius:var(--td-r1);min-height:46px;padding:13px 20px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:500;border:1px solid var(--td-line);text-decoration:none;transition:background var(--td-ease),transform var(--td-ease)}.td-ds .btn-primary{background:var(--td-mint);color:var(--td-ink);border-color:var(--td-mint)}.td-ds .btn-primary:hover{background:#d0f5e0;transform:translateY(-2px)}.td-ds .btn-ghost{color:var(--td-text);background:transparent}.td-ds .btn-ghost:hover{background:var(--td-raised)}
.td-paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:40px 0 48px}.td-paths button{background:var(--td-surface);border:1px solid var(--td-line);border-radius:var(--td-r2);color:var(--td-text);padding:20px;text-align:left;display:grid;grid-template-columns:1fr 20px;gap:12px;transition:background var(--td-ease),transform var(--td-ease)}.td-paths button>span:first-child{grid-column:1/-1;background:var(--td-paper);border-radius:16px;width:72px;height:72px;display:grid;place-items:center}.td-human-icon{width:64px;height:64px;flex:none;overflow:visible}.td-paths b{display:block;font-weight:500;font-size:17px;line-height:1.3}.td-paths small{display:block;color:var(--td-muted);font-size:13px;line-height:1.5;margin-top:8px}.td-paths button>span:last-child{color:var(--td-mint);align-self:center}.td-paths button:hover{background:var(--td-raised);transform:translateY(-3px)}
.td-ds .showcase{border-radius:var(--td-r3);overflow:hidden;background:var(--td-surface);border-color:var(--td-line)}.td-ds .showcase h2{font-size:clamp(30px,3.3vw,46px);line-height:1.12;letter-spacing:-.035em;font-weight:500;margin:24px 0}.td-ds .showcase-heading h2,.td-ds .showcase-public h2{font-size:30px;line-height:1.2;font-weight:500;margin:12px 0}.td-ds .showcase-body h3,.td-ds .showcase-stories h3{font-size:24px;line-height:1.25;margin:16px 0}.td-ds .showcase-heading{gap:32px;margin-top:64px}.td-ds .showcase-product{border-radius:var(--td-r2);border-color:var(--td-line);background:var(--td-surface)}.td-ds .showcase-filters button,.td-ds .chip{min-height:44px;padding:10px 18px;border-radius:var(--td-r1);font-size:14px;transition:background var(--td-ease);border-color:var(--td-line);color:var(--td-muted)}.td-ds .showcase-filters button[aria-pressed=true],.td-ds .chip[aria-pressed=true]{color:var(--td-ink);background:var(--td-mint);border-color:var(--td-mint)}.td-ds .showcase-stories article{border-color:var(--td-line)}.td-ds .showcase-stories img{border-radius:var(--td-r2)}
.td-ds .store-guide{border-radius:var(--td-r2);background:var(--td-surface);border-color:var(--td-line);padding:32px}.td-ds .store-guide h3{font-size:24px}.td-ds .store-guide p,.td-ds .store-guide label{font-size:14px}.td-ds .store-guide .btn{font-size:14px}.td-ds :is(.store-guide select,.store-select select,.store-field input,.store-field select,.store-field textarea){min-height:48px;background:var(--td-bg);border:1px solid var(--td-line);border-radius:var(--td-r1);color:var(--td-text);font-size:15px}.td-ds .store-controls .search{min-height:48px;background:var(--td-surface);border:1px solid var(--td-line);border-radius:var(--td-r1)}.td-ds .store-controls input{font-size:15px}.td-ds .store-reset{min-height:44px;font-size:13px;color:var(--td-muted)}.td-saved-bar{display:flex;align-items:center;gap:16px;margin:28px 0 12px;flex-wrap:wrap}.td-saved-bar>span{font-size:12px;color:var(--td-muted)}.td-saved-bar button{min-height:44px;padding:10px 16px;border:1px solid var(--td-line);border-radius:var(--td-r1);color:var(--td-text);background:var(--td-surface);display:flex;align-items:center;gap:12px}.td-saved-bar button[aria-pressed=true]{background:var(--td-mint);color:var(--td-ink)}.td-saved-bar button span{background:var(--td-bg);color:var(--td-mint);padding:2px 7px;border-radius:4px;font-size:12px}.td-feedback:empty{display:none}.td-feedback{padding:12px 16px;background:var(--td-raised);border-radius:var(--td-r1);color:var(--td-mint);font-size:13px}.td-ds .store-count{font-size:13px;color:var(--td-muted)}.td-ds .store-card{background:var(--td-surface);border-color:var(--td-line);border-radius:var(--td-r2);transition:border-color var(--td-ease),transform var(--td-ease)}.td-ds .store-card:hover{border-color:var(--td-mint);transform:translateY(-3px)}.td-ds .store-card-top{padding:16px 20px 0;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.td-ds .store-icon{width:64px;height:64px;border-radius:16px;background:var(--td-paper);display:grid;place-items:center}.td-ds .store-icon svg{width:60px;height:60px}.td-save{min-height:44px;padding:8px 10px;border:1px solid var(--td-line);border-radius:var(--td-r1);background:transparent;color:var(--td-muted);display:flex;align-items:center;gap:6px;font-size:12px!important}.td-save[aria-pressed=true]{color:var(--td-mint);border-color:var(--td-mint)}.td-save[aria-pressed=true] svg{fill:var(--td-mint)}.td-ds .store-access{grid-column:1/-1;justify-self:start;font-size:11px;padding:5px 9px;border-radius:4px}.td-ds .store-category{font-size:10px;color:var(--td-muted)}.td-ds .store-card h3{font-size:25px;font-weight:500}.td-ds .store-card p{font-size:15px;line-height:1.65;color:var(--td-muted)}.td-ds .store-formats span{font-size:11px;color:var(--td-muted);background:var(--td-bg)}.td-ds .store-card-actions{padding:20px;gap:14px}.td-ds .store-card-actions a,.td-ds .store-card-actions button{font-size:14px;min-height:44px;display:flex;align-items:center}.td-ds .store-card-actions .store-primary{border:1px solid var(--td-line);border-radius:var(--td-r1);padding:10px 14px;color:var(--td-mint)}.td-ds .store-card-actions .store-primary:hover{background:var(--td-raised)}.td-ds .store-cover img{object-fit:cover}.td-ds .store-cover figcaption{font-size:10px;max-width:calc(100% - 24px)}.td-ds .store-condition{font-size:12px;color:var(--td-muted)}.td-empty{grid-column:1/-1;border:1px dashed var(--td-line);padding:48px 24px;text-align:center;border-radius:var(--td-r2)}.td-empty h3{font-size:26px;margin:0 0 12px}.td-empty p{color:var(--td-muted);margin:0 auto 24px;max-width:520px}.td-ds .store-dialog{border-radius:var(--td-r2);background:var(--td-surface);border-color:var(--td-line)}.td-ds .store-dialog p,.td-ds .store-field label{font-size:14px}.td-ds .store-close{width:44px;height:44px}.td-ds .store-error{color:var(--td-error)}.td-ds .store-environment{font-size:13px}.td-ds .showcase-public{border-color:var(--td-line)}.td-ds .store-sources{border-color:var(--td-line)}.td-ds .store-sources summary{min-height:64px}.td-ds .site-footer{background:#061619}
.ds-document{margin:0}.ds-doc-wrap{width:min(1120px,calc(100% - 40px));margin:auto}.ds-doc-nav{padding:24px 0;border-bottom:1px solid var(--td-line);display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.ds-doc-nav a{color:var(--td-mint)}.ds-doc-hero{padding:64px 0 32px}.ds-doc-hero h1{font:600 clamp(36px,6vw,66px)/1.06 Archivo,sans-serif;letter-spacing:-.04em;max-width:850px}.ds-doc-hero p{max-width:700px;font-size:18px;line-height:1.7;color:var(--td-muted)}.ds-doc-section{padding:40px 0;border-top:1px solid var(--td-line)}.ds-doc-section h2{font-size:30px;margin:0 0 16px}.ds-doc-section>p{color:var(--td-muted);line-height:1.6;max-width:800px}.ds-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ds-color{padding:0 0 16px;border:1px solid var(--td-line);border-radius:12px;overflow:hidden;background:var(--td-surface)}.ds-color>div{height:96px;background:var(--swatch)}.ds-color p{padding:0 16px;font-size:14px;line-height:1.6}.ds-color code{color:var(--td-mint)}.ds-icon-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ds-icon-tile{padding:24px;border:1px solid var(--td-line);border-radius:12px;background:var(--td-surface)}.ds-icon-tile>span{width:88px;height:88px;border-radius:20px;background:var(--td-paper);display:grid;place-items:center}.ds-icon-tile p{font-size:14px;margin-bottom:0}.ds-components{padding:24px;border:1px solid var(--td-line);border-radius:12px;background:var(--td-surface);display:flex;gap:16px;flex-wrap:wrap;align-items:center}.ds-demo-field{padding:24px;margin-top:16px;border:1px solid var(--td-line);border-radius:12px}.ds-demo-field label{display:block;margin-bottom:8px}.ds-demo-field input{min-height:48px;width:min(100%,400px);background:var(--td-bg);border:1px solid var(--td-line);border-radius:6px;color:var(--td-text);padding:12px}.ds-demo-field small{display:block;margin-top:8px;color:var(--td-muted)}.ds-example-types p{line-height:1.7;color:var(--td-muted)}.ds-example-types strong{font-size:26px;color:var(--td-text)}.ds-rules{padding-left:20px;color:var(--td-muted);line-height:1.9}.td-ds .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.td-paths{grid-template-columns:repeat(2,minmax(0,1fr))}.td-ds .store-head{align-items:start;gap:32px}.ds-palette,.ds-icon-gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.td-preview{padding:10px 16px;font-size:11px;flex-direction:column;gap:6px}.td-ds .site-header .nav{min-height:76px}.td-ds #hub{padding-top:32px}.td-ds .store-head{display:block}.td-ds .store-head h1{font-size:40px}.td-ds .store-head p{font-size:16px}.td-paths{gap:12px;margin:32px 0}.td-paths button{padding:16px;grid-template-columns:1fr}.td-paths button>span:last-child{display:none}.td-paths b{font-size:15px}.td-paths small{font-size:12px}.td-paths button>span:first-child{width:64px;height:64px}.td-ds .store-guide{padding:24px}.td-ds .showcase-heading{margin-top:48px}.td-ds .showcase-public{align-items:stretch}.td-ds .showcase-public .btn{width:100%}.ds-icon-tile{padding:16px}.ds-doc-hero{padding-top:40px}.ds-doc-section{padding:32px 0}}
@media(prefers-reduced-motion:reduce){.td-ds *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.ds-components [aria-pressed=true]{background:var(--td-mint);color:var(--td-ink)}

@media(max-width:1100px){.td-ds .nav-cta .btn-ghost{display:none}.td-ds .nav-links{background:var(--td-bg);z-index:50}}
@media(max-width:480px){.td-ds .nav-cta .btn-primary{display:none}}

.td-ds .store-guide h2{font-size:clamp(28px,3vw,38px);line-height:1.12;letter-spacing:-.025em}.td-ds .store-guide button{align-self:end;min-height:48px;max-height:56px}