/* =========================================================
   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;
}


/* =========================================================
   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: 1px 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: 1px 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;
}