/*
Theme Name: Ciência do Consumo
Theme URI: https://cienciadoconsumo.com
Author: Ciência do Consumo
Description: Tema editorial com barra de dados financeiros, previsão do tempo e grade de matérias, inspirado em portais como UOL e Globo. Espaços de anúncio já preparados para o Google AdSense.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: cienciadoconsumo
*/

:root{
  --ink: #14181A;
  --paper: #F7F6F2;
  --card: #FFFFFF;
  --amber: #E29B2E;
  --amber-deep: #B87615;
  --amber-tint: #FBEBD2;
  --teal: #1F6F6B;
  --teal-deep: #14504D;
  --line: #DCD8CC;
  --muted: #6B6459;
  --up: #1E7A4C;
  --down: #B5432A;
  --maxw: 1180px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:'Inter', -apple-system, sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 20px;}
h1,h2,h3,h4{font-family:'Plus Jakarta Sans', sans-serif; margin:0; line-height:1.15; letter-spacing:-0.01em;}

/* ---------- BARRA DE DADOS (topo) ---------- */
.utility-bar{background:var(--ink); color:#EDEAE2; font-family:'JetBrains Mono', monospace; font-size:12.5px; overflow:hidden; border-bottom:1px solid #000;}
.utility-inner{max-width:var(--maxw); margin:0 auto; padding:7px 20px; display:flex; align-items:center; gap:22px; flex-wrap:wrap;}
.ticker-group{display:flex; align-items:center; gap:22px; flex-wrap:wrap;}
.ticker-item{display:flex; align-items:baseline; gap:6px; white-space:nowrap;}
.ticker-label{color:#9A948A; letter-spacing:.04em;}
.ticker-value{font-weight:600; color:#fff;}
.ticker-change{font-weight:500;}
.ticker-change.up{color:#5CD48A;}
.ticker-change.down{color:#F0806A;}
.weather-item{margin-left:auto; display:flex; align-items:center; gap:8px; padding-left:18px; border-left:1px solid #333; white-space:nowrap;}
.updated-at{color:#7A756B; font-size:11px; white-space:nowrap;}
@media (max-width:760px){
  .weather-item{margin-left:0; padding-left:0; border-left:none;}
  .utility-inner{gap:12px;}
  .ticker-group{gap:14px;}
}

/* ---------- NAV PRINCIPAL ---------- */
.main-nav{background:var(--paper); border-bottom:3px solid var(--ink);}
.nav-inner{max-width:var(--maxw); margin:0 auto; padding:16px 20px 14px; display:flex; align-items:center; justify-content:space-between; gap:20px;}
.logo{font-family:'Fraunces', serif; font-weight:900; font-size:30px; letter-spacing:-0.01em;}
.logo .dot{color:var(--amber);}
.logo small{display:block; font-family:'JetBrains Mono', monospace; font-weight:500; font-size:10.5px; letter-spacing:.14em; color:var(--muted); text-transform:uppercase; margin-top:2px;}
.nav-links{display:flex; gap:26px; font-size:14px; font-weight:600; letter-spacing:.01em; list-style:none; margin:0; padding:0;}
.nav-links a{padding:4px 0; border-bottom:2px solid transparent;}
.nav-links a:hover{border-bottom-color:var(--amber);}
.nav-toggle{display:none; background:none; border:1px solid var(--ink); padding:8px 10px; font-size:16px; cursor:pointer;}
@media (max-width:820px){
  .nav-links{display:none; position:absolute; left:0; right:0; background:var(--card); flex-direction:column; gap:0; border-bottom:1px solid var(--line); padding:6px 20px 14px; z-index:20;}
  .nav-links.open{display:flex;}
  .nav-links a{padding:10px 0; border-bottom:1px solid var(--line);}
  .nav-toggle{display:block;}
  .main-nav{position:relative;}
}

/* ---------- DIVISOR "CÓDIGO DE BARRAS" ---------- */
.barcode-divider{
  height:14px;
  background-image: repeating-linear-gradient(90deg, var(--ink) 0px, var(--ink) 2px, transparent 2px, transparent 5px, var(--ink) 5px, var(--ink) 6px, transparent 6px, transparent 11px, var(--ink) 11px, var(--ink) 14px, transparent 14px, transparent 17px);
  opacity:0.9;
}
.barcode-divider.thin{height:7px; opacity:.55;}

/* ---------- ANÚNCIOS ---------- */
.ad-slot{background:repeating-linear-gradient(135deg, #EFEBE0, #EFEBE0 10px, #E7E2D4 10px, #E7E2D4 20px); border:1px dashed #B7AE97; color:#8A8371; font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:.08em; text-transform:uppercase; display:flex; align-items:center; justify-content:center; text-align:center; margin:0 auto;}
.ad-leaderboard{width:100%; max-width:728px; height:90px; margin:22px auto;}
.ad-rectangle{width:100%; max-width:300px; height:250px;}
.ad-native{width:100%; height:110px; margin:28px 0;}

main{max-width:var(--maxw); margin:0 auto; padding:0 20px;}

/* ---------- IMAGENS (destaque, cards) — funciona com ou sem foto ---------- */
.hero-image, .article-thumb, .secondary-thumb{position:relative; overflow:hidden; background:linear-gradient(135deg, var(--teal) 0%, var(--teal-deep) 100%);}
.hero-image img, .article-thumb img, .secondary-thumb img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease;}
a:hover .hero-image img, a:hover .article-thumb img, a:hover .secondary-thumb img{transform:scale(1.045);}
.thumb-c1{background:linear-gradient(150deg, #1F6F6B 0%, #123F3D 100%);}
.thumb-c2{background:linear-gradient(150deg, #E29B2E 0%, #A5670F 100%);}
.thumb-c3{background:linear-gradient(150deg, #8A5A44 0%, #4E3125 100%);}

/* ---------- HERO / DESTAQUES ---------- */
.hero-section{display:grid; grid-template-columns:1.6fr 1fr; gap:28px; padding:28px 0 10px;}
.hero-card{position:relative; display:block;}
.hero-image{width:100%; height:320px;}
.kicker{display:inline-block; font-family:'JetBrains Mono', monospace; font-size:11px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--amber-deep); background:var(--amber-tint); padding:3px 8px; margin-bottom:10px;}
.hero-card h1{font-size:38px; margin:8px 0 12px; font-weight:700;}
.hero-card p.dek{color:var(--muted); font-size:16px; line-height:1.55; margin-bottom:10px;}
.byline{font-family:'JetBrains Mono', monospace; font-size:11.5px; color:var(--muted);}

.secondary-list{display:flex; flex-direction:column; gap:0;}
.secondary-item{display:flex; gap:14px; padding:16px 0; border-bottom:1px solid var(--line);}
.secondary-item:first-child{padding-top:0;}
.secondary-thumb{width:96px; height:72px; flex:none;}
.secondary-item h3{font-size:16.5px; font-weight:600; margin-bottom:4px;}
.secondary-item .kicker{font-size:10px; padding:2px 6px; margin-bottom:6px;}

@media (max-width:900px){
  .hero-section{grid-template-columns:1fr;}
  .hero-card h1{font-size:29px;}
}

/* ---------- GRID PRINCIPAL: MATÉRIAS + SIDEBAR ---------- */
.content-grid{display:grid; grid-template-columns:2fr 1fr; gap:36px; padding:24px 0 40px; align-items:start;}
.section-title{display:flex; align-items:baseline; gap:10px; margin-bottom:18px; padding-bottom:10px; border-bottom:3px solid var(--ink);}
.section-title h2{font-size:22px; font-weight:700;}
.section-title span{font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--muted); text-transform:uppercase; letter-spacing:.08em;}

.article-grid{display:grid; grid-template-columns:1fr 1fr; gap:26px 24px;}
.article-card{border-bottom:1px solid var(--line); padding-bottom:20px;}
.article-thumb{width:100%; height:150px; margin-bottom:12px;}
.article-card h3{font-size:18px; font-weight:600; margin-bottom:6px;}
.article-card p{color:var(--muted); font-size:14px; line-height:1.5; margin:0 0 8px;}
.meta-row{display:flex; gap:10px; align-items:center; font-family:'JetBrains Mono', monospace; font-size:10.5px; color:var(--muted);}
.full-span{grid-column:1 / -1;}
.empty-note{font-family:'JetBrains Mono', monospace; font-size:12.5px; color:var(--muted); padding:20px 0;}

@media (max-width:640px){ .article-grid{grid-template-columns:1fr;} }
@media (max-width:900px){ .content-grid{grid-template-columns:1fr;} }

/* ---------- SIDEBAR ---------- */
.sidebar{display:flex; flex-direction:column; gap:26px;}
.sidebar-block{border-top:3px solid var(--ink); padding-top:14px;}
.sidebar-block h4{font-family:'JetBrains Mono', monospace; font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; margin-bottom:12px; color:var(--muted);}
.ranked-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px;}
.ranked-list li{display:flex; gap:10px; align-items:baseline; font-size:14.5px; line-height:1.35;}
.ranked-list .num{font-family:'Plus Jakarta Sans', sans-serif; font-weight:800; font-size:19px; color:var(--amber); width:24px; flex:none;}
.newsletter-box{background:var(--ink); color:#F1EEE6; padding:20px;}
.newsletter-box h4{color:#F1EEE6; opacity:.7;}
.newsletter-box p{font-size:13.5px; line-height:1.5; margin:0 0 14px; color:#CFCABF;}
.newsletter-box form{display:flex; gap:0;}
.newsletter-box input{flex:1; border:1px solid #444; background:#1E2426; color:#fff; padding:10px 12px; font-size:13px; font-family:'Inter';}
.newsletter-box button{border:1px solid var(--amber); background:var(--amber); color:var(--ink); padding:10px 16px; font-weight:700; font-size:13px; cursor:pointer;}

/* ---------- BREADCRUMB ---------- */
.breadcrumb{font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--muted); letter-spacing:.03em; padding:20px 0 0; display:flex; gap:8px; flex-wrap:wrap;}
.breadcrumb a:hover{color:var(--ink);}
.breadcrumb span{color:#C7C2B4;}

/* ---------- LAYOUT DO ARTIGO ---------- */
.article-layout{display:grid; grid-template-columns:2fr 1fr; gap:36px; padding:14px 0 40px; align-items:start;}
@media (max-width:900px){ .article-layout{grid-template-columns:1fr;} }

.article-header{padding:16px 0 20px;}
.article-header h1{font-size:36px; margin-bottom:16px;}
.lead-dek{font-size:18px; line-height:1.6; color:#3A372F; margin:0 0 6px;}
.article-header .byline{display:block; margin-top:14px;}

.article-hero-image{width:100%; height:360px; margin:26px 0 8px;}

/* ---------- CORPO DO TEXTO (estiliza o conteúdo do editor do WP) ---------- */
.article-body{font-size:16.5px; line-height:1.78; color:#2A2A26;}
.article-body p{margin:0 0 20px;}
.article-body h2{font-size:23px; font-weight:700; margin:38px 0 16px; padding-left:14px; border-left:4px solid var(--amber);}
.article-body h3{font-size:19px; font-weight:700; margin:28px 0 12px;}
.article-body ul, .article-body ol{margin:0 0 20px; padding-left:0; list-style:none; display:flex; flex-direction:column; gap:12px;}
.article-body ul li, .article-body ol li{position:relative; padding-left:22px;}
.article-body ul li::before{content:"▪"; color:var(--amber-deep); position:absolute; left:0; top:1px; font-size:14px;}
.article-body ol{counter-reset:cdc-count;}
.article-body ol li::before{counter-increment:cdc-count; content:counter(cdc-count) "."; color:var(--amber-deep); font-weight:700; position:absolute; left:0; top:0;}
.article-body blockquote{
  font-family:'Plus Jakarta Sans', sans-serif; font-weight:700; font-size:21px; line-height:1.4;
  color:var(--ink); background:var(--amber-tint); border-left:4px solid var(--amber);
  padding:18px 22px; margin:30px 0;
}
.article-body blockquote p{margin:0;}
.article-body img, .article-body figure{margin:26px 0;}
.article-body a{text-decoration:underline; text-decoration-color:var(--amber);}
.article-body figcaption{font-family:'JetBrains Mono', monospace; font-size:11.5px; color:var(--muted); margin-top:8px;}

.author-box{display:flex; gap:14px; align-items:center; margin-top:34px; padding:18px; background:#F1EEE6; border:1px solid var(--line);}
.author-avatar{width:44px; height:44px; flex:none; background:var(--amber); color:var(--ink); font-family:'Plus Jakarta Sans'; font-weight:800; font-size:15px; display:flex; align-items:center; justify-content:center;}
.author-box .name{font-weight:700; font-size:14px;}
.author-box .role{font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--muted); margin-top:2px;}

/* ---------- PÁGINAS SIMPLES (page.php) ---------- */
.simple-page{max-width:760px; margin:0 auto; padding:34px 0 60px;}
.simple-page h1{font-size:34px; margin-bottom:18px;}

/* ---------- PAGINAÇÃO ---------- */
.cdc-pagination{display:flex; gap:10px; justify-content:center; padding:20px 0 40px; font-family:'JetBrains Mono', monospace; font-size:12.5px;}
.cdc-pagination a, .cdc-pagination span{border:1px solid var(--line); padding:8px 14px;}
.cdc-pagination a:hover{border-color:var(--ink);}
.cdc-pagination .current{background:var(--ink); color:#fff;}

/* ---------- FOOTER ---------- */
footer.site-footer{background:var(--ink); color:#B8B2A5; margin-top:20px;}
.footer-inner{max-width:var(--maxw); margin:0 auto; padding:36px 20px 26px;}
.footer-cols{display:grid; grid-template-columns:1.4fr repeat(3, 1fr); gap:26px; margin-bottom:26px;}
.footer-cols h5{color:#EDEAE2; font-family:'JetBrains Mono', monospace; font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; margin-bottom:12px;}
.footer-cols ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; font-size:13.5px;}
.footer-cols a:hover{color:#fff;}
.footer-bottom{border-top:1px solid #2C3235; padding-top:16px; font-size:12px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; font-family:'JetBrains Mono', monospace;}
@media (max-width:700px){ .footer-cols{grid-template-columns:1fr 1fr;} }