/* Navegação comum e diretório de projetos. Todo o conteúdo é estático e local. */
:root{--dpm-blue:#242d62;--dpm-night:#19234a;--dpm-text:#202c3b;--dpm-faint:#536278;--dpm-rule:#d2d9dd;--dpm-paper:#f7f7f2;--dpm-font:SpaceLocal,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif}
.sitebar,.context-path{font:500 15px/1.35 var(--dpm-font);color:var(--dpm-text)}
.sitebar{background:#fffef9;border-bottom:1px solid var(--dpm-rule);position:relative;z-index:5}
.sitebar-inner,.context-path{max-width:1380px;width:calc(100% - clamp(40px,8.3vw,150px));margin-inline:auto}
.sitebar-inner{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:clamp(15px,3vw,48px);min-height:69px}
.sitebar a,.context-path a{color:inherit;text-decoration:none}.sitebar a:hover,.context-path a:hover{text-decoration:underline;text-underline-offset:4px}
.site-brand{display:inline-flex;align-items:center;gap:9px;width:max-content;max-width:100%}.site-brand img{width:37px;height:37px;object-fit:contain}.site-brand b{display:block;font:650 18px/1.15 var(--dpm-font);letter-spacing:-.035em}.site-brand small{display:block;font:600 10px/1.1 var(--dpm-font);margin-top:3px;letter-spacing:.14em;color:#46596c}
.site-links{display:flex;align-items:center;gap:clamp(17px,2.7vw,43px);font-size:14px;font-weight:600}
.sitebar .site-links>a{display:inline-flex;align-items:center;min-height:44px;border-block:2px solid transparent;padding-inline:1px;white-space:nowrap}
.site-links a[aria-current]{border-bottom-color:#b96a22;color:var(--dpm-blue)}
.sitebar .languages{display:flex;align-items:center;gap:1px;padding:2px;border-radius:3px;border:1px solid #bfc9cd;background:#fff}.sitebar .languages button{font:600 12px var(--dpm-font);min-height:35px;min-width:34px;border:0;border-radius:1px;background:none;color:#283550;cursor:pointer}.sitebar .languages button[aria-pressed=true]{background:var(--dpm-blue);color:white}
.sitebar a:focus-visible,.sitebar button:focus-visible,.context-path a:focus-visible{outline:3px solid #b66012;outline-offset:2px}
[data-l]{display:none}html[lang=pt-BR] [data-l=pt],html[lang=en] [data-l=en],html[lang=zh-CN] [data-l=zh]{display:inline}
.institutional{background:var(--dpm-paper);color:var(--dpm-text)}
.path ol,.context-path ol{list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:5px 8px;margin:0;padding:11px 0;font:500 13px/1.4 var(--dpm-font);color:#4d6072}.path li+li::before,.context-path li+li::before{content:"›";display:inline-block;margin-right:8px;color:#6d7886}.path a,.context-path a{text-decoration:underline;text-underline-offset:3px}
.section-name{display:flex;align-items:center;gap:10px;font:650 11px/1.4 var(--dpm-font);letter-spacing:.11em;text-transform:uppercase;color:#51617b}.section-name:before{content:"";width:25px;height:2px;background:#c7782e;flex:none}
.institution-hero{background:linear-gradient(115deg,#162143,#263264 65%,#25375a);color:white;position:relative;border-bottom:4px solid #e8a757;isolation:isolate;overflow:hidden}
.institution-hero:before{content:"";position:absolute;inset:0 0 0 48%;z-index:-1;opacity:.09;background:url(textura.svg) center/560px}
.institution-grid{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(320px,.84fr);gap:clamp(30px,6vw,115px);align-items:center;padding-block:clamp(32px,4.35vw,74px)}
.institution-hero .section-name,.desk-head .section-name{color:#ffda9c}.institution-hero h1,.desk-head h1{font:550 clamp(42px,4.9vw,77px)/1.015 var(--dpm-font);letter-spacing:-.058em;text-wrap:balance;margin:15px 0 18px;color:#fff}
.institution-hero p,.desk-head p{font:400 clamp(16px,1.3vw,21px)/1.55 var(--dpm-font);max-width:58ch;color:#e4eaf4}
.intro-actions,.more-links{display:flex;align-items:center;gap:12px 27px;flex-wrap:wrap;margin-top:24px}
.solid-link,.outline-link,.text-link{display:inline-flex;align-items:center;gap:8px;min-height:42px;font:600 14px/1.3 var(--dpm-font);text-decoration:none}
.solid-link,.outline-link{padding:11px 17px;border-radius:3px}.solid-link{background:#ffd28e;color:#1b2951}.solid-link:hover{background:#ffdeb0}
.outline-link{border:1px solid #95a3b0;color:var(--dpm-blue)}.text-link{text-decoration:underline;text-underline-offset:4px}
.institution-hero :focus-visible,.desk-head :focus-visible{outline:3px solid #ffce8a;outline-offset:3px}
.org-map{min-width:0;border:1px solid #a0b4d166;border-radius:5px;padding:clamp(16px,2vw,31px);background:#172347e8;box-shadow:inset 0 3px 0 #e8ac65}
.org-map h2{font:550 clamp(21px,2vw,32px)/1.15 var(--dpm-font);color:white;letter-spacing:-.035em;margin:0 0 12px}
.org-stem{font:650 11px var(--dpm-font);display:flex;align-items:center;gap:10px;letter-spacing:.1em;color:#d3dff1}.org-stem strong{background:#fee1a8;color:#202b4c;padding:5px 8px}.org-stem i{font-style:normal;color:#e2b28a}
.org-map ul{list-style:none;margin:9px 0 0 8px;padding:0 0 0 14px;border-left:1px solid #6d82a1}.org-map li{position:relative}.org-map li:before{content:"";position:absolute;width:12px;height:1px;background:#6d82a1;top:50%;left:-14px}
.org-map a{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:8px;color:#f2f4fd;padding:9px 5px 9px 8px;line-height:1.35;min-height:39px}.org-map li+li a{border-top:1px solid #5c6e955e}
.org-map a:hover{background:#344269;text-decoration:none}.org-map a b{font:700 12px var(--dpm-font);color:#ffda9c}.org-map a span{font-size:14px}
.shelf{padding:clamp(27px,3vw,54px) 0;border-bottom:1px solid var(--dpm-rule)}.shelf h2,.theme-heading h2,.atlas-catalogue h1{font:550 clamp(31px,3.25vw,55px)/1.06 var(--dpm-font);letter-spacing:-.045em;color:var(--dpm-night);margin:8px 0 20px;text-wrap:balance}
#portfolios{background:#f5f4ed}.portfolio-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.portfolio-tile{position:relative;display:flex;flex-direction:column;background:#fffefa;border:1px solid #c8d1d0;border-top:3px solid var(--unit);border-radius:4px;overflow:hidden;min-width:0;padding:0 19px}
.tile-art{position:relative;overflow:hidden;margin:0 -19px;padding:14px 19px;min-height:60px;background:#e5efeb;color:#154e49}.tile-art b{font:650 18px var(--dpm-font);letter-spacing:.04em}.tile-art .unit-art{width:57%;height:90px;top:-13px;color:currentColor;opacity:.65}
[data-office=cgrrd] .tile-art{background:#f4e5d1;color:#824e23}[data-office=cgtec] .tile-art{background:#e8ebf5;color:#354f85}
.portfolio-tile h3{font:600 clamp(20px,1.6vw,26px)/1.14 var(--dpm-font);color:var(--dpm-text);letter-spacing:-.035em;margin:16px 0 8px}
.portfolio-tile p{font:400 15px/1.5 var(--dpm-font);color:#4e5d68;margin:0 0 15px}
.portfolio-tile>a{min-height:48px;display:flex;align-items:center;gap:6px;border-top:1px solid #d6ddd7;margin-top:auto;font:600 14px var(--dpm-font);color:#233954}.portfolio-tile small{margin-left:auto;color:#52616d;font-size:12px;font-weight:500}
.utility-index,.selected,.duties{display:grid;list-style:none;padding:0;gap:0 22px;grid-template-columns:repeat(3,minmax(0,1fr))}.utility-index a,.selected a{display:block;padding:14px 3px;border-top:1px solid #cdd4d5;font-weight:550;color:var(--dpm-blue)}.utility-index a:after,.selected a:after{content:"→";float:right;color:#8f5a23}
.desk-head{background:var(--dpm-night);color:white;padding:clamp(27px,3.4vw,55px) 0;border-bottom:3px solid #e8af6f}.desk-head h1{font-size:clamp(35px,4vw,65px);max-width:26ch;margin-bottom:12px}.desk-head p{font-size:17px;max-width:73ch}
.duties{counter-reset:item;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}.duties li{counter-increment:item;display:flex;gap:15px;border-top:1px solid var(--dpm-rule);padding:14px 0}.duties li:before{content:counter(item,decimal-leading-zero);font-weight:650;color:#83501b}
.portfolio-layout{display:grid;grid-template-columns:minmax(200px,.29fr) minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,64px);padding-block:28px 65px}
.portfolio-side{padding:16px;background:#ecefe9;border:1px solid #d4dcd5;border-radius:4px}.portfolio-side form{display:grid;gap:13px}.portfolio-side label{display:block;font:600 12px/1.3 var(--dpm-font);color:#34434d}
.portfolio-side input,.portfolio-side select{display:block;margin-top:5px;width:100%;min-width:0;min-height:43px;border:1px solid #98a7ad;border-radius:3px;padding:7px 9px;background:#fffefa;color:#243747;font:400 14px var(--dpm-font)}
.portfolio-side button{min-height:42px;font:550 14px var(--dpm-font);border:1px solid #a1abb1;color:#28344c;background:#fffef7;border-radius:3px}
.theme-index{margin-top:12px;border-top:1px solid #bbc7c8}.theme-index summary,.materials summary{cursor:pointer;padding:10px 1px;font-weight:550;font-size:13px;color:#274459}.theme-index ul,.materials ul{margin:0;padding-inline-start:20px}.theme-index a,.materials a{display:inline-block;padding:6px 0;text-decoration:underline;text-underline-offset:3px;font-size:14px}
.list-count{color:#475e69;font:600 13px var(--dpm-font);margin:0 0 10px}.theme-group{margin:0 0 32px;scroll-margin-top:16px}.theme-heading{display:flex;align-items:center;gap:12px;padding-bottom:9px;border-bottom:2px solid #324660}.theme-heading h2{font-size:clamp(24px,2.05vw,35px);margin:0}.theme-heading>span{margin-left:auto;border:1px solid #bdc7cf;border-radius:3px;padding:1px 7px;color:#536175;font-size:13px}
.project-list{list-style:none;padding:0;margin:0}.project-entry{padding:16px 2px;border-bottom:1px solid #ced7d8}.entry-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:6px;color:#536471;font:500 12px var(--dpm-font)}
.entry-meta b{border-left:3px solid var(--unit);padding-left:5px;color:#344658;letter-spacing:.035em}.entry-meta>span{margin-left:3px}
.project-entry h3{font:600 clamp(19px,1.45vw,24px)/1.18 var(--dpm-font);letter-spacing:-.028em;margin:3px 0;color:#233554}.project-entry p{max-width:90ch;color:#4b5963;font:400 15px/1.45 var(--dpm-font);margin:5px 0}
.materials summary{width:fit-content;min-height:34px;padding:7px 0}.materials summary b{font-size:11px;padding:2px 6px;border-radius:10px;background:#e7ece7}.materials li+li{border-top:1px solid #dce1d9}
.atlas-catalogue{padding-top:28px}.atlas-catalogue h1{margin:4px 0 15px}.library-group{margin:20px 0 36px}.library-group>h2{color:var(--dpm-night);font-weight:600;letter-spacing:-.025em}.library-group .cards{margin:12px 0 0}.library-group .product{padding:15px}.library-group .product h3{font-size:20px}
.project-page [data-project-detail] .two-col{align-items:start}.project-page [data-project-detail] .project-hero{padding-block:clamp(22px,4vw,52px)}
@media(min-width:990px) and (min-height:750px){.portfolio-side{position:sticky;top:16px}}
@media(max-width:800px){.institution-grid{grid-template-columns:1fr 1fr;gap:18px}.portfolio-tiles{gap:9px}.portfolio-tile{padding-inline:13px}.tile-art{margin-inline:-13px}.utility-index,.selected{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.sitebar-inner,.context-path{width:calc(100% - 34px)}.sitebar-inner{min-height:0;grid-template-columns:minmax(0,1fr) auto;gap:0 6px;padding-top:7px}.site-brand{gap:5px}.site-brand img{width:31px;height:31px}.site-brand b{font-size:16px}.site-brand small{font-size:9px}.sitebar .languages{grid-column:2;grid-row:1}.sitebar .languages button{min-width:32px;min-height:36px}.site-links{grid-row:2;grid-column:1/-1;justify-content:space-between;gap:4px;margin-top:5px;border-top:1px solid #dde2dd;font-size:13px}.sitebar .site-links>a{min-height:38px}
.institution-grid{grid-template-columns:1fr;gap:18px;padding-block:23px}.institution-hero h1{font-size:clamp(35px,7.5vw,51px);margin:10px 0}.institution-hero p{font-size:15px;line-height:1.45}.institution-hero .section-name{font-size:9px}.intro-actions{margin-top:13px}.org-map{padding:12px 14px}.org-map h2{font-size:21px;margin:0 0 8px}.org-map a{min-height:38px;padding:7px 4px}.org-map a span{font-size:13px}
.portfolio-tiles{grid-template-columns:1fr}.tile-art{min-height:37px;padding:8px 14px}.tile-art .unit-art{width:40%;top:-25px}.portfolio-tile h3{margin-top:10px}.portfolio-tile p{margin:0 0 8px}.utility-index,.selected,.duties{grid-template-columns:1fr}.portfolio-layout{grid-template-columns:1fr;gap:18px}.portfolio-side form{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.project-query{grid-column:1/-1}.portfolio-side{padding:12px}.org-stem{font-size:10px}.portfolio-tile>a{min-height:44px}}
html[lang=zh-CN] :is(.institution-hero h1,.desk-head h1,.shelf h2,.theme-heading h2,.project-entry h3){letter-spacing:0;line-height:1.18}