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