/* =========================================================
   REVISTA EMPREENDE — CSS ADICIONAL ORGANIZADO
   Ajustes gerais, homepage, posts e responsivo
========================================================= */


/* =========================================================
   1. BASE GERAL
========================================================= */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  overflow-x: hidden;
}

body {
  color: #000;
}

a {
  color: #06b6d4;
}

img,
video,
iframe {
  max-width: 100%;
  height: auto;
  display: block;
}

.mark,
ins {
  background: #fff !important;
}

body.newsmatic_main_body {
  --box-shadow-inset: none !important;
}
/* Fundo branco apenas no conteúdo principal, sem afetar o rodapé */

body,
.site,
#page,
.site-content,
#theme-content,
.home #theme-content,
.single-post #theme-content,
.archive #theme-content,
.page #theme-content,
main,
.content-area,
.primary-content {
    background: #fff !important;
}

/* Preservar fundo original do rodapé */

footer,
.site-footer,
#colophon,
.footer,
.footer-widgets,
.footer-widget-area {
    background: initial !important;
}

/* =========================================================
   2. FUNDOS E SEÇÕES
========================================================= */

.lefts-rightc-section,
.leftc-rights-section,
.ticker-news-wrap.layout--two .newsmatic-ticker-box,
#full-width-section,
#bottom-full-width-section,
.trailing-post .filter-item.no-feat-img .post-thumb-wrap,
.post-layout--one #theme-content figure.no-feat-img,
.featured-post .filter-item.no-feat-img .post-thumb-wrap {
  background: #fff !important;
}

#theme-content .primary-content,
#theme-content .widget {
  position: initial !important;
}


/* =========================================================
   3. HOMEPAGE — LIMPEZA E ELEGÂNCIA
========================================================= */

/* Remove autor apenas na homepage */
.home span.author.vcard {
  display: none !important;
}

/* Remove anúncios automáticos na homepage 
body.home .google-auto-placed {
  display: none !important;
}*/

/* Oculta categorias na home e nos blocos de posts */
.post-categories {
  display: none !important;
}

/* Remove comentários */
.post-comment {
  display: none !important;
}

/* Imagens com acabamento mais editorial */
.home.blog figure,
.news-carousel figure,
#block--1695785964790f article figure.post-thumb-wrap img {
  border-radius: 8px;
}

/* Lista de notícias mais limpa */
.news-list-post-wrap .list-item {
  padding: 20px !important;
  border-bottom: 0px solid rgba(21, 21, 21, 0.1) !important;
}

/* Esconde bloco de filtro da home */
.news-filter .tab-title,
.news-filter .post-thumb-wrap,
.featured-post .filter-item.no-feat-img .post-thumb-wrap {
  display: none !important;
}


/* =========================================================
   4. IMAGENS E THUMBNAILS
========================================================= */

#theme-content .primary-content article figure img {
  display: block;
  max-height: 100%;
  padding: 20px !important;
}

.post-thumbnail,
.entry-media,
.featured-image,
.wp-post-image,
.thumbnail,
.post-thumb,
.article-thumb,
.blog-thumb {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background: #f2f2f2;
  display: block;
}


/* =========================================================
   5. POSTS INTERNOS
========================================================= */

.single p {
  font-size: 1.25rem;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.4;
}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none !important;
  color: #000;
}

.single-related-posts-section figure,
.news-list-wrap figure {
  display: none;
}

.widget_newsmatic_posts_list_widget .post-meta {
  display: none;
}


/* =========================================================
   6. BANNERS, SIDEBARS E ESTRUTURA
========================================================= */

#bottom-full-width-section .newsmatic-container .row > div {
  padding: 20px;
  max-width: 1200px !important;
}

body.both-sidebar #theme-content .row .secondary-left-sidebar {
  margin-right: 20px;
  max-width: 350px !important;
}

.after-header.header-layout-banner-two .ads-banner {
  color: #fff !important;
}

.site-header,
header {
  min-height: 64px;
}

.top-bar,
.breaking-news,
.news-ticker {
  min-height: 40px;
}

