@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#0b1e33;--navy2:#102b46;--blue:#1e4968;--teal:#1d8b83;--gold:#e7b65c;--cream:#f5f4ef;--ink:#172b3b;--muted:#687783;--white:#fff;--line:#dfe5e7}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);line-height:1.65;background:#fff}h1,h2,h3,strong,.brand{font-family:'Manrope',sans-serif}h1,h2,h3,p{margin-top:0}a{color:inherit}.topbar{height:76px;background:#081a2c;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);position:sticky;top:0;z-index:20;box-shadow:0 5px 22px #06142130}.brand{text-decoration:none;display:flex;align-items:center;gap:11px;font-size:15px;font-weight:800;letter-spacing:1px}.brand small{display:block;color:var(--gold);font-size:9px;letter-spacing:2px}.brand-mark{width:38px;height:38px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:22px}.language-control{display:flex;align-items:center;gap:7px;color:#dce5ed;font-size:11px}.language-control select{background:#102b46;color:#fff;border:1px solid #547083;border-radius:4px;padding:7px 8px;font:inherit;cursor:pointer}.topbar nav{display:flex;gap:20px}.topbar nav a{text-decoration:none;font-size:12px;color:#dce5ed;transition:.2s}.topbar nav a:hover{color:var(--gold)}.menu-toggle{display:none;background:none;border:0;color:white;font-size:26px}.hero{min-height:590px;background:radial-gradient(circle at 78% 48%,#1c5369 0,#102d48 28%,#0b1e33 64%);color:white;padding:90px max(8vw,28px) 35px;position:relative;overflow:hidden;display:flex;align-items:center}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-content{max-width:610px;position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:700;color:var(--teal);margin-bottom:15px}.hero .eyebrow{color:var(--gold)}h1{font-size:clamp(42px,6vw,76px);line-height:1.08;letter-spacing:-3px;margin-bottom:22px}h1 span,h2 span{color:var(--gold)}.hero-lead{font-size:18px;color:#d3e0e8;max-width:530px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.btn{display:inline-flex;gap:18px;align-items:center;padding:13px 20px;text-decoration:none;font-weight:700;font-size:13px;border-radius:3px}.btn-gold{background:var(--gold);color:#14283b}.text-link{font-size:13px;text-decoration:none;color:#e7edf1}.hero-art{position:absolute;right:7%;top:50%;transform:translateY(-50%);width:390px;height:390px;display:grid;place-items:center;z-index:1}.globe{font-size:178px;filter:drop-shadow(0 15px 35px #0007);z-index:2}.orbit{position:absolute;border:1px solid #e7b65c66;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:360px;height:150px}.orbit-two{width:300px;height:360px;transform:rotate(42deg);border-color:#7fc4bf55}.orbit-label{position:absolute;font-size:9px;letter-spacing:2px;color:var(--gold);font-weight:700}.label-one{top:26px;right:12px}.label-two{bottom:40px;left:0}.label-three{right:-10px;bottom:100px}.hero-bottom{position:absolute;bottom:20px;left:8%;right:8%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#9db0bd;z-index:3}.section{padding:92px max(8vw,28px)}.section-heading{max-width:760px;margin-bottom:40px}.section-heading h2{font-size:clamp(32px,4vw,48px);letter-spacing:-1.8px;line-height:1.15;margin-bottom:14px}.section-heading h2 span{color:var(--teal)}.section-desc{color:var(--muted);max-width:650px}.intro-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:center}.intro-grid p{color:#52616c}.big-copy{font-size:23px;line-height:1.45;color:var(--ink)!important;font-weight:600}.fact-card{padding:32px;background:var(--navy);color:white;border-radius:8px;box-shadow:14px 14px 0 #e9bd68}.fact-icon{font-size:30px;color:var(--gold)}.fact-card strong{display:block;font-size:21px;line-height:1.3;margin:14px 0}.fact-card p{color:#c7d4dc}.source-note,.small-note{font-size:11px;color:#9caeb9}.section-dark{background:var(--navy);color:white}.section-dark .section-heading h2 span{color:var(--gold)}.section-dark .section-desc{color:#b6c4ce}.country-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.country-card{border:1px solid #ffffff24;background:#ffffff08;color:white;text-align:left;padding:18px;border-radius:5px;cursor:pointer;min-height:125px;transition:.2s}.country-card:hover,.country-card.active{background:#173b56;border-color:var(--gold);transform:translateY(-3px)}.country-flag{font-size:28px;display:block;margin-bottom:7px}.country-card strong{display:block;font-size:14px}.country-card small{color:#aebfca;font-size:11px}.country-detail{margin-top:20px;padding:22px 25px;border-left:3px solid var(--gold);background:#ffffff0d;color:#d5e0e7;min-height:90px}.country-detail strong{color:var(--gold)}.small-note{margin-top:22px}.south-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:65px;align-items:center}.south-visual{min-height:310px;border-radius:8px;background:linear-gradient(145deg,#dcebe7,#f2e8d1);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.south-visual:before,.south-visual:after{content:"";position:absolute;border:1px solid #1d8b8330;border-radius:50%;width:330px;height:330px}.south-visual:after{width:250px;height:250px}.south-globe{font-size:125px;z-index:1}.south-caption{text-align:center;letter-spacing:2px;font-weight:800;font-size:11px;z-index:1}.south-caption small{font-weight:500;letter-spacing:0;color:#5b6b70}.south-text p{color:#53636c}.callout{background:#eaf4f1;border-left:3px solid var(--teal);padding:19px 22px;margin-top:25px;color:#35524f}.section-soft{background:var(--cream)}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:26px}.stat{padding:24px;background:white;border:1px solid #e7e5dd;border-radius:5px;display:flex;flex-direction:column}.stat-number{font:800 36px Manrope;color:var(--teal)}.stat span:last-child{font-size:12px;color:#65727a}.chart-card{background:#fff;padding:28px;border:1px solid #e4e5e0;border-radius:6px}.chart-title{display:flex;justify-content:space-between;align-items:center}.chart-title .eyebrow{margin-bottom:4px}.chart-title h3{font-size:19px;margin-bottom:10px}.chart-tag{font-size:10px;letter-spacing:1px;color:var(--teal);border:1px solid #b7d8d2;padding:6px 10px}.chart-card canvas{width:100%;height:260px;display:block}.chart-footnote{font-size:10px;color:#7b878d;margin:12px 0 0}.themes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:25px}.themes-grid article{padding:22px 18px;background:white;border-radius:5px}.themes-grid article>span{font-size:27px}.themes-grid h3{font-size:15px;margin:12px 0 6px}.themes-grid p{font-size:12px;color:#68767d;margin:0}.politics-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:30px}.politics-main{padding:30px 0}.politics-main h3{font-size:25px}.politics-main p{color:#5b6a73;max-width:650px}.challenge-card{background:#f1f4f2;padding:30px;border-radius:6px}.challenge-icon{font-size:30px;color:var(--teal)}.challenge-card h3{font-size:20px}.challenge-card ul{padding-left:18px;color:#5c6b73;font-size:13px}.challenge-card li{padding:5px 0}.timeline-list{max-width:800px;margin-left:10px;border-left:1px solid #d4ad5d;padding:0 0 0 32px}.timeline-list article{position:relative;padding:0 0 28px 12px;display:grid;grid-template-columns:110px 1fr;gap:20px}.timeline-list article:before{content:"";position:absolute;left:-38px;top:7px;width:11px;height:11px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 5px #e7b65c20}.timeline-list time{font:800 19px Manrope;color:var(--gold)}.timeline-list h3{font-size:17px;margin-bottom:4px}.timeline-list p{font-size:13px;color:#b8c6cf;margin:0}.conclusion-box{max-width:900px;background:#f2f6f3;padding:34px;border-radius:6px;border-top:4px solid var(--teal)}.conclusion-box p{color:#53636b}.conclusion-box strong{display:block;color:#174d49;margin-top:20px}.quiz{margin-top:45px;padding:28px;border:1px solid var(--line);border-radius:6px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.quiz h3{font-size:22px;margin-bottom:5px}.quiz-options{display:grid;gap:9px}.quiz-options button{background:white;border:1px solid #d9e0e1;border-radius:4px;text-align:left;padding:12px 14px;font:500 12px 'DM Sans';cursor:pointer}.quiz-options button:hover{border-color:var(--teal)}.quiz-options button.correct{background:#e5f4ed;border-color:#4b9b76}.quiz-options button.wrong{background:#fff0ed;border-color:#d77a68}.quiz-feedback{grid-column:2;font-size:12px;font-weight:700;margin:0;color:var(--teal)}footer{background:#071827;color:#d7e1e7;padding:48px max(8vw,28px) 25px;text-align:center}.footer-brand{font:800 22px Manrope;letter-spacing:2px;color:white}.footer-brand span{color:var(--gold)}footer p{font-size:12px;color:#a9bac5}.footer-small{font-size:10px}.references{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin:25px 0}.references strong{width:100%;font-size:12px;color:var(--gold)}.references a{font-size:11px;color:#d8e5eb}.copyright{border-top:1px solid #ffffff20;padding-top:20px;font-size:10px}
@media(max-width:900px){.topbar nav{gap:10px}.topbar nav a{font-size:10px}.hero-art{right:-50px;opacity:.55}.hero-content{max-width:570px}.country-grid{grid-template-columns:repeat(3,1fr)}.themes-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.topbar{height:66px;gap:8px}.language-control{margin-left:auto}.language-control label{display:none}.language-control select{max-width:125px}.menu-toggle{display:block}.topbar nav{display:none;position:absolute;top:66px;left:0;right:0;background:#081a2c;padding:15px 25px 22px;flex-direction:column;gap:14px}.topbar nav.open{display:flex}.topbar nav a{font-size:13px}.hero{min-height:570px;padding-top:70px}.hero-art{width:260px;height:260px;right:-85px;top:65%;opacity:.28}.globe{font-size:120px}.orbit-one{width:250px;height:110px}.orbit-two{width:210px;height:260px}.hero-content{z-index:3}.hero-lead{font-size:16px}.hero-actions{gap:16px;flex-wrap:wrap}.section{padding:65px 24px}.intro-grid,.south-layout,.politics-grid,.quiz{grid-template-columns:1fr;gap:25px}.fact-card{margin-right:10px}.country-grid{grid-template-columns:repeat(2,1fr)}.stats-row{gap:8px}.stat{padding:15px 12px}.stat-number{font-size:27px}.stat span:last-child{font-size:10px}.themes-grid{grid-template-columns:1fr 1fr}.timeline-list article{grid-template-columns:85px 1fr;gap:10px}.timeline-list time{font-size:16px}.quiz-feedback{grid-column:1}.chart-card{padding:18px}.chart-title h3{font-size:16px}}
@media(max-width:390px){.country-grid,.themes-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:1fr}.hero h1{letter-spacing:-2px}}

/* Interatividade do gráfico e do quiz */
.chart-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 2px}
.chart-mode{border:1px solid #cbd8d7;background:#f7faf9;color:#31515a;padding:7px 13px;border-radius:20px;font-size:11px;font-weight:700;cursor:pointer}
.chart-mode.active,.chart-mode:hover{background:#102d48;color:#fff;border-color:#102d48}
.chart-help{font-size:10px;color:#75838a;margin-left:5px}
#bricsChart{cursor:crosshair;outline-offset:4px}
.chart-tooltip{font-size:12px;color:#31515a;background:#edf5f2;border-left:3px solid #1d8b83;padding:10px 13px;margin:0;min-height:38px}
.quiz{align-items:start}
.quiz-description{font-size:13px;color:#68767d}
.quiz-progress{margin-top:20px;font-size:11px;color:#68767d}
.quiz-progress-track{height:6px;background:#e8eeeb;border-radius:8px;overflow:hidden;margin-top:7px}
.quiz-progress-track span{display:block;height:100%;width:0;background:#1d8b83;transition:width .25s}
.quiz-question{font-weight:700;font-size:16px;color:#172d3d}
.quiz-options button:disabled{cursor:default;opacity:.92}
.quiz-feedback{grid-column:1/-1;line-height:1.5}
.quiz-next,.quiz-restart{border:0;background:#102d48;color:#fff;padding:11px 17px;border-radius:4px;font-weight:700;cursor:pointer;margin-top:12px}
.quiz-next:disabled{opacity:.4;cursor:not-allowed}
.quiz-result{margin-top:15px;padding:16px;background:#edf5f2;border-left:4px solid #1d8b83;color:#214d49;font-weight:700;border-radius:3px}
@media(max-width:680px){.chart-help{width:100%;margin-left:0}.quiz-feedback{grid-column:1}}

/* Ajustes de clique e escala do gráfico */
.chart-card canvas#bricsChart{height:280px;touch-action:pan-y;display:block;width:100%;}
.quiz-options button.quiz-answer{width:100%;min-height:46px;cursor:pointer;position:relative;z-index:1;pointer-events:auto;}
.quiz-options button.quiz-answer:focus-visible{outline:3px solid #1d8b83;outline-offset:2px;}