:root{
  --bg:#06121f;--bg2:#0b1d2e;--ink:#f5f2eb;--muted:#aab6c2;--gold:#d9ad5b;--gold2:#f2d395;
  --paper:#f4f1e9;--text:#102030;--line:rgba(255,255,255,.12);--card:rgba(13,33,51,.82);--shadow:0 24px 80px rgba(0,0,0,.28);
  --max:1180px;--radius:26px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}
.container{width:min(var(--max),calc(100% - 36px));margin:auto}.serif{font-family:Georgia,'Times New Roman',serif}.eyebrow{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:750}.muted{color:var(--muted)}
.site-header{position:sticky;top:0;z-index:30;background:rgba(6,18,31,.88);backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}.brand{display:flex;align-items:baseline;gap:14px}.brand strong{font-family:Georgia,serif;font-size:2rem;color:var(--gold);letter-spacing:.02em}.brand span{font-size:.72rem;letter-spacing:.16em;color:#dfe5e9;text-transform:uppercase}.nav{display:flex;gap:22px;align-items:center}.nav a{font-size:.92rem;color:#dce3e8}.nav a:hover{color:var(--gold2)}.nav .cta{border:1px solid rgba(217,173,91,.5);border-radius:999px;padding:10px 16px;color:var(--gold2)}
.hero{min-height:720px;display:flex;align-items:center;padding:64px 0 74px;background:radial-gradient(circle at 85% 10%,rgba(217,173,91,.13),transparent 34%),linear-gradient(160deg,#06121f 0%,#0a1b2b 55%,#07131f 100%)}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:68px}.hero h1{font-family:Georgia,serif;font-size:clamp(3.4rem,7vw,6.8rem);line-height:.91;margin:.18em 0 .22em;letter-spacing:-.045em}.hero h1 em{font-style:normal;color:var(--gold)}.hero .lead{font-size:1.18rem;max-width:670px;color:#d4dde4}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 20px;border-radius:999px;font-weight:750;border:1px solid transparent;cursor:pointer;transition:.2s}.btn-primary{background:var(--gold);color:#07131f}.btn-primary:hover{background:var(--gold2);transform:translateY(-1px)}.btn-ghost{border-color:rgba(255,255,255,.22);color:#fff}.btn-ghost:hover{border-color:var(--gold)}.cover-wrap{position:relative;max-width:470px;justify-self:end}.cover-wrap:before{content:"";position:absolute;inset:8% -8% -6% 8%;background:rgba(217,173,91,.18);filter:blur(30px);border-radius:35px}.cover{position:relative;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.12)}.edition-chip{position:absolute;right:-16px;top:36px;background:#f6f1e7;color:#102030;padding:10px 14px;border-radius:999px;font-size:.75rem;font-weight:800;box-shadow:0 8px 30px rgba(0,0,0,.25)}
.section{padding:82px 0}.section.light{background:var(--paper);color:var(--text)}.section h2{font-family:Georgia,serif;font-size:clamp(2.2rem,4vw,4.4rem);line-height:1.02;margin:.2em 0 .4em;letter-spacing:-.035em}.section-intro{max-width:760px;font-size:1.1rem}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:34px}
.issue-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);border-radius:24px;overflow:hidden;margin-top:46px}.issue-meta>div{padding:22px;background:#0b1c2c}.issue-meta b{display:block;color:var(--gold);font-family:Georgia,serif;font-size:1.6rem}.issue-meta span{font-size:.85rem;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 14px 50px rgba(7,18,31,.08);border:1px solid #e4dfd5}.card .thumb{aspect-ratio:16/10;overflow:hidden;background:#0c1d2e}.card .thumb img{width:100%;height:100%;object-fit:cover;transition:.35s}.card:hover .thumb img{transform:scale(1.025)}.card-body{padding:24px}.card h3{font-family:Georgia,serif;font-size:1.6rem;line-height:1.08;margin:.25em 0 .45em}.card p{color:#5e6973;margin:0}.tag{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#977226;font-weight:800}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.feature{min-height:430px;border-radius:26px;overflow:hidden;position:relative;background:#0d2236}.feature img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.feature:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,11,18,.92),rgba(3,11,18,.05) 70%)}.feature-copy{position:absolute;z-index:2;bottom:0;padding:30px}.feature h3{font-family:Georgia,serif;font-size:2rem;line-height:1.05;margin:.2em 0}.feature p{margin:0;color:#dae2e7;max-width:520px}
.archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.issue-card{border:1px solid var(--line);border-radius:22px;padding:16px;background:rgba(255,255,255,.035)}.issue-card img{border-radius:14px}.issue-card h3{font-family:Georgia,serif;font-size:1.45rem;margin:.7em 0 .2em}.issue-card p{color:var(--muted);margin:.2em 0}.issue-card.disabled{opacity:.5}
.callout{border:1px solid rgba(217,173,91,.25);border-radius:28px;padding:38px;background:linear-gradient(130deg,rgba(217,173,91,.1),rgba(255,255,255,.02));display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center}.callout h3{font-family:Georgia,serif;font-size:2.3rem;line-height:1.04;margin:0 0 .3em}.callout p{margin:0;color:#cfd8df}
.footer{border-top:1px solid var(--line);padding:46px 0 32px;background:#04101b}.footer-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:36px}.footer h4{color:var(--gold);margin:0 0 10px}.footer p,.footer a{font-size:.9rem;color:#b7c3cc}.footer small{display:block;margin-top:34px;color:#7f8d99;border-top:1px solid var(--line);padding-top:18px}
/* reader */
.reader-body{overflow:hidden;background:#02070c}.reader-shell{height:100vh;display:grid;grid-template-rows:64px 1fr 72px}.reader-top{display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line);background:#06121f}.reader-top .brand strong{font-size:1.55rem}.reader-actions{display:flex;gap:8px}.icon-btn{height:40px;min-width:40px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:transparent;color:white;cursor:pointer;padding:0 13px}.icon-btn:hover{border-color:var(--gold);color:var(--gold)}
.reader-stage{position:relative;display:flex;justify-content:center;align-items:center;min-height:0;padding:18px;background:radial-gradient(circle at center,#1a2c3d 0,#07131e 58%,#02070c 100%)}.spread{display:flex;gap:4px;max-height:100%;max-width:100%;filter:drop-shadow(0 24px 36px rgba(0,0,0,.45))}.page{display:none;height:calc(100vh - 170px);width:auto;max-width:48vw;object-fit:contain;background:white}.page.show{display:block}.reader-nav{display:flex;align-items:center;gap:14px;justify-content:center;padding:8px 16px;background:#06121f;border-top:1px solid var(--line)}.reader-nav input[type=range]{width:min(460px,45vw);accent-color:var(--gold)}.page-count{min-width:78px;font-variant-numeric:tabular-nums;color:#b8c3cb;font-size:.86rem}.reader-side{position:absolute;top:50%;transform:translateY(-50%);z-index:5}.reader-side.prev{left:18px}.reader-side.next{right:18px}.reader-side button{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(4,12,19,.72);color:white;font-size:1.5rem;cursor:pointer}.thumb-drawer{position:fixed;inset:64px 0 72px 0;z-index:20;background:rgba(3,10,16,.97);display:none;padding:26px;overflow:auto}.thumb-drawer.open{display:block}.thumb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;max-width:1100px;margin:auto}.thumb-grid button{padding:0;background:none;border:1px solid rgba(255,255,255,.12);border-radius:8px;overflow:hidden;cursor:pointer;color:white}.thumb-grid button.active{border-color:var(--gold)}.thumb-grid img{width:100%}.thumb-grid span{display:block;padding:5px;font-size:.75rem}
/* article */
.article-hero{padding:70px 0 52px;background:linear-gradient(145deg,#071421,#10263a)}.article-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.article-hero h1{font-family:Georgia,serif;font-size:clamp(3rem,6vw,6.4rem);line-height:.92;letter-spacing:-.045em;margin:.2em 0}.article-hero .dek{font-size:1.2rem;color:#d7e0e6;max-width:700px}.article-hero img{border-radius:26px;max-height:620px;width:100%;object-fit:cover}.article{background:var(--paper);color:var(--text);padding:60px 0 90px}.article-grid{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:72px;justify-content:center}.prose{font-family:Georgia,serif;font-size:1.18rem;line-height:1.78}.prose h2,.prose h3{font-family:Georgia,serif;line-height:1.1}.prose h2{font-size:2.3rem;margin-top:1.6em}.prose h3{font-size:1.5rem}.prose p:first-of-type::first-letter{font-size:4.4rem;line-height:.78;float:left;margin:.09em .1em 0 0;color:#9c752b;font-weight:700}.pullquote{font-size:2.1rem;line-height:1.12;border-left:5px solid var(--gold);padding:10px 0 10px 28px;margin:42px 0;color:#15283a}.data-box{background:#0a1c2d;color:white;border-radius:22px;padding:28px;margin:34px 0}.data-box h3{color:var(--gold2);margin-top:0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric{background:rgba(255,255,255,.07);border-radius:14px;padding:18px}.metric b{display:block;color:var(--gold2);font-size:1.8rem}.sidebar{position:relative}.sticky{position:sticky;top:110px}.side-card{background:white;border:1px solid #ddd7cb;border-radius:18px;padding:22px;margin-bottom:18px}.side-card h4{font-family:Georgia,serif;font-size:1.35rem;margin:.1em 0 .5em}.side-card p{font-size:.92rem;color:#5f6970}.source-list{font-size:.84rem;color:#66727c}.source-list a{text-decoration:underline;text-decoration-color:#b08a40}
/* quiz */
.quiz{max-width:850px;margin:36px auto 0}.quiz-step{display:none;background:white;color:#102030;border-radius:22px;padding:32px;box-shadow:0 18px 60px rgba(0,0,0,.18)}.quiz-step.active{display:block}.quiz-step h3{font-family:Georgia,serif;font-size:2rem;line-height:1.1}.answers{display:grid;gap:12px}.answer{border:1px solid #d7d3ca;border-radius:14px;padding:16px;text-align:left;background:white;cursor:pointer}.answer:hover{border-color:#b78a36;background:#fcf8ef}.quiz-result{display:none}.quiz-result.active{display:block}
@media(max-width:900px){.nav{display:none}.hero-grid,.article-hero-grid,.footer-grid,.callout,.feature-grid{grid-template-columns:1fr}.cover-wrap{justify-self:center;max-width:370px}.cards{grid-template-columns:1fr 1fr}.archive-grid{grid-template-columns:1fr 1fr}.issue-meta{grid-template-columns:1fr 1fr}.article-grid{grid-template-columns:1fr}.sidebar{order:-1}.sticky{position:static}.page{max-width:92vw}.page.show.secondary{display:none}.reader-side{display:none}.reader-top .desktop-label{display:none}.metrics{grid-template-columns:1fr}}
@media(max-width:600px){.container{width:min(100% - 24px,var(--max))}.hero{padding-top:36px;min-height:auto}.hero h1{font-size:3.3rem}.cards,.archive-grid{grid-template-columns:1fr}.section{padding:58px 0}.issue-meta{grid-template-columns:1fr 1fr}.reader-shell{grid-template-rows:56px 1fr 66px}.reader-top{padding:0 10px}.reader-actions .hide-mobile{display:none}.reader-stage{padding:8px}.page{height:auto;width:92vw;max-width:92vw;max-height:calc(100vh - 145px)}.reader-nav input[type=range]{width:43vw}.article-hero{padding-top:45px}.article-hero h1{font-size:3.2rem}.prose{font-size:1.07rem}.pullquote{font-size:1.7rem}.feature{min-height:360px}}

/* integração com o ecossistema Grupo Soma — V4 */
.back-site{
  display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;
  font-size:.72rem;font-weight:850;letter-spacing:.11em;color:var(--gold2);
  border:1px solid rgba(217,173,91,.34);border-radius:999px;padding:8px 12px;
  margin-left:auto;line-height:1
}
.back-site:hover{color:#fff;border-color:rgba(217,173,91,.72)}
.mobile-cover-wrap{display:none!important;position:relative}
.reader-site-link{
  display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 13px;
  border-radius:999px;border:1px solid rgba(217,173,91,.42);color:var(--gold2);
  font-size:.72rem;font-weight:850;letter-spacing:.07em;white-space:nowrap
}
.reader-site-link:hover{border-color:var(--gold);color:white}

/* Desktop permanece exatamente no layout aprovado. */
@media(min-width:901px){
  .cover-wrap{display:block!important}
  .mobile-cover-wrap{display:none!important}
}

/* No mobile, a capa sobe logo após o título; a capa desktop fica invisível. */
@media(max-width:900px){
  .header-inner{min-height:68px;gap:10px}
  .brand{gap:9px;min-width:0}
  .brand strong{font-size:1.65rem}
  .brand span{font-size:.58rem;letter-spacing:.11em}
  .back-site{font-size:.66rem;padding:8px 10px;margin-left:auto}
  .hero-grid{display:block}
  .cover-wrap{display:none!important}
  .mobile-cover-wrap{display:block!important;max-width:350px;margin:24px auto 28px}
  .mobile-cover{position:relative;width:100%;border-radius:22px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.12)}
  .mobile-cover-wrap:before{content:"";position:absolute;inset:7% -6% -5% 7%;background:rgba(217,173,91,.16);filter:blur(26px);border-radius:32px}
  .mobile-cover-wrap .edition-chip{right:-6px;top:20px;z-index:3}
  .hero .lead{font-size:1.08rem;margin-top:0}
  .hero-actions{margin-top:22px}
  .reader-site-link{font-size:.66rem;padding:0 10px}
}

@media(max-width:600px){
  .site-header .container{width:calc(100% - 18px)}
  .header-inner{min-height:62px}
  .brand strong{font-size:1.45rem}
  .brand span{display:none}
  .back-site{font-size:.62rem;padding:8px 9px;letter-spacing:.08em}
  .hero{padding:24px 0 54px}
  .hero .eyebrow{margin-top:4px}
  .hero h1{font-size:3.15rem;margin:.15em 0 .08em}
  .mobile-cover-wrap{max-width:315px;margin:18px auto 24px}
  .mobile-cover-wrap .edition-chip{font-size:.65rem;padding:8px 11px}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .hero-actions .btn:first-child{grid-column:1/-1}
  .btn{padding:12px 14px;font-size:.9rem}
  .issue-meta{margin-top:30px}
  .issue-meta>div{padding:17px}
  .reader-site-link{font-size:.6rem;padding:0 8px;letter-spacing:.05em}
}