iframe,
.embed,
.widget,
.ad,
.ad-slot {
  display: block;
  min-height: 50px;
}


/* =========================================================
   7. PAGINAÇÃO
========================================================= */

.pagination a {
  color: #888;
  border-color: #fff;
}

.pagination span.current {
  color: var(--white-text);
  border-color: #fff;
}


/* =========================================================
   8. MOBILE E RESPONSIVO
========================================================= */

@media only screen and (max-width: 600px) {
  .news-filter-post-wrap {
    display: none !important;
  }
}

@media only screen and (min-width: 600px) {
  #leftc-rights-section {
    padding-bottom: 0;
  }
}

@media (max-width: 782px) {
  .news-list-post-wrap.column--two {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}

/* =========================================================
   9. REFINAMENTO VISUAL DA HOMEPAGE
========================================================= */

.home {
  background: #fafafa;
}

.home .site-content,
.home #theme-content {
  background: #fafafa;
}

/* Mais respiro entre blocos */
.home section,
.home .widget,
.home article {
  margin-bottom: 28px;
}

/* Títulos mais editoriais */
.home h1,
.home h2,
.home h3,
.home .entry-title,
.home .post-title {
  letter-spacing: -0.02em;
  line-height: 1.18;
}

/* Links dos títulos */
.home .entry-title a,
.home .post-title a,
.home h2 a,
.home h3 a {
  color: #111;
  text-decoration: none;
  transition: color 0.2s ease, opacity 0.2s ease;
}

.home .entry-title a:hover,
.home .post-title a:hover,
.home h2 a:hover,
.home h3 a:hover {
  color: #9a7835;
  opacity: 0.9;
}

/* Metadados mais discretos */
.home .entry-meta,
.home .post-meta,
.home .posted-on,
.home time {
  font-size: 12px !important;
  color: #999 !important;
  letter-spacing: 0.03em;
}

/* Cards com sensação mais leve */
.home article,
.home .post,
.home .type-post {
  border-radius: 14px;
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.home article:hover,
.home .post:hover,
.home .type-post:hover {
  transform: translateY(-2px);
}

/* Botões mais sofisticados */
.home button,
.home input[type="submit"],
.home .button,
.home .load-more,
.home .loadmore {
  border-radius: 999px !important;
  padding: 10px 22px !important;
  background: #111 !important;
  color: #fff !important;
  border: none !important;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.home button:hover,
.home input[type="submit"]:hover,
.home .button:hover,
.home .load-more:hover,
.home .loadmore:hover {
  background: #9a7835 !important;
}

/* =========================================================
   REFINAMENTO — PÁGINA DE POST / MATÉRIAS
========================================================= */

/* Área geral do post mais limpa */
.single-post #theme-content {
  background: #fafafa;
}

/* Conteúdo principal com aparência editorial */
.single-post .primary-content article {
  background: #fff;
  border-radius: 18px;
  padding: 34px 38px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
}

/* Título principal da matéria */
.single-post h1.entry-title,
.single-post .entry-title {
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.08;
  letter-spacing: -0.035em;
  color: #111;
  margin-bottom: 16px;
}

/* Metadados abaixo do título */
.single-post .entry-meta,
.single-post .post-meta,
.single-post .posted-on,
.single-post .byline {
  font-size: 12px !important;
  color: #999 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 28px;
}

/* Remove contador de comentários/metadado visualmente poluído */
.single-post .post-comment,
.single-post .comments-link {
  display: none !important;
}

/* Texto da matéria mais elegante */
.single-post .entry-content,
.single-post .post-content {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

/* Parágrafos com leitura mais confortável */
.single-post .entry-content p,
.single-post .post-content p,
.single-post article p {
  font-size: 19px;
  line-height: 1.72;
  color: #222;
  margin-bottom: 1.35em;
}

/* Primeiro parágrafo com presença de chamada editorial */
.single-post .entry-content p:first-of-type {
  font-size: 21px;
  line-height: 1.65;
  color: #333;
}

/* Subtítulos no corpo da matéria */
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .post-content h2,
.single-post .post-content h3 {
  color: #111;
  letter-spacing: -0.02em;
  line-height: 1.2;
  margin-top: 38px;
  margin-bottom: 16px;
}

/* Imagens internas sem padding artificial */
.single-post #theme-content .primary-content article figure img {
  padding: 0 !important;
  border-radius: 14px;
  width: 100%;
}

/* Figuras com respiro correto */
.single-post article figure {
  margin-top: 28px;
  margin-bottom: 28px;
}

/* Categorias como etiquetas discretas */
.single-post .post-categories,
.single-post .cat-links {
  display: block !important;
  margin-bottom: 14px;
}

.single-post .post-categories a,
.single-post .cat-links a,
.single-post a[rel="category tag"] {
  display: inline-block;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #8a6a2f !important;
  background: #f5efe4;
  border-radius: 999px;
  padding: 5px 10px;
  text-decoration: none;
  margin-right: 6px;
}

/* Navegação de posts anterior/próximo mais discreta */
.single-post .post-navigation,
.single-post .nav-links {
  margin-top: 34px;
  padding-top: 24px;
  border-top: 1px solid #eee;
}

/* Esconde área de comentários nos posts */
.single-post #comments,
.single-post .comments-area,
.single-post #respond {
  display: none !important;
}

