/*
Theme Name: Central News MG
Theme URI: https://example.invalid/
Author: Central News MG
Description: Tema editorial para portal regional de notícias.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: central-news-mg
*/
:root{--navy:#102b49;--gold:#d9af5f;--ink:#1b2634;--muted:#64748b;--line:#e4e8ed}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.6;background:#fff}a{color:inherit;text-decoration:none}a:hover{color:#a77724}.container{max-width:1160px;margin:auto;padding:0 20px}.site-header{background:var(--navy);color:white}.topbar{border-bottom:1px solid #ffffff24;padding:8px 0;font-size:12px;color:#dbe4ed}.brandrow{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 0}.brand{font-size:clamp(25px,4vw,40px);font-weight:900;letter-spacing:-1.5px;line-height:1.1}.brand span{color:var(--gold)}.tagline{font-size:12px;letter-spacing:.08em;color:#d7e0e9;margin-top:5px}.main-nav{background:#092039}.main-nav .container{display:flex;gap:22px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;font-weight:700;font-size:13px}.main-nav a:hover{color:var(--gold)}.ad-space{margin:24px auto;padding:18px;border:1px dashed #b5c1ce;text-align:center;color:#7a8796;font-size:12px;letter-spacing:.08em}.section-head{display:flex;align-items:center;gap:12px;margin:28px 0 18px;font-size:22px;font-weight:800}.section-head:after{content:'';height:3px;flex:1;background:var(--gold)}.hero-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}.story-card{border-bottom:1px solid var(--line);padding-bottom:18px}.story-card img,.story-card .placeholder{width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9edf2;display:block}.placeholder{display:flex!important;align-items:center;justify-content:center;color:#8292a4;font-size:13px}.story-card h2{font-size:21px;line-height:1.24;margin:10px 0}.story-card.featured h2{font-size:32px}.story-card p{color:#586677;margin:8px 0}.eyebrow{color:#9b6c20;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;margin-top:12px}.meta{font-size:12px;color:#7a8796}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.site-footer{margin-top:45px;background:var(--navy);color:#e4ebf1;padding:35px 0;font-size:13px}.site-footer a{color:var(--gold)}.article{max-width:780px;margin:35px auto}.article h1{font-size:clamp(30px,5vw,46px);line-height:1.15;margin:12px 0}.article .subtitle{font-size:19px;color:#566578}.article .content{font-size:18px;line-height:1.85}.article .content img{max-width:100%;height:auto}.article figure{margin:25px 0}.article figure img{max-width:100%;height:auto}.article figcaption{font-size:12px;color:#697789}.pagination{margin:30px 0}.wp-block-image img{height:auto}.screen-reader-text{position:absolute;left:-9999px}@media(max-width:750px){.hero-grid,.news-grid{grid-template-columns:1fr}.story-card.featured h2{font-size:25px}.brandrow{padding:16px 0}.main-nav .container{gap:14px}.article{padding:0 20px}}

/* CENTRAL NEWS MG - AJUSTES DA PAGINA INICIAL */

/* Tres noticias por linha no computador */
@media (min-width: 1024px) {
    .hero-grid,
    .news-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
    }
}

/* Duas noticias por linha em tablets */
@media (min-width: 768px) and (max-width: 1023px) {
    .hero-grid,
    .news-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }
}

/* Uma noticia por linha no celular */
@media (max-width: 767px) {
    .hero-grid,
    .news-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }
}

/* Padronizar tamanho das imagens */
.hero-grid .story-card img,
.news-grid .story-card img {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    object-fit: cover;
    display: block;
}

/* Padronizar titulos */
.hero-grid .story-card h2,
.hero-grid .story-card.featured h2,
.news-grid .story-card h2 {
    font-size: 18px;
    line-height: 1.35;
    font-weight: 700;
    margin: 10px 0 8px;
}

/* Resumo abaixo do titulo */
.story-card .story-summary {
    display: block;
    color: #586677;
    font-size: 14px;
    line-height: 1.5;
    margin: 8px 0 12px;
}

/* Evitar que o conteudo ultrapasse as colunas */
.hero-grid .story-card,
.news-grid .story-card {
    min-width: 0;
    width: 100%;
}
