.portal-tipografia .cs-tabgroup>.cs-section+.cs-section{border-top:1px solid var(--n02);margin-top:var(--space-7);padding-top:var(--space-7)}.portal-tipografia .phero-bg{object-position:center 40%}.portal-tipografia .ty-families-list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-5)}.portal-tipografia .ty-family-row{background:var(--n02);border-radius:var(--radius-xl);padding:40px var(--space-7);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-7);align-items:center}.portal-tipografia .ty-family-info{display:flex;flex-direction:column;gap:var(--space-4)}.portal-tipografia .ty-family-title{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:var(--fw-bold);color:var(--text-primary);line-height:var(--lh-snug);letter-spacing:var(--ls-tight);margin:0}.portal-tipografia .ty-family-body{font-size:var(--fs-btn-primary);color:var(--text-secondary);line-height:1.65;max-width:42ch;margin:0}.portal-tipografia .ty-tab-role{font-family:var(--font-body);font-size:.7rem;font-weight:var(--fw-semibold);letter-spacing:var(--ls-overline);text-transform:uppercase;color:var(--g-brand);display:flex;align-items:center;gap:var(--space-2)}.portal-tipografia .ty-tab-token{font-family:var(--font-mono);font-weight:var(--fw-semibold);font-size:10px;color:var(--text-secondary);background:var(--n03);padding:2px 6px;border-radius:var(--radius-xs);text-transform:none;letter-spacing:0}.portal-tipografia .ty-weights-row{display:flex;gap:var(--space-3);flex-wrap:wrap}.portal-tipografia .ty-weights-row span{font-size:.82rem;padding:var(--space-1) var(--space-3);background:var(--white-a05);border-radius:var(--radius-pill);color:var(--text-secondary)}.portal-tipografia .ty-use-note{font-family:var(--font-body);font-size:.84rem;line-height:var(--lh-relaxed);color:var(--text-tertiary);margin:0}.portal-tipografia .ty-use-note strong{color:var(--g-brand)}.portal-tipografia .ty-specimen{width:100%;background:var(--n00);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);min-height:240px;justify-content:center}.portal-tipografia .ty-specimen-aa{font-size:clamp(6rem,12vw,10rem);line-height:.85;color:var(--g-a30);user-select:none}.portal-tipografia .ty-specimen-meta{display:flex;flex-direction:column;gap:6px}.portal-tipografia .ty-specimen-sample{color:var(--text-primary)}.portal-tipografia .ty-specimen-sub{font-family:var(--font-mono);font-size:.7rem;color:var(--text-tertiary);letter-spacing:.06em}@media(max-width:768px){.portal-tipografia .ty-family-row{grid-template-columns:1fr;gap:var(--space-5);padding:28px var(--space-5)}}.portal-tipografia .ty-pairings{gap:var(--space-3)}.portal-tipografia .ty-pair-wide{grid-column:1 / -1}.portal-tipografia .ty-pair{padding:var(--space-4) var(--space-5);gap:var(--space-4)}.portal-tipografia .ty-pair-spec{display:flex;align-items:center;gap:var(--space-2)}.portal-tipografia .ty-pair-tag{width:22px;height:22px;border-radius:var(--radius-sm);background:var(--g-a30);color:var(--g-brand);font-family:var(--font-body);font-weight:var(--fw-bold);font-size:11px;display:inline-flex;align-items:center;justify-content:center}.portal-tipografia .ty-pair-name{font-family:var(--font-body);font-weight:var(--fw-bold);font-size:11px;letter-spacing:var(--ls-overline);text-transform:uppercase;color:var(--text-secondary)}.portal-tipografia .ty-pair-demo{background:var(--n00);border-radius:var(--radius-sm);padding:var(--space-5) var(--space-5);flex:1;display:flex;flex-direction:column;justify-content:center;min-height:140px}.portal-tipografia .ty-pair-foot{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-family:var(--font-mono);font-weight:var(--fw-semibold);font-size:10px;color:var(--text-tertiary)}.portal-tipografia .ty-pair-foot code{background:var(--n03);padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);color:var(--text-secondary)}.portal-tipografia .ty-pair-foot span{color:var(--text-tertiary)}.portal-tipografia .ty-demo-eyebrow{font-family:var(--font-body);font-weight:var(--fw-semibold);font-size:10px;letter-spacing:var(--ls-overline);text-transform:uppercase;color:var(--g-brand);margin-bottom:var(--space-2)}.portal-tipografia .ty-demo-headline{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:clamp(1.4rem,2.6vw,1.85rem);letter-spacing:var(--ls-tight);line-height:1.1;color:var(--text-primary);margin:0}.portal-tipografia .ty-demo-accent{color:var(--g-brand)}.portal-tipografia .ty-pair-demo-b{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.portal-tipografia .ty-demo-pill{font-family:var(--font-body);font-weight:var(--fw-bold);font-size:var(--fs-btn-secondary);letter-spacing:.04em;text-transform:uppercase;padding:var(--space-1) var(--space-4);border-radius:var(--radius-sm)}.portal-tipografia .ty-demo-pill-rose{background:var(--error-vivid);color:var(--n02)}.portal-tipografia .ty-demo-bigword{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.025em;color:var(--text-primary)}.portal-tipografia .ty-pair-demo-c{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.portal-tipografia .ty-demo-stat{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:clamp(2.4rem,4vw,3.2rem);letter-spacing:-.03em;line-height:1;color:var(--text-primary);font-variant-numeric:tabular-nums}.portal-tipografia .ty-demo-label{font-family:var(--font-body);font-weight:var(--fw-bold);font-size:11px;letter-spacing:var(--ls-overline);text-transform:uppercase;color:var(--text-tertiary)}.portal-tipografia .ty-pair-demo-d p{font-family:var(--font-body);font-weight:var(--fw-regular);font-size:var(--fs-btn-primary);line-height:1.65;color:var(--text-secondary);margin:0;max-width:64ch}.portal-tipografia .ty-pair-demo-d strong{font-weight:var(--fw-semibold);color:var(--g-brand)}.portal-tipografia .ty-case{gap:var(--space-4)}.portal-tipografia .ty-case-spec{display:flex;align-items:center;gap:var(--space-2)}.portal-tipografia .ty-case-check{margin-left:auto;font-family:var(--font-body);font-weight:var(--fw-bold);font-size:13px;color:var(--g-brand);line-height:1}.portal-tipografia .ty-case-demo{background:var(--n00);border-radius:var(--radius-sm);padding:var(--space-5) var(--space-5);flex:1;display:flex;flex-direction:column;justify-content:center;min-height:160px}.portal-tipografia .ty-case-headline{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:clamp(1.3rem,2.4vw,1.7rem);letter-spacing:var(--ls-tight);line-height:var(--lh-snug);color:var(--text-primary);margin:0 0 var(--space-3)}.portal-tipografia .ty-case-body{font-family:var(--font-body);font-weight:var(--fw-regular);font-size:.88rem;line-height:var(--lh-body);color:var(--text-secondary);margin:0}.portal-tipografia .ty-case-demo-exception{align-items:center}.portal-tipografia .ty-case-eyebrow{font-family:var(--font-body);font-weight:var(--fw-semibold);font-size:11px;letter-spacing:var(--ls-overline);text-transform:uppercase;color:var(--g-brand)}.portal-tipografia .ty-case-note{font-family:var(--font-body);font-size:.78rem;line-height:var(--lh-relaxed);color:var(--text-tertiary);margin:0}.portal-tipografia .ty-case-note strong{color:var(--text-secondary);font-weight:var(--fw-semibold)}.portal-tipografia .ty-scale{display:flex;flex-direction:column}.portal-tipografia .ty-scale-row{display:grid;grid-template-columns:240px 1fr;gap:var(--space-7);align-items:start;padding:var(--space-6) 0;border-top:1px solid var(--n02)}.portal-tipografia .ty-scale-row:first-child{border-top:none;padding-top:var(--space-2)}.portal-tipografia .ty-scale-spec{display:flex;flex-direction:column;gap:2px}.portal-tipografia .ty-scale-fam{font-family:var(--font-body);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);color:var(--text-primary)}.portal-tipografia .ty-scale-prop{font-family:var(--font-body);font-size:var(--fs-body-sm);color:var(--text-tertiary);line-height:var(--lh-relaxed)}.portal-tipografia .ty-scale-prop-strong{color:var(--text-secondary);font-weight:var(--fw-medium)}.portal-tipografia .ty-scale-fluid{display:inline-block;margin-left:var(--space-2);font-weight:var(--fw-regular);font-size:var(--fs-xs);letter-spacing:normal;background:var(--g-a30);color:var(--g-brand);padding:1px var(--space-2);border-radius:var(--radius-pill);vertical-align:middle}.portal-tipografia .ty-scale-token{font-family:var(--font-mono);font-weight:var(--fw-semibold);font-size:var(--fs-xs);color:var(--g-brand);background:var(--g-a12);padding:2px var(--space-2);border-radius:var(--radius-xs);width:fit-content;margin-top:var(--space-2)}.portal-tipografia .ty-scale-render{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.portal-tipografia .ty-scale-sample{margin:0;color:var(--text-primary);overflow-wrap:break-word}.portal-tipografia .ty-scale-use{margin:0;font-family:var(--font-body);font-size:var(--fs-body-sm);line-height:var(--lh-relaxed);color:var(--text-tertiary);max-width:60ch}@media(max-width:768px){.portal-tipografia .ty-scale-row{grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-5) 0}.portal-tipografia .ty-scale-spec{order:2}.portal-tipografia .ty-scale-render{order:1}}.portal-tipografia .ty-block{background:var(--n02);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.portal-tipografia .ty-weight-row,.portal-tipografia .ty-ls-row{display:grid;grid-template-columns:130px 80px 1fr;gap:var(--space-4);align-items:center;padding:var(--space-2) 0;border-top:1px solid var(--white-a05)}.portal-tipografia .ty-weight-row:first-child,.portal-tipografia .ty-ls-row:first-child{border-top:none;padding-top:0}.portal-tipografia .ty-weight-sample{font-family:var(--font-display);font-size:1.3rem;color:var(--text-primary);font-variant-numeric:tabular-nums}.portal-tipografia .ty-ls-value{font-family:var(--font-mono);font-weight:var(--fw-medium);font-size:11px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.portal-tipografia .ty-ls-sample{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:1.05rem;color:var(--text-primary);text-transform:uppercase}.portal-tipografia .ty-mono-cases{gap:var(--space-3)}.portal-tipografia .ty-mono-case{padding:var(--space-4) var(--space-5);gap:var(--space-4)}.portal-tipografia .ty-mono-tag{font-family:var(--font-body);font-weight:var(--fw-bold);font-size:10px;letter-spacing:var(--ls-overline);text-transform:uppercase;color:var(--g-brand)}.portal-tipografia .ty-mono-demo{background:var(--n00);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-4);flex:1}.portal-tipografia .ty-mono-note{font-family:var(--font-body);font-size:.78rem;line-height:1.45;color:var(--text-tertiary);margin:0}.portal-tipografia .ty-mono-note code{font-family:var(--font-mono);font-weight:var(--fw-semibold);font-size:10px;color:var(--text-secondary);background:var(--n03);padding:var(--space-1) var(--space-1);border-radius:var(--radius-xs)}.portal-tipografia .ty-mono-demo-tabular{display:flex;flex-direction:column;gap:var(--space-2);font-family:var(--font-body);font-variant-numeric:tabular-nums;font-size:.9rem}.portal-tipografia .ty-mono-demo-tabular div{display:flex;justify-content:space-between;align-items:baseline;color:var(--text-secondary)}.portal-tipografia .ty-mono-demo-tabular div span:last-child{font-weight:var(--fw-bold);color:var(--text-primary)}.portal-tipografia .ty-mono-demo-code{display:flex;flex-wrap:wrap;gap:var(--space-1)}.portal-tipografia .ty-codechip{font-family:var(--font-mono);font-weight:var(--fw-semibold);font-size:11px;background:var(--n03);color:var(--g-brand);padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);letter-spacing:.04em}.portal-tipografia .ty-mono-demo-labels{display:flex;flex-direction:column;gap:var(--space-2);font-family:var(--font-body);font-size:.9rem;color:var(--text-secondary)}.portal-tipografia .ty-mono-demo-labels div{display:flex;align-items:center;gap:var(--space-3)}.portal-tipografia .ty-num-pill{font-family:var(--font-mono);font-weight:var(--fw-bold);font-size:11px;letter-spacing:var(--ls-overline);background:var(--g-a30);color:var(--g-brand);padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);font-variant-numeric:tabular-nums}.portal-tipografia .ty-inline-code{font-family:var(--font-mono);font-weight:var(--fw-semibold);font-size:.85em;background:var(--n03);color:var(--text-secondary);padding:var(--space-1) var(--space-1);border-radius:var(--radius-xs)}.portal-tipografia .ty-bullet-card{background:var(--n02);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.portal-tipografia .ty-bullet-label{display:flex;align-items:center;gap:var(--space-2)}.portal-tipografia .ty-bullet-letter{width:22px;height:22px;border-radius:var(--radius-sm);background:var(--g-a30);color:var(--g-brand);font-family:var(--font-body);font-weight:var(--fw-bold);font-size:11px;display:inline-flex;align-items:center;justify-content:center}.portal-tipografia .ty-bullet-name{font-family:var(--font-body);font-weight:var(--fw-bold);font-size:10px;letter-spacing:var(--ls-overline);text-transform:uppercase;color:var(--text-tertiary)}.portal-tipografia .ty-bullet-demo{background:var(--n00);border-radius:var(--radius-md);padding:var(--space-5) var(--space-5);flex:1}.portal-tipografia .ty-dotlist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-4)}.portal-tipografia .ty-dotlist li{font-family:var(--font-body);font-weight:var(--fw-regular);font-size:.92rem;line-height:var(--lh-relaxed);color:var(--text-secondary);display:flex;align-items:baseline;gap:var(--space-2)}.portal-tipografia .ty-dotlist li:before{content:"·";color:var(--g-brand);font-size:1.2rem;line-height:1;flex-shrink:0}.portal-tipografia .ty-numlist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-4)}.portal-tipografia .ty-numlist li{display:flex;flex-direction:column;gap:var(--space-1)}.portal-tipografia .ty-numlist-n{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:clamp(3.8rem,7.5vw,5.5rem);line-height:.82;color:var(--g-brand);letter-spacing:-.04em;display:block}.portal-tipografia .ty-numlist-body{font-family:var(--font-body);font-weight:var(--fw-regular);font-size:.9rem;line-height:var(--lh-relaxed);color:var(--text-secondary);margin:0;padding-top:var(--space-1);padding-left:var(--space-1)}.portal-tipografia .ty-bullet-specs{display:flex;flex-direction:column;gap:var(--space-2)}.portal-tipografia .ty-bspec-row{display:flex;align-items:baseline;gap:var(--space-3);font-family:var(--font-body);font-size:.82rem}.portal-tipografia .ty-bspec-row>span:first-child{color:var(--text-secondary);font-weight:var(--fw-semibold);min-width:68px;flex-shrink:0}.portal-tipografia .ty-bspec-val{color:var(--text-tertiary);display:flex;align-items:center;gap:var(--space-2)}.portal-tipografia .ty-bspec-row code{font-family:var(--font-mono);font-weight:var(--fw-semibold);font-size:10px;color:var(--g-brand);background:var(--g-a12);padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs)}.portal-tipografia .ty-bspec-dot{width:11px;height:11px;border-radius:var(--radius-xs);flex-shrink:0;display:inline-block}.portal-tipografia .ty-bspec-dot-g{background:var(--g-brand)}.portal-tipografia .ty-bullet-forb{margin-top:var(--space-1);padding:var(--space-4) var(--space-4);background:#ff5a5a0a;border-radius:var(--radius-md);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.portal-tipografia .ty-bullet-forb-label{font-family:var(--font-body);font-weight:var(--fw-bold);font-size:10px;letter-spacing:var(--ls-overline);text-transform:uppercase;color:var(--text-tertiary);margin:0;white-space:nowrap}.portal-tipografia .ty-bullet-forb-row{display:flex;flex-wrap:wrap;gap:var(--space-2);flex:1}.portal-tipografia .ty-bullet-forb-chip{display:flex;align-items:center;gap:var(--space-2);background:var(--n02);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:.82rem;color:var(--text-tertiary)}.portal-tipografia .ty-forb-x{color:#ff5a5a;font-weight:var(--fw-bold);font-size:.88rem}.portal-tipografia .ty-forb-glyph{font-family:var(--font-mono);background:#ff5a5a14;color:#ff8a8a;padding:var(--space-1) var(--space-1);border-radius:var(--radius-xs);margin:0 var(--space-1);font-size:.78rem;font-weight:var(--fw-medium);letter-spacing:0}