/* Sidebar/widgets mais premium */
.single-post aside,
.single-post .sidebar,
.single-post .widget-area {
  background: #fff;
  border-radius: 18px;
  padding: 22px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.035);
}

/* Títulos dos widgets */
.single-post .widget-title,
.single-post aside h2,
.single-post aside h3 {
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #111;
  padding-bottom: 12px;
  margin-bottom: 18px;
  border-bottom: 0px solid #eee;
}

/* Mobile */
@media (max-width: 768px) {
  .single-post .primary-content article {
    padding: 24px 18px;
    border-radius: 14px;
  }

  .single-post h1.entry-title,
  .single-post .entry-title {
    font-size: 31px;
    line-height: 1.12;
  }

  .single-post .entry-content p,
  .single-post .post-content p,
  .single-post article p {
    font-size: 17px;
    line-height: 1.68;
  }

  .single-post .entry-content p:first-of-type {
    font-size: 18px;
  }
}
/* Esconder etiquetas apenas no bloco de trending/ranking */
.home .widget_newsmatic_posts_list_widget .post-categories,
.home .widget_newsmatic_posts_list_widget .cat-links,
.home .widget_newsmatic_posts_list_widget a[rel="category tag"] {
  display: none !important;
}

/* Esconder categoria no topo dos posts */

.single-post .cat-links,
.single-post .post-categories,
.single-post .entry-category,
.single-post .entry-categories {
    display: none !important;
}

/* ==================================================
   TROCAR AZUL TURQUESA DO TEMA POR DOURADO CREME
================================================== */

/* Cor principal */
:root{
    --re-gold: #d8bf7a;
    --re-gold-dark: #c5aa63;
}

/* ---------- Linhas abaixo de títulos ---------- */

.block-title:after,
.widget-title:after,
.section-title:after,
.cat-title:after,
h2.widget-title:after {
    background: var(--re-gold) !important;
}

/* ---------- Barras e detalhes ---------- */

.block-title,
.widget-title,
.section-title {
    border-color: rgba(216,191,122,.35) !important;
}

/* ---------- Ícones triangulares/listas ---------- */

.fa-caret-right,
.fa-play,
li::marker,
.widget li:before,
.trending-posts li:before,
ul.trending-posts li:before {
    color: var(--re-gold) !important;
}

/* ---------- Widgets azul turquesa ---------- */

.trending-news,
.breaking-news,
.news-ticker,
.tagcloud a:hover,
.read-more:hover {
    background: var(--re-gold) !important;
    border-color: var(--re-gold) !important;
}

/* ---------- Links ---------- */

a,
a:visited {
    color: #111;
    transition: all .25s ease;
}

a:hover {
    color: var(--re-gold-dark) !important;
}

