/* Theta Lab — identidade laranja, cantos RETOS (sem arredondamento), Aleo */
@font-face{font-family:"Aleo";src:url("fonts/Aleo-Regular.ttf");font-weight:400}
@font-face{font-family:"Aleo";src:url("fonts/Aleo-Bold.ttf");font-weight:700}
@font-face{font-family:"Aleo";src:url("fonts/Aleo-Italic.ttf");font-style:italic}
@font-face{font-family:"Aleo Light";src:url("fonts/Aleo-Light.ttf")}

:root{
  --o:#E8722B; --odk:#B4531A; --olt:#F4A15C;
  --ink:#2B2B2B; --grey:#6E6E6E; --rule:#E7E0D8; --cream:#FBF7F2;
}
*{box-sizing:border-box; border-radius:0 !important}  /* nada arredondado */
body{font-family:"Aleo",Georgia,serif; color:var(--ink); background:#fff; margin:0}
.container-fluid{max-width:900px; margin:0 auto; padding:0 16px}

/* Masthead */
.masthead{border-top:5px solid var(--o); padding:26px 0 14px; margin-top:0}
.kicker{font-weight:700; color:var(--odk); letter-spacing:.07em; font-size:.78rem}
.masthead h1{font-size:2rem; margin:.3rem 0 .2rem}
.sub-master{font-family:"Aleo Light"; color:var(--grey); font-size:1rem}

/* Abas — retangulares, sem raio */
.nav-tabs{border-bottom:2px solid var(--rule); margin-top:8px}
.nav-tabs>li>a{color:var(--grey); font-weight:700; border:0; padding:12px 16px}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{
  color:var(--odk); background:var(--cream); border:0;
  border-bottom:3px solid var(--o)}
.nav-tabs>li>a:hover{background:var(--cream); border:0}

/* Conteúdo do tema */
.tema{padding:22px 0 8px}
.tema h2{color:var(--odk); font-size:1.5rem; margin:.2rem 0}
.tema .sub{color:var(--grey); margin:.1rem 0 1rem}
.analise{font-size:1.05rem; line-height:1.6; margin-bottom:18px}
.analise p{margin:0 0 .8em}

/* Cartões de gráfico — moldura reta com barra laranja à esquerda */
.card{border:1px solid var(--rule); border-left:4px solid var(--o);
  background:#fff; padding:10px; margin:14px 0}
.grafico{width:100%; height:auto; display:block}

/* Disclaimer */
.disclaimer{background:var(--cream); border:1px solid var(--rule);
  border-left:4px solid var(--olt); color:var(--grey);
  font-size:.86rem; padding:12px 14px; margin:18px 0 6px}

/* Rodapé */
.rodape{border-top:1px solid var(--rule); color:var(--grey);
  font-size:.82rem; padding:16px 0 40px; margin-top:20px}
.rodape .o{color:var(--o); font-weight:700}

/* Mobile */
@media (max-width:640px){
  .masthead h1{font-size:1.6rem}
  .nav-tabs>li>a{padding:10px 10px; font-size:.92rem}
}