/*
Theme Name: Paranaíba Agora
Author: Gilberto Martins
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css');
@import url('https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css');

:root {
    --primary: #136baf; 
    --carmo: #0056b3;
    --rio: #008080;
    --esportes: #f39c12;
    --agro: #8b4513;
    --gerais: #555;
    --economia: #28a745;
    --saude: #d63384;
}

*{box-sizing:border-box;margin:0;padding:0;}

body{
font-family:'Inter',sans-serif;
background:#f4f4f4;
color:#333;
line-height:1.6;
overflow-x:hidden; 
width: 100%;
}

/* HEADER - ALINHAMENTO CORRIGIDO */

.site-header {
    width: 100%;
    background: var(--primary);
    z-index: 99;
}

.header-container {
    max-width: 1200px;
    margin: auto;
    padding: 10px 20px; /* Ajuste para não apertar a logo */
    display: flex;
    align-items: center; /* Centraliza verticalmente botão e logo */
    justify-content: space-between;
    min-height: 80px;
}

/* LOGO - CENTRALIZAÇÃO SEM SAIR DA BARRA */
.site-branding, .logo {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.site-branding img, 
.logo img, 
.logo-img {
    max-height: 60px!important; /* Reduzi levemente para garantir que fique dentro da barra */
    width: auto!important;
    display: block;
    margin: 0 auto;
}

/* Espaçadores para equilibrar o Flexbox */
.header-container::before,
.header-container::after {
    content: "";
    flex: 1;
}

/* Ajuste para o botão do menu não quebrar o flex */
.menu-toggle-container, .menu-btn-wrapper {
    position: absolute; /* Deixa o botão no lugar sem empurrar a logo */
    left: 20px;
    display: flex;
    align-items: center;
}

/* GRID E CONTEÚDO (MANTIDO) */

.container{
max-width: 1260px;
margin: auto;
padding: 0 20px;
display: block;
overflow: hidden;
}

.single-body-aberto {
    max-width: 900px!important;
    margin: 30px auto!important;
    background: #fff;
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,.05);
}

/* MOBILE - AJUSTES DE RESPIRO */

@media(max-width: 768px) {
    .header-container {
        min-height: 70px;
        padding: 5px 15px;
    }

    .site-branding img, .logo img {
        max-height: 45px!important; /* Ajuste para não vazar no mobile */
    }

    .menu-toggle-container, .menu-btn-wrapper {
        left: 15px;
    }

    .single-body-aberto {
        padding: 15px!important; 
        border-radius: 0;
        margin: 0!important;
        width: 100%!important;
    }

    .ad-box, .pa-ad-container {
        margin: 15px 0!important;
        padding: 0!important;
        width: 100%!important;
    }

    .entry-content {
        padding: 0!important;
    }
}