/* Composição escolhida por Bruno. Foto original do acervo; materialidade do próprio projeto. */
.site-header{position:absolute;top:24px;left:4%;width:92%;z-index:30;border:1px solid rgba(223,250,238,.22);border-radius:18px;background:rgba(12,47,50,.63);backdrop-filter:blur(22px) saturate(135%);box-shadow:0 12px 32px rgba(2,25,28,.16)}
html{scroll-padding-top:calc(var(--institutional-navigation-height,56px) + 24px)}
[data-theme=dark] .site-header{background:rgba(8,35,38,.84)}
.header-inner{width:auto;max-width:none;min-height:88px;padding:14px 24px;gap:24px}
.site-header .brand{font-size:1.55rem;gap:22px}.site-header .brand>img{width:64px;height:64px}.site-header .brand small{font-size:.62rem;letter-spacing:.18em;color:#c6dcd3;margin-top:8px}
.header-inner nav{margin-left:auto;gap:30px}.header-inner nav a{font-size:.94rem;color:#eff8f1}.site-header .header-cta{font-size:.85rem;padding:18px 22px;min-height:54px;white-space:nowrap}
.site-header .theme-button{color:#f0faf2;width:42px;height:42px;flex-shrink:0;margin-left:auto}
.hero{position:relative;isolation:isolate;display:block;min-height:795px;margin:0;padding:318px 6.2% 68px;background:#092e31;overflow:hidden}
.hero-backdrop{position:absolute;z-index:-2;inset:0 0 0 20%;width:80%;height:100%;object-fit:cover;object-position:left center;mask-image:linear-gradient(to right,transparent,#000 18%)}
.hero::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(0,23,26,.89),rgba(0,29,32,.72) 32%,rgba(0,29,32,.14) 72%),linear-gradient(0deg,rgba(0,22,25,.55),transparent 40%);pointer-events:none}
.hero .hero-copy{padding:0;max-width:1200px;margin:auto;color:#f4faf6}.hero h1{font-size:clamp(2.6rem,6.2vw,5.1rem);line-height:1.05;letter-spacing:-.045em;font-weight:750;color:#f7fcf9;margin:26px 0 22px;max-width:17ch}
.hero .eyebrow{color:#eef7f1;font-size:.78rem;letter-spacing:.18em;margin:0}.hero .location::before{content:'';display:inline-block;width:36px;height:2px;background:var(--amber);margin-right:22px;vertical-align:middle}
.hero .hero-lead{font-size:clamp(1.15rem,2.1vw,1.8rem);line-height:1.5;color:#eaf3ef;max-width:34ch;margin:0}
.hero .actions{margin-top:32px;gap:30px;align-items:center}.hero .actions .primary{padding:20px 26px;min-height:62px;font-size:1rem}.hero .text-link{color:#f1faf5;border-bottom:2px solid var(--amber);padding-bottom:8px;font-size:1rem}
.hero-caption{position:absolute;bottom:26px;right:4%;font-size:.74rem;font-style:italic;color:#f1f7f3;max-width:35ch;margin:0;text-align:right}
#projeto{padding-top:58px}.photo-source{font-size:.68rem;margin:0 0 36px;color:var(--muted)}
#projeto .section-heading{display:block;margin-bottom:46px}#projeto .eyebrow{display:flex;align-items:center;gap:26px;margin-bottom:32px}#projeto .eyebrow::after{content:'';height:1px;max-width:400px;flex:1;background:var(--amber)}
#projeto h2{font-size:clamp(2rem,3.9vw,3.35rem);line-height:1.08;letter-spacing:-.04em;max-width:24ch}#projeto .section-heading>p{font-size:1.2rem;line-height:1.65;margin-top:16px;max-width:64ch}
[data-inst]{scroll-margin-top:26px}.inst-selection{outline:3px solid var(--amber)!important;outline-offset:4px}.inst-editor [data-inst]{cursor:crosshair}.inst-editor [data-inst]:hover{outline:1px dashed var(--amber);outline-offset:2px}
[data-inst] img{max-width:100%}
@media(max-width:1100px){.header-inner{gap:16px;padding:14px 18px}.site-header .brand{font-size:1.2rem;gap:12px}.site-header .brand>img{width:50px;height:50px}.site-header .brand small{font-size:.5rem}.header-inner nav{gap:18px}.header-inner nav a{font-size:.8rem}.site-header .header-cta{padding:14px;font-size:.75rem}.hero{padding-top:285px}}
@media(max-width:760px){.site-header{left:12px;top:12px;width:calc(100% - 24px)}.header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;min-height:0;padding:14px 16px}.site-header .brand{font-size:1.08rem;min-width:0;gap:12px}.site-header .brand>img{width:44px;height:44px}.site-header .brand small{font-size:.48rem;letter-spacing:.06em}.header-inner nav{display:flex;grid-column:1/-1;order:4;margin:0;justify-content:space-between;gap:8px}.header-inner nav a{display:flex;align-items:center;min-height:44px;font-size:.79rem}.header-cta{display:none!important}.site-header .theme-button{width:44px;height:44px}.hero{min-height:820px;padding:246px 24px 80px}.hero-backdrop{left:0;width:100%;object-position:42% center;mask-image:none}.hero::after{background:linear-gradient(90deg,rgba(0,23,26,.86),rgba(0,29,32,.48)),linear-gradient(0deg,rgba(0,22,25,.58),transparent)}.hero h1{font-size:clamp(2.5rem,10.5vw,3.6rem);max-width:18ch;margin-top:28px;line-height:1.08}.hero .eyebrow{font-size:.61rem;letter-spacing:.1em}.hero .location::before{width:22px;margin-right:10px}.hero .hero-lead{font-size:1.2rem;line-height:1.65}.hero .hero-lead br{display:none}.hero .actions{display:flex;flex-direction:column;align-items:stretch;gap:22px;max-width:350px}.hero .text-link{align-self:flex-start;font-size:.95rem}.hero-caption{right:24px;bottom:25px;font-size:.67rem}.hero .actions .primary{font-size:.95rem;padding:18px;justify-content:space-between}#projeto{padding-top:38px}#projeto .section-heading>p{font-size:1.05rem}#projeto .eyebrow{gap:16px}.photo-source{font-size:.65rem;line-height:1.7;margin-bottom:30px}}
@media(prefers-reduced-transparency:reduce){.site-header{background:#123f46;backdrop-filter:none}}

.hero{padding-bottom:56px}.hero-credit{position:absolute;left:6.2%;bottom:8px;margin:0!important;font-size:.59rem;color:#d1dfd9;max-width:65ch;line-height:1.4}#projeto{width:min(1020px,calc(100% - 48px))}@media(max-width:760px){.hero{padding-bottom:100px}.hero-credit{left:24px;right:24px;bottom:10px;font-size:.56rem}.hero-caption{bottom:39px}#projeto{width:calc(100% - 48px)}}

@media(min-width:761px) and (max-width:980px){.header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto}.header-inner nav{display:flex;grid-column:1/-1;justify-content:space-between;order:4;margin:0}.header-inner nav a{min-height:44px;display:flex;align-items:center}.header-cta{display:none!important}}

.hero-credit{font-size:.72rem;max-width:75ch}@media(max-width:760px){.hero-credit{font-size:.75rem;line-height:1.45}.hero-caption{bottom:74px;font-size:.75rem}}

/* Rodada mobile 28/10: referências do próprio aplicativo, sem redesenhar as áreas aprovadas. */
:root{--inst-depth:inset 0 1px 0 rgb(255 255 255/.55),0 5px 15px rgb(8 36 40/.18);--inst-note:color-mix(in srgb,var(--paper-soft) 76%,transparent);--inst-nav:color-mix(in srgb,var(--paper-soft) 82%,transparent);--inst-nav-depth:inset 0 1px 0 rgb(255 255 255/.65),0 5px 16px rgb(8 36 40/.26);--inst-nav-selected:color-mix(in srgb,var(--amber) 19%,transparent)}
:root[data-theme=dark]{--inst-depth:inset 0 1px 0 rgb(255 255 255/.2),0 5px 18px rgb(0 0 0/.3);--inst-note:color-mix(in srgb,var(--forest-3) 10%,transparent);--inst-nav-depth:inset 0 1px 0 rgb(255 255 255/.16),0 5px 18px rgb(0 0 0/.32);--inst-nav-selected:color-mix(in srgb,var(--amber) 15%,transparent)}
.site-header .brand small{display:block;text-transform:none;letter-spacing:.015em;margin-top:4px;font-size:.61rem;font-weight:450;line-height:1.35;max-width:40ch}
.site-header .theme-button{display:grid;place-items:center;padding:0;line-height:0}.theme-button svg{display:block;flex:none;width:22px;height:22px;overflow:visible}
.site-navigation-slot{position:absolute;top:calc(36px + var(--institutional-topbar-height,112px));left:4%;right:4%;height:56px;z-index:29}
.site-navigation-slot nav{display:flex;align-items:center;flex-wrap:nowrap;gap:4px;overflow-x:auto;scrollbar-width:thin;padding:5px;border-radius:999px;border:1px solid var(--line);background:var(--inst-nav);backdrop-filter:blur(18px) saturate(125%);box-shadow:var(--inst-nav-depth)}
.site-navigation-slot a{text-decoration:none;flex:1 0 auto;min-height:44px;display:flex;align-items:center;justify-content:center;padding:0 14px;border-radius:999px;color:var(--ink);font-size:.85rem;font-weight:700;white-space:nowrap}
.site-navigation-slot a:focus-visible{outline-offset:-3px}.site-navigation-slot a:hover{background:var(--paper-soft)}
.site-navigation-slot.is-docked nav{position:fixed;top:12px;left:var(--institutional-nav-left,4%);width:var(--institutional-nav-width,92%)}
.depth-button{box-shadow:var(--inst-depth)}.depth-button:hover{box-shadow:var(--inst-depth)}
.hero-attribution{position:absolute;bottom:20px;inset-inline:6.2%;display:flex;justify-content:flex-end;align-items:center;gap:10px;color:#eaf3ef;font-size:.75rem;line-height:1.5;white-space:nowrap}
.attribution-line{width:24px;height:1px;background:var(--amber);flex:none}
.memory-intro>.eyebrow,.section-heading>div>.eyebrow{display:flex;align-items:center;gap:20px}.memory-intro>.eyebrow::after,.section-heading>div>.eyebrow::after{content:'';height:1px;flex:1;min-width:18px;background:var(--amber)}
.archive-facts{gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden}.archive-facts>div{flex:1;min-width:0;text-align:center;padding:15px 8px}.archive-facts>div+div{border-left:1px solid var(--line)}.archive-facts span{white-space:nowrap}
.informational{position:relative;display:block;padding-left:28px!important;font-size:.75rem;line-height:1.6;text-align:left;color:var(--muted)}
.informational::before{content:'i';position:absolute;left:0;top:.05em;width:18px;height:18px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font:700 .75rem/1 var(--fonte-ui);color:var(--forest-3)}
.legacy-note.informational::before{top:20px}.preview-disclaimer.informational{margin:0 18px 18px;padding-bottom:0;padding-right:0}.explorer-note.informational{margin-top:20px}
.access-note{display:grid;grid-template-columns:minmax(0,1fr);padding:24px 0 0;gap:16px}.development-note{padding:18px 20px;border-left:3px solid var(--amber);background:var(--inst-note);backdrop-filter:blur(16px);border-radius:0 14px 14px 0}.development-note strong{display:block;font-size:.78rem;margin-bottom:8px;color:var(--forest)}.development-note p{font-size:.8rem;line-height:1.6}.access-note .button{margin:0;width:100%;min-height:48px;font-size:.85rem}
.explorer-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;gap:6px;padding:6px;border:1px solid var(--line);border-radius:999px;background:var(--inst-nav);backdrop-filter:blur(18px) saturate(125%);position:static}.explorer-tabs button{flex:0 0 auto;white-space:nowrap;border-radius:999px;min-height:44px;padding:10px 18px}.app-explorer{padding-top:10px}.app-explorer>.explorer-tabs{margin:0 10px}
button.preview-row{width:100%;background:transparent;border:0;border-top:1px solid var(--line);text-align:left;font-family:var(--fonte-ui);cursor:pointer;min-height:64px}button.preview-row:hover{background:var(--paper-soft)}
.access-app{width:100%;margin-top:24px}.access-app[data-app-configurado=nao]{opacity:.6;cursor:not-allowed}.request-dialog .dialog-done{margin-top:12px;position:sticky;bottom:0}.request-dialog .informational{margin-top:20px}.request-dialog .dialog-close{padding:0;line-height:1}
.site-footer .brand small{display:block;font-weight:400;line-height:1.6;max-width:55ch;text-transform:none;letter-spacing:0}.site-footer .footer-back{color:var(--forest);min-height:44px}.footer-bottom{justify-content:center;text-align:center}.developer-credit{display:grid;gap:4px}.developer-credit small{font-size:.65rem;letter-spacing:.08em}.developer-credit strong{font-size:.95rem;color:#e7f7ef}
@media(max-width:760px){
 .site-header{top:12px}.header-inner{width:100%;padding:12px 16px}.site-header .brand{gap:10px}.site-header .brand>img{width:44px;height:44px}.site-header .brand small{font-size:.58rem;max-width:29ch;letter-spacing:0}.site-header .theme-button{margin:0;width:44px;height:44px}
 .site-navigation-slot{top:calc(24px + var(--institutional-topbar-height,80px));left:12px;right:12px}.site-navigation-slot a{font-size:.78rem}
 [data-inst]{scroll-margin-top:0}.hero{padding-top:246px;padding-bottom:84px}.hero-attribution{inset-inline:18px;bottom:20px;gap:6px;font-size:clamp(.57rem,2.15vw,.75rem);justify-content:center}.attribution-line{width:14px}.hero h1{max-width:19ch}.hero .hero-lead br{display:none}
 .archive-facts span{font-size:clamp(.61rem,2.5vw,.75rem)}.archive-facts>div{padding:14px 5px}.memory-intro>.eyebrow,.section-heading>div>.eyebrow{gap:12px}.source-note.informational{font-size:.75rem}
 .footer-main{flex-wrap:wrap;gap:24px}.footer-main .brand{flex:1 1 100%;font-size:1rem}.footer-main .brand img{width:36px;height:36px}.footer-main .brand small{font-size:.7rem;max-width:40ch}.footer-main .footer-back{margin-left:auto}.footer-bottom{align-items:center}
}
/* A receita original do cabeçalho continua verde/azulada nos dois temas.
   Paletas escolhidas explicitamente no Editor continuam governadas por paletas.css. */
:root[data-modelo="01"] nav[aria-label="Navegação principal"] a[aria-current=location]{background:var(--inst-nav-selected);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--amber) 60%,transparent);border-radius:999px}
@media(prefers-reduced-transparency:reduce){.site-navigation-slot nav,.explorer-tabs,.development-note{background:var(--paper);backdrop-filter:none}}
@media(max-width:760px){.site-header .brand small{font-size:.6875rem}.hero-attribution{font-size:clamp(.62rem,2.15vw,.75rem)}}

@media(max-width:760px){.archive-facts span{font-size:.75rem}.hero-attribution{font-size:.75rem}}
@media(max-width:360px){.archive-facts span{font-size:.6875rem}.hero-attribution{font-size:.6875rem;gap:5px}}
/* A ampliação acessível mantém o texto completo, mesmo quando exige mais uma linha. */
@media(max-width:760px){:root[data-fonte-ampliada=true] .hero-attribution{white-space:normal;flex-wrap:wrap;text-align:center}:root[data-fonte-ampliada=true] .archive-facts span{white-space:normal}}