/*
Theme Name: Maranhão em Fatos
Theme URI: https://maranhaoemfatos.com.br
Author: Maranhão em Fatos
Description: Tema jornalístico leve e responsivo para portal de notícias do Maranhão. Destaques, categorias, sidebar, imagem destacada e página de matéria otimizada para celular.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
Text Domain: maranhao-em-fatos
*/

:root{
  --mef-navy:#071d3b;
  --mef-red:#e5242a;
  --mef-white:#ffffff;
  --mef-bg:#f5f7fa;
  --mef-text:#172033;
  --mef-muted:#6f7785;
  --mef-border:#e4e8ee;
  --mef-max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--mef-bg);color:var(--mef-text);line-height:1.55}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.container{width:min(var(--mef-max),calc(100% - 32px));margin:auto}
.site-header{background:#fff;border-bottom:1px solid var(--mef-border);position:sticky;top:0;z-index:50}
.topbar{background:var(--mef-navy);color:#fff;font-size:13px;padding:7px 0}
.header-main{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0}
.custom-logo-link img{max-height:76px;width:auto}
.site-title{font-weight:800;font-size:30px;color:var(--mef-navy)}
.site-description{margin:3px 0 0;color:var(--mef-muted);font-size:14px}
.menu-toggle{display:none;background:var(--mef-navy);color:#fff;border:0;padding:10px 14px;border-radius:6px;font-weight:700}
.primary-nav{background:var(--mef-navy)}
.primary-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.primary-nav a{display:block;color:#fff;padding:13px 15px;font-weight:700;font-size:14px}
.primary-nav a:hover,.primary-nav .current-menu-item>a{background:var(--mef-red)}
.hero{padding:26px 0 8px}
.hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}
.hero-main,.hero-side-card,.news-card{position:relative;background:#111;overflow:hidden;border-radius:10px}
.hero-main{min-height:500px}
.hero-main img,.hero-side-card img,.news-card img{width:100%;height:100%;object-fit:cover}
.hero-main .overlay,.hero-side-card .overlay,.news-card .overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.86),rgba(0,0,0,.05) 62%)}
.hero-content{position:absolute;left:28px;right:28px;bottom:26px;color:#fff;z-index:2}
.hero-content h1{font-size:clamp(30px,4.2vw,58px);line-height:1.02;margin:10px 0 0;max-width:900px}
.category-pill{display:inline-block;background:var(--mef-red);color:#fff;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}
.hero-side{display:grid;grid-template-rows:1fr 1fr;gap:18px}
.hero-side-card{min-height:241px}
.hero-side-card .hero-content{left:18px;right:18px;bottom:18px}
.hero-side-card h2{font-size:22px;line-height:1.1;margin:8px 0 0}
.section{padding:28px 0}
.section-title{display:flex;align-items:center;gap:12px;margin:0 0 18px;font-size:26px;color:var(--mef-navy)}
.section-title:before{content:"";width:6px;height:28px;background:var(--mef-red);border-radius:2px}
.content-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(280px,.8fr);gap:28px}
.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.card{background:#fff;border:1px solid var(--mef-border);border-radius:9px;overflow:hidden}
.card-thumb{aspect-ratio:16/9;background:#dfe4ea}
.card-thumb img{width:100%;height:100%;object-fit:cover}
.card-body{padding:16px}
.card h3{font-size:21px;line-height:1.18;margin:8px 0}
.meta{font-size:12px;color:var(--mef-muted)}
.excerpt{color:#485064;font-size:14px;margin:8px 0 0}
.sidebar-widget{background:#fff;border:1px solid var(--mef-border);border-radius:9px;padding:18px;margin-bottom:20px}
.sidebar-widget h3{margin:0 0 14px;color:var(--mef-navy)}
.sidebar-widget ul{list-style:none;padding:0;margin:0}
.sidebar-widget li{padding:9px 0;border-bottom:1px solid var(--mef-border)}
.single-hero{position:relative;background:#111;color:#fff;min-height:62vh;display:flex;align-items:flex-end;overflow:hidden}
.single-hero-bg{position:absolute;inset:0}
.single-hero-bg img{width:100%;height:100%;object-fit:cover}
.single-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.08) 68%)}
.single-hero .container{position:relative;z-index:2;padding-bottom:34px}
.single-hero h1{font-size:clamp(36px,5.3vw,70px);line-height:1.01;margin:12px 0 12px;max-width:1050px}
.single-meta{color:#d6dae2;font-size:14px}
.article-wrap{padding:34px 0}
.article-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(280px,.8fr);gap:34px}
.article-content{background:#fff;border:1px solid var(--mef-border);border-radius:9px;padding:clamp(22px,4vw,44px);font-family:Georgia,'Times New Roman',serif;font-size:19px;line-height:1.72}
.article-content p{margin:0 0 1.2em}
.article-content h2,.article-content h3{font-family:Arial,Helvetica,sans-serif;color:var(--mef-navy);line-height:1.2}
.article-content blockquote{border-left:5px solid var(--mef-red);margin:1.5em 0;padding:.5em 1.2em;color:#3f4756;background:#f8f9fb}
.archive-header{padding:36px 0 14px}
.archive-header h1{margin:0;color:var(--mef-navy)}
.pagination{display:flex;gap:8px;margin-top:28px;flex-wrap:wrap}
.pagination .page-numbers{background:#fff;border:1px solid var(--mef-border);padding:8px 12px;border-radius:6px}
.pagination .current{background:var(--mef-navy);color:#fff}
.site-footer{background:#05152c;color:#cfd6e4;margin-top:36px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:26px;padding:42px 0}
.site-footer h3{color:#fff}
.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer li{padding:5px 0}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:16px 0;font-size:13px;color:#9ba6ba}
.search-form{display:flex;gap:8px}
.search-field{width:100%;padding:10px;border:1px solid var(--mef-border);border-radius:5px}
.search-submit{background:var(--mef-red);border:0;color:#fff;padding:10px 14px;border-radius:5px;font-weight:700}
@media(max-width:900px){
  .header-main{padding:12px 0}.custom-logo-link img{max-height:58px}
  .menu-toggle{display:block}.primary-nav{display:none}.primary-nav.open{display:block}
  .primary-nav ul{display:block}.primary-nav a{border-bottom:1px solid rgba(255,255,255,.08)}
  .hero-grid,.content-grid,.article-grid,.footer-grid{grid-template-columns:1fr}
  .hero-main{min-height:430px}.hero-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.hero-side-card{min-height:220px}
}
@media(max-width:640px){
  .container{width:min(100% - 22px,var(--mef-max))}
  .topbar{font-size:11px}.site-description{display:none}.site-title{font-size:22px}
  .hero{padding-top:14px}.hero-main{min-height:520px;border-radius:0;margin-left:-11px;margin-right:-11px}
  .hero-content{left:18px;right:18px;bottom:22px}.hero-content h1{font-size:38px}
  .hero-side{grid-template-columns:1fr}.hero-side-card{min-height:250px}
  .news-grid{grid-template-columns:1fr}.card h3{font-size:20px}
  .single-hero{min-height:72vh}.single-hero .container{padding-bottom:28px}.single-hero h1{font-size:42px}
  .article-content{border-left:0;border-right:0;border-radius:0;margin-left:-11px;margin-right:-11px;font-size:18px}
}