/* ---------- Categorias ---------- */

.cat-links a,
.post-categories a,
.entry-meta a {
    color: var(--re-gold-dark) !important;
}

/* ---------- Menu ---------- */

.main-navigation a:hover,
.menu a:hover,
.current-menu-item > a {
    color: var(--re-gold-dark) !important;
}

/* ---------- Paginação ---------- */

.page-numbers.current,
.page-numbers:hover {
    background: var(--re-gold) !important;
    border-color: var(--re-gold) !important;
    color: #111 !important;
}

/* ---------- Botões ---------- */

button,
input[type=submit],
.wp-block-button__link {
    background: var(--re-gold-dark) !important;
    border-color: var(--re-gold-dark) !important;
}

button:hover,
input[type=submit]:hover,
.wp-block-button__link:hover {
    background: var(--re-gold) !important;
}

/* ---------- Elementos que usam azul inline ---------- */

[style*="#4db2ec"],
[style*="#1eb5d8"],
[style*="rgb(77, 178, 236)"] {
    color: var(--re-gold) !important;
    background-color: var(--re-gold) !important;
    border-color: var(--re-gold) !important;
}











/* ==================================================
   REVISTA EMPREENDE — REFINAMENTO ELEGANTE
================================================== */

/* ---------- Área do conteúdo ---------- */

.single-post article {
    max-width: 760px;
    margin: 0 auto;
}

/* ---------- Título ---------- */

.single-post h1.entry-title {
    font-size: clamp(30px, 3vw, 44px);
    line-height: 1.12;
    letter-spacing: -0.03em;
    margin-bottom: 18px;
    color: #111;
}

/* ---------- Metadados ---------- */

.single-post .entry-meta {
    font-size: 12px;
    color: #888;
    margin-bottom: 28px;
}

/* ---------- Texto ---------- */

.single-post .entry-content {
    font-size: 15px;
    line-height: 1.9;
    color: #222;
}

/* Espaçamento entre parágrafos */

.single-post .entry-content p {
    margin-bottom: 24px;
}

/* Primeiro parágrafo */

.single-post .entry-content p:first-of-type {
    font-size: 16px;
    color: #333;
}

/* ---------- Subtítulos ---------- */

.single-post .entry-content h2,
.single-post .entry-content h3 {
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.02em;
    margin-top: 46px;
    margin-bottom: 16px;
    color: #111;
}

/* ---------- Links ---------- */

.single-post .entry-content a {
    color: #9a7a32;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* ---------- Imagens ---------- */

.single-post .entry-content img {
    border-radius: 14px;
    margin-top: 30px;
    margin-bottom: 10px;
}

/* ---------- Sidebar ---------- */

.single-post aside,
.single-post .sidebar {
    font-size: 13px;
}

/* ---------- Widgets ---------- */

.widget {
    margin-bottom: 36px;
}

/* ---------- Mobile ---------- */

@media (max-width: 768px) {

    .single-post article {
        padding-left: 18px;
        padding-right: 18px;
    }

    .single-post h1.entry-title {
        font-size: 30px;
    }

    .single-post .entry-content {
        font-size: 15px;
        line-height: 1.85;
    }

}

.newsmatic-block-title { margin-bottom: 0 !important; } .newsmatic-block-title span sub { font-size: 1em !important; vertical-align: baseline !important; line-height: normal !important; display: inline !important; }

/* 1. Remover fundo bege do botao MENU mobile */
button.menu-toggle { background: transparent !important; background-color: transparent !important; border: none !important; }

/* 2. Remover fundo bege da lupa */
.header-search-form button, .search-toggle, .newsmatic-search-icon, .site-header .search-icon, .header-search button, button.search-submit, .newsmatic-header-search { background: transparent !important; background-color: transparent !important; border: none !important; box-shadow: none !important; }

/* 3. Seta scroll-to-top: azul -> bege */
#newsmatic-scroll-to-top { background-color: #c5aa63 !important; color: #fff !important; }
#newsmatic-scroll-to-top:hover { background-color: #b09450 !important; }