:root{
  --ink-navy:#0A1D2E;
  --deep-sea:#123049;
  --fog:#E9EBE3;
  --paper:#F7F7F1;
  --brass:#B98A3D;
  --brass-light:#D4A857;
  --verdigris:#3F6E64;
  --signal:#B5432D;
  --ink-text:#17232C;
  --ink-soft:#54626B;
  --line:rgba(10,29,46,0.15);
  --line-paper:rgba(247,247,241,0.20);
  --serif-display:'Fraunces', serif;
  --serif-body:'Source Serif 4', serif;
  --mono:'JetBrains Mono', monospace;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--fog);color:var(--ink-text);font-family:var(--serif-body);-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;margin:0;padding:0;}
h1,h2,h3{margin:0;font-family:var(--serif-display);}
.wrap{max-width:1180px;margin:0 auto;padding:0 2rem;}
a:focus-visible,button:focus-visible{outline:2px solid var(--brass);outline-offset:3px;}

.utility-bar{background:var(--ink-navy);color:var(--paper);}
.utility-bar .wrap{display:flex;justify-content:space-between;align-items:center;padding:.55rem 2rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:#C7CFD4;flex-wrap:wrap;gap:.35rem 1.2rem;}
.utility-bar span{white-space:nowrap;}
.utility-bar .coord{color:var(--brass-light);}

header.masthead{background:var(--ink-navy);color:var(--paper);text-align:center;padding:2.6rem 2rem 1.8rem;border-bottom:1px solid var(--line-paper);}
.wordmark{font-size:clamp(2.4rem,6vw,4.2rem);font-weight:600;letter-spacing:-.01em;line-height:1;}
.wordmark .news{color:var(--brass-light);font-style:italic;font-weight:500;}
.tagline{margin-top:.85rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:#98A6AE;}

nav.primary{background:var(--ink-navy);border-bottom:1px solid var(--line-paper);}
nav.primary .wrap{display:flex;align-items:center;justify-content:center;position:relative;padding:0 2rem;}
.nav-links{display:flex;gap:1.9rem;padding:1rem 0;flex-wrap:wrap;justify-content:center;}
.nav-links a{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#D6DCDF;padding-bottom:.3rem;border-bottom:1px solid transparent;transition:color .2s ease, border-color .2s ease;}
.nav-links a:hover{color:var(--brass-light);border-color:var(--brass-light);}
.nav-publish{position:absolute;right:2rem;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:#8FA0A9;border:1px solid rgba(255,255,255,.18);padding:.4rem .7rem;border-radius:2px;transition:border-color .2s ease, color .2s ease;}
.nav-publish:hover{border-color:var(--brass-light);color:var(--brass-light);}

/* patrocinadores */
.sponsor-strip{background:var(--paper);border-bottom:1px solid var(--line);}
.sponsor-strip-inner{display:flex;align-items:center;gap:1.6rem;padding:.85rem 2rem;flex-wrap:wrap;}
.sponsor-label{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);}
.sponsor-item{display:flex;align-items:center;gap:.5rem;padding:.3rem .6rem;border:1px solid var(--line);transition:border-color .2s ease;}
.sponsor-item:hover{border-color:var(--brass);}
.sponsor-logo{height:28px;width:auto;}
.sponsor-qr{height:28px;width:28px;}

.hero{padding:3.4rem 0 3rem;}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:3.2rem;align-items:center;}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brass);margin-bottom:1rem;}
.eyebrow .dot{width:6px;height:6px;background:var(--brass);display:inline-block;}
.hero h2{font-size:clamp(2rem,3.6vw,3.15rem);font-weight:600;line-height:1.08;letter-spacing:-.01em;color:var(--ink-navy);}
.hero .dek{margin-top:1.15rem;font-size:1.08rem;line-height:1.65;font-style:italic;color:var(--ink-soft);max-width:46ch;}
.hero .cta{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.6rem;font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-navy);padding-bottom:.25rem;border-bottom:1px solid var(--ink-navy);transition:color .2s ease, border-color .2s ease, gap .2s ease;}
.hero .cta:hover{color:var(--brass);border-color:var(--brass);gap:.75rem;}

.chart-frame{position:relative;padding:14px;}
.chart-frame::before,.chart-frame::after,.chart-frame .tick-a,.chart-frame .tick-b{content:"";position:absolute;width:22px;height:22px;border-color:var(--brass);}
.chart-frame::before{top:0;left:0;border-top:1px solid;border-left:1px solid;}
.chart-frame::after{bottom:0;right:0;border-bottom:1px solid;border-right:1px solid;}
.chart-frame .tick-a{top:0;right:0;border-top:1px solid;border-right:1px solid;}
.chart-frame .tick-b{bottom:0;left:0;border-bottom:1px solid;border-left:1px solid;}
.chart-frame img{width:100%;height:340px;object-fit:cover;}
.chart-caption{margin-top:.7rem;font-family:var(--mono);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);}

