:root{--bg:#0a0a0a;--fg:#f4f2ee;--mute:#8d8a84;--line:#262626;--acc:#f4f2ee}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:"Ubuntu",system-ui,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
.wrap{max-width:760px;margin:0 auto;padding:0 22px}
header{border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(10,10,10,.92);backdrop-filter:blur(8px);z-index:5}
.bar{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-family:"Playfair Display",Georgia,serif;font-weight:900;font-size:28px;letter-spacing:-.5px}
.logo i{font-style:normal;border-bottom:3px solid var(--fg)}
.tools{display:flex;gap:6px;align-items:center}
.dateline{display:flex;justify-content:space-between;color:var(--mute);font-size:13px;letter-spacing:2px;text-transform:uppercase;padding:14px 0;border-bottom:3px solid var(--fg)}
.tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;border:1px solid var(--fg);padding:4px 10px;margin-bottom:18px}
.lead{padding:38px 0 30px;border-bottom:3px solid var(--fg)}
.lead h1{font-family:"Playfair Display",Georgia,serif;font-size:clamp(34px,7vw,54px);line-height:1.1;margin:0 0 18px;letter-spacing:-1px;font-weight:500}
.meta{color:var(--mute);font-size:13px;letter-spacing:.5px;margin-bottom:22px}
.fig{margin:0 0 24px}.fig img{width:100%;display:block;filter:sepia(.85) contrast(1.05) brightness(.95)}
.fig figcaption{color:var(--mute);font-size:12px;margin-top:8px}
.body p{font-size:21px;font-weight:300;margin:0 0 18px;color:#e6e3dc}
.body p b{color:var(--fg)}
.src{border-top:3px solid var(--fg);margin-top:24px;padding-top:16px;color:var(--mute);font-size:13px}
.src b{color:var(--fg);letter-spacing:2px;font-size:11px;text-transform:uppercase;display:block;margin-bottom:6px}
.share{display:flex;gap:18px;margin:26px 0 0;flex-wrap:wrap}.sb{display:inline-flex;align-items:center;justify-content:center;padding:4px;transition:transform .15s}.sb:hover{transform:translateY(-3px)}
.more{margin:38px 0 0}h2.sec{display:inline-block;background:#fff;color:#0a0a0a;font-size:13px;letter-spacing:3px;text-transform:uppercase;margin:0;padding:9px 18px;font-weight:600}
.item{display:block;padding:22px 0;margin-top:0;border-top:3px solid var(--fg)}.item:last-child{border-bottom:3px solid var(--fg)}
.item small{font-size:12px;letter-spacing:1.5px;text-transform:uppercase}
.item h3{font-family:"Playfair Display",Georgia,serif;font-size:25px;line-height:1.2;margin:6px 0 0;font-weight:500}
.item:hover h3{text-decoration:underline;text-underline-offset:5px}
.item p{color:var(--mute);margin:8px 0 0;font-size:17px;font-weight:300}.item small{color:var(--mute)}
footer{padding:40px 0 60px;font-weight:300;color:var(--mute);font-size:13px}
footer b{color:var(--fg)}
.rule{height:3px;background:var(--fg);width:56px;margin:0 0 18px}
[data-l]{display:none}html[data-c=pt] [data-l=pt],html[data-c=en] [data-l=en]{display:revert}

.lang-switch{position:relative}
.lang-current{display:flex;align-items:center;gap:2px;background:none;border:0;cursor:pointer;padding:2px;border-radius:99px;color:var(--mute)}
.lang-current img{width:32px;height:32px;border-radius:50%;display:block;object-fit:cover;box-shadow:0 0 0 2px var(--bg),0 0 0 3px #4a4743;transition:box-shadow .2s}
.lang-current:hover img,.lang-current[aria-expanded=true] img{box-shadow:0 0 0 2px var(--bg),0 0 0 3px var(--fg)}
.chev{font-size:20px;transition:transform .25s ease}.lang-current[aria-expanded=true] .chev{transform:rotate(180deg)}
.lang-menu{position:absolute;top:calc(100% + 12px);right:0;margin:0;padding:8px;list-style:none;background:#141414;border:1px solid #2c2c2c;border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.6);min-width:190px;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease,visibility 0s .22s}
.lang-switch.open .lang-menu{visibility:visible;opacity:1;transform:translateY(0);transition:opacity .22s ease,transform .22s ease}
.lang-menu li{opacity:0;transform:translateY(-6px);transition:opacity .25s ease,transform .25s ease}
.lang-switch.open .lang-menu li{opacity:1;transform:none}
.lang-switch.open .lang-menu li:nth-child(1){transition-delay:.03s}.lang-switch.open .lang-menu li:nth-child(2){transition-delay:.07s}.lang-switch.open .lang-menu li:nth-child(3){transition-delay:.11s}.lang-switch.open .lang-menu li:nth-child(4){transition-delay:.15s}.lang-switch.open .lang-menu li:nth-child(5){transition-delay:.19s}.lang-switch.open .lang-menu li:nth-child(6){transition-delay:.23s}
.lang-menu a{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:9px;font-size:15px;font-weight:500;color:var(--fg)}
.lang-menu a img{width:24px;height:24px;border-radius:50%;object-fit:cover}
.lang-menu a:hover{background:#242424}.lang-menu a.on{background:#1f1f1f;box-shadow:inset 3px 0 0 var(--fg)}

.share{align-items:center}.sep{width:1px;height:26px;background:#3a3834;margin:0 4px}
.sb.act{background:none;border:0;cursor:pointer;color:var(--fg);position:relative}
.sb.act .material-icons-outlined{font-size:28px}
.tip{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%,4px);background:var(--fg);color:var(--bg);font-size:12px;font-weight:700;padding:4px 10px;border-radius:99px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;white-space:nowrap}
.tip.on{opacity:1;transform:translate(-50%,0)}
.vw{display:inline-flex;align-items:center;gap:6px;color:var(--mute);font-size:15px;font-weight:500;margin-left:6px}
.vw .material-icons-outlined{font-size:24px}.vw b{font-weight:500;font-variant-numeric:tabular-nums}
.vw[hidden]{display:none}

/* container de ícones centralizado (em cima e embaixo do texto) */
.share{justify-content:center;border:1px solid #2c2c2c;border-radius:14px;padding:12px 22px;margin:22px 0 0;background:#101010;width:fit-content;margin-left:auto;margin-right:auto}
.share.above{margin:6px auto 26px}
/* barra de leitura */
header{position:sticky}.progress{position:absolute;left:0;bottom:-1px;height:3px;width:100%;background:var(--fg);transform-origin:0 50%;transform:scaleX(0);will-change:transform}
/* marca-texto */
mark.hl{color:inherit;background:linear-gradient(#e8d79e,#e8d79e) no-repeat 0 88%/0% 92%;padding:0 3px;margin:0 -3px;border-radius:2px;transition:background-size .9s cubic-bezier(.3,.7,.2,1),color .5s ease;-webkit-box-decoration-break:clone;box-decoration-break:clone}
mark.hl.on{background-size:100% 92%;color:#0a0a0a}
/* citação em destaque */
.pull{margin:34px 0;padding:6px 0 6px 26px;border-left:3px solid var(--fg);font-family:"Playfair Display",Georgia,serif;font-size:clamp(28px,5.2vw,40px);line-height:1.2;font-weight:500;letter-spacing:-.5px;color:var(--fg);opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}
.pull.on{opacity:1;transform:none}
.pull span{display:block;font-family:"Ubuntu",sans-serif;font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--mute);font-weight:700;margin-bottom:10px}
@media (prefers-reduced-motion:reduce){mark.hl{transition:none}.pull{transition:none;opacity:1;transform:none}}

/* ===== página inicial ===== */
.wrap.wide{max-width:1120px}
.home .bar{gap:28px}.nav{display:flex;gap:26px;flex:1;margin-left:18px;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}
.nav a{font-size:13px;letter-spacing:2px;text-transform:uppercase;font-weight:500;color:var(--mute);white-space:nowrap;padding:6px 0;border-bottom:3px solid transparent}.nav a:hover{color:var(--fg);border-color:var(--fg)}
.top{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:36px;padding:34px 0;border-bottom:3px solid var(--fg)}
.hero a{display:block}.himg{overflow:hidden;background:#000}.himg img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;filter:sepia(.85) contrast(1.05) brightness(.95);transition:transform .8s ease}.hero a:hover .himg img{transform:scale(1.03)}
.hb{padding-top:22px}.hb .tag{margin-bottom:14px}.hb .cat{margin-left:12px;color:var(--mute);font-size:12px;letter-spacing:2px;text-transform:uppercase}
.hero h1{font-family:"Playfair Display",Georgia,serif;font-weight:500;font-size:clamp(32px,4.4vw,52px);line-height:1.08;letter-spacing:-1px;margin:8px 0 14px}
.hero:hover h1{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.dek{font-size:20px;font-weight:300;color:#d9d6cf;margin:0 0 18px;max-width:60ch}
.src2{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--mute);font-size:13px}.src2 .material-icons-outlined{font-size:18px;margin-right:2px}
.src2 i{font-style:normal;border:1px solid #3a3834;border-radius:99px;padding:3px 11px;color:var(--fg);font-size:12px}
.tagt{display:inline-block;background:#fff;color:#0a0a0a;font-size:13px;letter-spacing:3px;text-transform:uppercase;margin:0 0 6px;padding:9px 18px;font-weight:700}
.latest{border-left:1px solid #262626;padding-left:30px}.latest .tagt{margin-bottom:14px}
.li{display:block;padding:18px 0;border-top:3px solid var(--fg)}.li:first-of-type{border-top:0;padding-top:6px}
.li small,.card small{color:var(--mute);font-size:12px;letter-spacing:1.5px;text-transform:uppercase}
.li h3{font-family:"Playfair Display",Georgia,serif;font-weight:500;font-size:23px;line-height:1.2;margin:6px 0 0}.li:hover h3,.card:hover h3{text-decoration:underline;text-underline-offset:5px}
.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-bottom:3px solid var(--fg)}
.card{display:block;padding:28px 28px 28px 0;margin-right:28px;border-right:1px solid #262626}.card:last-child{border-right:0;margin-right:0}
.card h3{font-family:"Playfair Display",Georgia,serif;font-weight:500;font-size:26px;line-height:1.15;margin:8px 0 10px}.card p{color:var(--mute);font-weight:300;font-size:17px;margin:0 0 14px}
.vid,.method{padding:34px 0;border-bottom:3px solid var(--fg)}
.vgrid{display:grid;grid-template-columns:260px 1fr;gap:36px;align-items:center;margin-top:18px}
.vcard{position:relative;display:block;aspect-ratio:9/12;overflow:hidden;background:#000}.vcard img{width:100%;height:100%;object-fit:cover;filter:sepia(.5) brightness(.8);transition:transform .8s}.vcard:hover img{transform:scale(1.05)}
.play{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);font-size:54px;background:rgba(10,10,10,.7);border-radius:50%;padding:8px;border:2px solid var(--fg)}
.vl{position:absolute;left:0;right:0;bottom:0;padding:40px 16px 14px;background:linear-gradient(transparent,rgba(0,0,0,.9))}.vl small{display:block;color:#bdb9b0;font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.vl b{font-family:"Playfair Display",Georgia,serif;font-weight:500;font-size:19px;line-height:1.2}
.vtxt p{font-size:22px;font-weight:300;max-width:46ch;margin:0}
.m3{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:20px}.m3 b{font-family:"Playfair Display",Georgia,serif;font-size:44px;font-weight:400;color:#4a4843}
.m3 h3{font-family:"Playfair Display",Georgia,serif;font-weight:500;font-size:24px;margin:4px 0 8px}.m3 p{color:var(--mute);font-weight:300;font-size:17px;margin:0}
@media (max-width:860px){.top{grid-template-columns:1fr}.latest{border-left:0;padding-left:0}.row3,.m3{grid-template-columns:1fr}.card{border-right:0;margin-right:0;border-bottom:1px solid #262626;padding-right:0}.vgrid{grid-template-columns:1fr}.vcard{max-width:300px}.home .bar{gap:10px}}

.vl small{display:none!important}html[data-c=pt] .vl small[data-l=pt],html[data-c=en] .vl small[data-l=en]{display:block!important}
.vl b[data-l]{display:none}html[data-c=pt] .vl b[data-l=pt],html[data-c=en] .vl b[data-l=en]{display:block}
.vcard{aspect-ratio:9/13;max-width:300px}
.vs{padding:34px 0;border-bottom:3px solid var(--fg)}.vsh{font-family:"Playfair Display",Georgia,serif;font-size:26px;margin:14px 0 22px;font-weight:500;max-width:30ch;line-height:1.2}
.vsg{display:grid;grid-template-columns:1fr 1fr;border:1px solid #2c2c2c}.vsg>div{padding:24px 28px;display:flex;align-items:baseline;flex-wrap:wrap;gap:0 10px}.vsg>div+div{border-left:3px solid var(--fg)}
.vsg small{width:100%;color:var(--mute);letter-spacing:2px;text-transform:uppercase;font-size:12px;font-weight:700;margin-bottom:6px}
.vsg b{font-family:"Playfair Display",Georgia,serif;font-size:64px;font-weight:500;line-height:1}.vsg b.s2{margin-left:18px}.vsg span[data-l]{color:var(--mute);font-size:17px;font-weight:300}
.vsn{color:var(--mute);font-weight:300;margin:16px 0 0;font-size:15px}.vsh[data-l],.vsn[data-l]{display:none}html[data-c=pt] .vsh[data-l=pt],html[data-c=pt] .vsn[data-l=pt],html[data-c=en] .vsh[data-l=en],html[data-c=en] .vsn[data-l=en]{display:block}
@media (max-width:860px){.vsg{grid-template-columns:1fr}.vsg>div+div{border-left:0;border-top:3px solid var(--fg)}}
/* logo (marca N + nome) e páginas estáticas */
.logo{display:inline-flex;align-items:center;gap:10px;font-family:"Playfair Display",Georgia,serif;font-weight:900;font-size:26px;letter-spacing:-.5px;color:var(--fg)}
.logo img{display:block;border-radius:7px;box-shadow:0 0 0 1px #2c2c2c}
div.li{display:block}.li:hover h3{text-decoration:none}
.lang-menu a.on{background:#1f1f1f;box-shadow:inset 3px 0 0 var(--fg)}
.back{margin:28px 0 0;font-size:14px;letter-spacing:1px}.back a{color:var(--mute)}.back a:hover{color:var(--fg)}
.meta time{color:inherit}
@media (max-width:520px){.dateline{flex-direction:column;gap:2px;letter-spacing:1.5px;font-size:11px}.share{gap:8px;padding:10px 12px;max-width:100%}.sb{padding:3px}.sb svg{width:24px;height:24px}.sep{margin:0 0}.vw{margin-left:2px}.logo{font-size:23px}}
/* rodapé completo */
.sf{margin-top:56px;border-top:3px solid var(--fg);background:#0d0d0d;padding:46px 0 34px}
.sfg{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px}
.sfb p{color:var(--mute);font-weight:300;font-size:16px;max-width:34ch;margin:16px 0 0}
.sf h2{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--mute);font-weight:700;margin:6px 0 16px}
.sf ul{list-style:none;margin:0;padding:0}.sfc li{margin:0 0 10px}.sfc a{color:var(--fg);font-size:16px;font-weight:400}.sfc li>a:hover{text-decoration:underline;text-underline-offset:4px}
.sfs li{margin:0 0 10px}.fb{display:flex;align-items:center;gap:12px;border:1px solid #2c2c2c;border-radius:12px;padding:9px 12px;transition:background .2s,border-color .2s}
a.fb:hover{background:#1a1a1a;border-color:#4a4843;text-decoration:none!important}.fb svg{flex:none}.fn{flex:1;font-weight:500}.fgo{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;background:var(--fg);color:var(--bg);border-radius:99px;padding:4px 12px}
.fb.off{opacity:.55}.fb.off .fgo{background:transparent;color:var(--mute);border:1px solid #3a3834}
.sfh{margin-top:40px;padding-top:28px;border-top:1px solid #262626;max-width:78ch}.sfh p{color:#cfcbc2;font-weight:300;font-size:17px;line-height:1.7;margin:0}
.sfz{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;margin-top:34px;padding-top:20px;border-top:1px solid #262626;color:var(--mute);font-size:13px}
@media (max-width:900px){.sfg{grid-template-columns:1fr 1fr}.sfb{grid-column:1/-1}}@media (max-width:520px){.sfg{grid-template-columns:1fr;gap:28px}.sf{padding:34px 0 26px}}

/* rodapé discreto: 2 colunas */
.sf{margin-top:64px;border-top:1px solid #262626;background:transparent;padding:30px 0 26px}
.sf2{display:flex;justify-content:space-between;align-items:flex-start;gap:28px 40px;flex-wrap:wrap}
.sfl .logo{font-size:22px}.sfl .logo img{width:30px;height:30px}
.sfl p{color:var(--mute);font-weight:300;font-size:15px;margin:12px 0 16px}
.soc{display:flex;gap:16px;align-items:center}.soc a,.soc .off{display:inline-flex;opacity:.9;transition:transform .15s,opacity .15s}.soc a:hover{transform:translateY(-2px);opacity:1}.soc .off{opacity:.4}.soc svg{width:26px;height:26px;display:block}
.sfr{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.sfr a{color:var(--mute);font-size:14px}.sfr a:hover{color:var(--fg)}
.sfz{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 24px;margin-top:26px;padding-top:16px;border-top:1px solid #1d1d1d;color:#6f6b64;font-size:12.5px}.sfz a{color:#8d8a84}.sfz a:hover{color:var(--fg)}
.doc{padding:40px 22px 20px}.doc h1{font-family:"Playfair Display",Georgia,serif;font-weight:500;font-size:clamp(32px,6vw,46px);line-height:1.1;margin:0 0 22px;letter-spacing:-1px}
.doc h2{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--mute);font-weight:700;margin:34px 0 10px}.doc p,.doc li{font-size:19px;font-weight:300;line-height:1.65;color:#e2dfd8}.doc ul{padding-left:20px;margin:0}.doc li{margin:0 0 8px}
@media (max-width:520px){.sf2{flex-direction:column}.sfr{margin-top:0}.sfz{flex-direction:column}}

/* rodapé centralizado (versão final) */
.sf{margin-top:64px;border-top:1px solid #262626;background:#0a0a0a;padding:44px 0 0;text-align:center;color:#fff}
.sf .wrap{padding:0}.sf-logo{display:flex;justify-content:center;margin-bottom:26px}.sf .logo{font-size:34px;gap:14px;color:#fff}.sf .logo img{width:44px;height:44px;border-radius:9px}
.band{background:#fff;color:#0a0a0a;padding:16px 22px}.band p{margin:0;font-weight:700;font-size:17px;line-height:1.4;letter-spacing:.2px;color:#0a0a0a}
.band a{color:#0a0a0a;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px}.band a:hover{opacity:.7}.band .dot{margin:0 8px}
.sf .soc{display:flex;justify-content:center;align-items:center;gap:30px;margin:34px 0 26px;flex-wrap:wrap;padding:0 22px}
.sf .soc svg{width:30px;height:30px}.sf .soc .off{opacity:.45}
.sf .sfr{list-style:none;margin:0 0 38px;padding:0 22px;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px 0}
.sf .sfr li{margin:0}.sf .sfr li+li{border-left:1px solid #fff;margin-left:20px;padding-left:20px}.sf .sfr a{color:#fff;font-size:15px;font-weight:500}.sf .sfr a:hover{text-decoration:underline;text-underline-offset:4px}
@media (max-width:520px){.sf .logo{font-size:28px}.sf .soc{gap:24px}.sf .sfr li+li{margin-left:14px;padding-left:14px}.sf .sfr a{font-size:14px}.band p{font-size:15px}.band .dot{display:none}.band2 p a{display:inline}}
.sf .soc .off{opacity:.6}
@media (max-width:520px){.sf .sfr{flex-direction:column;gap:12px}.sf .sfr li+li{border-left:0;margin-left:0;padding-left:0}}

/* slogan ao lado do logo (desktop) e abaixo (celular); faixa de baixo mais baixa e sem negrito */
.sf-logo{display:flex;justify-content:center;align-items:center;gap:22px;margin-bottom:0;padding:0 22px 0}
.sf .vbar{display:block;width:1px;height:38px;background:#fff;flex:none}
.sf .slogan{margin:0;color:#fff;font-size:18px;font-weight:400;text-align:left;max-width:34ch;line-height:1.3}
.sf .soc{margin-top:30px}
.band{padding:6px 22px}.band p{font-weight:400;font-size:16px}
@media (max-width:640px){.sf-logo{flex-direction:column;gap:14px;padding-bottom:26px;border-bottom:2px solid #fff;margin:0 22px}.sf .vbar{display:none}.sf .slogan{text-align:center;font-size:17px}.sf .soc{margin-top:28px}}
@media (min-width:641px){.sf .slogan{max-width:none;white-space:nowrap}}
/* matéria sem imagem, citação direta, colunas de texto no lado a lado */
.hero.noimg .hb{padding-top:0}.hero.noimg h1{font-size:clamp(34px,5vw,60px)}
.pull.q p{margin:0;font-family:"Playfair Display",Georgia,serif;font-size:clamp(26px,5vw,38px);line-height:1.25;font-weight:500}
.pull.q cite{display:block;margin-top:14px;font-style:normal;font-family:"Ubuntu",sans-serif;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--mute);font-weight:500}
.vsg .ct{margin:0;font-family:"Playfair Display",Georgia,serif;font-size:28px;line-height:1.2;width:100%}