.section{padding:3.4rem 0;}
.section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.8rem;border-bottom:2px solid var(--ink-navy);padding-bottom:.9rem;}
.section-head h3{font-size:1.55rem;font-weight:600;color:var(--ink-navy);}

.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.2rem;}
.card{background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column;}
.card-img{overflow:hidden;height:190px;}
.card-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(85%) contrast(1.02);transition:filter .5s ease, transform .5s ease;}
.card:hover .card-img img{filter:grayscale(0%);transform:scale(1.03);}
.card-body{padding:1.3rem 1.4rem 1.5rem;display:flex;flex-direction:column;gap:.6rem;flex:1;}
.card-cat{font-family:var(--mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--brass);}
.card h4{font-size:1.18rem;font-weight:600;line-height:1.32;color:var(--ink-navy);}
.card p{font-size:.92rem;line-height:1.55;color:var(--ink-soft);margin:0;flex:1;}
.card-photo-credit{font-family:var(--mono);font-size:.6rem;color:var(--ink-soft);opacity:.75;}
.card-date{font-family:var(--mono);font-size:.66rem;color:var(--ink-soft);border-top:1px solid var(--line);padding-top:.7rem;margin-top:.3rem;display:block;}
.card-date:hover{color:var(--brass);}

.ledger{border:1px dashed var(--line);padding:3rem 2rem;text-align:center;}
.ledger p{font-style:italic;color:var(--ink-soft);font-size:1.02rem;max-width:46ch;margin:0 auto 1.4rem;line-height:1.6;}
.ledger .cta-btn{display:inline-block;font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-navy);border:1px solid var(--ink-navy);padding:.75rem 1.5rem;transition:background .2s ease, color .2s ease;}
.ledger .cta-btn:hover{background:var(--ink-navy);color:var(--paper);}

footer{background:var(--ink-navy);color:#C7CFD4;margin-top:1rem;}
.footer-main{padding:3.4rem 0 2.4rem;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:2.5rem;}
.footer-main h5{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brass-light);margin-bottom:1rem;}
.foot-word{font-family:var(--serif-display);font-size:1.5rem;font-weight:600;color:var(--paper);margin-bottom:.9rem;}
.footer-main p{font-size:.88rem;line-height:1.6;color:#9FADB4;max-width:34ch;}
.footer-main ul li{margin-bottom:.55rem;}
.footer-main ul a{font-size:.88rem;color:#C7CFD4;transition:color .2s ease;}
.footer-main ul a:hover{color:var(--brass-light);}
.footer-bottom{border-top:1px solid var(--line-paper);padding:1.2rem 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;color:#7C8B93;}

@media (max-width:900px){
  .hero .wrap{grid-template-columns:1fr;gap:2rem;}
  .card-grid{grid-template-columns:repeat(2,1fr);}
  .footer-main{grid-template-columns:1fr 1fr;}
}
@media (max-width:600px){
  .wrap{padding:0 1.3rem;}
  .card-grid{grid-template-columns:1fr;}
  .footer-main{grid-template-columns:1fr;}
  .utility-bar .coord,.utility-bar .edition{display:none;}
  .nav-publish{position:static;transform:none;margin-left:1rem;}
  nav.primary .wrap{flex-direction:column;padding-bottom:.8rem;}
}
@media (prefers-reduced-motion:reduce){*{transition:none !important;}}

/* --- lista estilo "log" (usada em Navegantes, Santa Catarina, temas) --- */
.log-list li{display:grid;grid-template-columns:96px 1fr;gap:1.4rem;align-items:start;padding:1.3rem 1rem;border-bottom:1px solid var(--line);}
.log-list li:hover{background:var(--paper);}
.log-thumb{width:96px;height:72px;object-fit:cover;border:1px solid var(--line);}
.log-cat{font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--brass);padding-top:.2rem;display:block;margin-bottom:.35rem;}
.log-title{font-family:var(--serif-display);font-size:1.15rem;font-weight:600;color:var(--ink-navy);line-height:1.35;margin-bottom:.5rem;}
.log-text{font-size:.95rem;line-height:1.6;color:var(--ink-soft);margin:0 0 .5rem;}
.log-photo-credit{font-family:var(--mono);font-size:.62rem;color:var(--ink-soft);opacity:.75;display:block;margin-bottom:.4rem;}
.log-source{font-family:var(--mono);font-size:.68rem;color:var(--ink-soft);}
.log-source a{border-bottom:1px solid var(--line);}
.log-source a:hover{color:var(--brass);border-color:var(--brass);}
.secao-vazia{font-style:italic;color:var(--ink-soft);font-size:.95rem;}

/* --- bloco de cada tema em "Brasil e Mundo" --- */
.tema-bloco{margin-bottom:2.6rem;}
.tema-bloco:last-child{margin-bottom:0;}
.tema-titulo{font-size:1.2rem;font-weight:600;color:var(--ink-navy);margin-bottom:.6rem;padding-bottom:.4rem;border-bottom:1px solid var(--line);}

@media (max-width:900px){
  .log-list li{grid-template-columns:1fr;}
  .log-thumb{width:100%;height:160px;}
}