/* ============================================================
   IA em Foco — Apple Design System v2.0
   Inspirado em: apple.com, typography, espaçamento, blur glass
   FIX: logo visível, estrutura do tema respeitada
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

/* ─── 1. VARIÁVEIS ─── */
:root {
  --c-white:     #ffffff;
  --c-bg:        #fbfbfd;
  --c-bg-alt:    #f5f5f7;
  --c-text:      #1d1d1f;
  --c-text-2:    #6e6e73;
  --c-text-3:    #86868b;
  --c-blue:      #0071e3;
  --c-blue-dk:   #0058c4;
  --c-black:     #000000;
  --c-border:    rgba(0,0,0,.10);
  --c-glass:     rgba(251,251,253,.88);
  --font:        'Inter', -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:48px; --s6:64px; --s7:96px;
  --r-xs:6px; --r-sm:12px; --r-md:18px; --r-lg:24px; --r-pill:980px;
  --sh-1: 0 2px 8px rgba(0,0,0,.06);
  --sh-2: 0 4px 20px rgba(0,0,0,.10);
  --sh-3: 0 12px 40px rgba(0,0,0,.14);
  --t: all .28s cubic-bezier(.25,.46,.45,.94);
  --max-w: 1200px;
}

/* ─── 2. GLOBAL ─── */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
  font-family: var(--font) !important;
  background: var(--c-bg) !important;
  color: var(--c-text) !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font) !important;
  color: var(--c-text) !important;
  letter-spacing: -0.022em;
  line-height: 1.2;
}
h1 { font-size: clamp(1.8rem, 4vw, 3rem); font-weight: 800; }
h2 { font-size: clamp(1.4rem, 3vw, 2rem); font-weight: 700; }
h3 { font-size: clamp(1.1rem, 2vw, 1.5rem); font-weight: 700; }

a { color: var(--c-blue) !important; text-decoration: none !important; transition: var(--t); }
a:hover { color: var(--c-blue-dk) !important; }

/* ─── 3. HEADER GLASS (SEM esconder logo) ─── */

/* Esconde APENAS a barra superior (data/ticker) — NÃO o logo */
.newsx-top-section-wrap {
  display: none !important;
}

/* Logo section — MANTÉM visível, só estiliza */
.newsx-middle-section-wrap {
  background: var(--c-glass) !important;
  border-bottom: 1px solid var(--c-border) !important;
  padding: 10px 0 !important;
}

/* Nav section */
.newsx-bottom-section-wrap {
  background: var(--c-glass) !important;
  border-bottom: 1px solid rgba(0,0,0,.07) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  padding: 0 !important;
}

/* Sticky header: torna o site-header inteiro sticky */
#site-header,
.newsx-site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  box-shadow: none !important;
}

/* Containers */
.newsx-container,
.newsx-row-inner.newsx-container,
.newsx-builder-grid-row.newsx-container {
  max-width: var(--max-w) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--s3) !important;
  padding-right: var(--s3) !important;
}

/* Logo */
.site-title {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
}
.site-title a {
  color: var(--c-text) !important;
}
.site-description { display: none !important; }

/* Header search — mantém mas estiliza */
.newsx-header-search input[type="search"],
.newsx-search-form input {
  border: 1.5px solid var(--c-border) !important;
  border-radius: var(--r-pill) !important;
  padding: 8px 18px !important;
  font-family: var(--font) !important;
  font-size: 14px !important;
  background: var(--c-bg-alt) !important;
}

/* ─── 4. NAVEGAÇÃO ─── */
.newsx-nav-menu > li > a,
.newsx-nav-menu > .newsx-pointer-item > a,
.newsx-primary-nav > li > a {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: var(--c-text) !important;
  padding: 8px 14px !important;
  border-radius: var(--r-pill) !important;
  transition: var(--t) !important;
  letter-spacing: -0.01em !important;
}
.newsx-nav-menu > li > a:hover,
.newsx-primary-nav > li > a:hover {
  background: rgba(0,0,0,.06) !important;
  color: var(--c-text) !important;
}
.newsx-nav-menu > .current-menu-item > a,
.newsx-primary-nav > .current-menu-item > a {
  color: var(--c-blue) !important;
  background: rgba(0,113,227,.08) !important;
}

/* Submenu */
.newsx-nav-menu .sub-menu,
.newsx-primary-nav .sub-menu {
  background: rgba(255,255,255,.97) !important;
  backdrop-filter: blur(20px) !important;
  border: 1px solid var(--c-border) !important;
  border-radius: var(--r-md) !important;
  box-shadow: var(--sh-3) !important;
  padding: var(--s1) !important;
  min-width: 200px !important;
}
.newsx-nav-menu .sub-menu li a {
  border-radius: var(--r-xs) !important;
  padding: 8px 14px !important;
  font-size: 14px !important;
  color: var(--c-text) !important;
}
.newsx-nav-menu .sub-menu li a:hover {
  background: var(--c-bg-alt) !important;
}

/* Esconde dark mode toggle (não implementado) */
.newsx-dark-mode-switcher { display: none !important; }

/* ─── 5. ÁREA DE CONTEÚDO ─── */
.site-content, #content {
  background: var(--c-bg) !important;
}

/* Homepage — seções da front page */
.newsx-fp-section {
  padding: var(--s5) 0 !important;
}
.newsx-fp-row-1 { background: var(--c-bg); }
.newsx-fp-row-2 { background: var(--c-bg-alt); }
.newsx-fp-row-3 { background: var(--c-bg); }

/* Section titles */
.newsx-section-header,
.newsx-widget-title-wrap {
  border-bottom: 2px solid var(--c-blue) !important;
  margin-bottom: var(--s3) !important;
  padding-bottom: var(--s2) !important;
}
.newsx-widget-title-text,
.newsx-section-title {
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: var(--c-text) !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
}

/* Single post / pages */
.single #main,
.page #main {
  max-width: 860px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Esconde sidebar nas páginas de post (leitura limpa) */
.single .newsx-right-sidebar,
.page .newsx-right-sidebar {
  display: none !important;
}
.single .newsx-main-content,
.page .newsx-main-content {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}

/* ─── 6. POST CARDS ─── */
.newsx-grid-item {
  border-radius: var(--r-md) !important;
  overflow: hidden !important;
  background: var(--c-white) !important;
  box-shadow: var(--sh-1) !important;
  border: 1px solid var(--c-border) !important;
  transition: transform .3s cubic-bezier(.25,.46,.45,.94),
              box-shadow .3s cubic-bezier(.25,.46,.45,.94) !important;
}
.newsx-grid-item:hover {
  transform: translateY(-5px) !important;
  box-shadow: var(--sh-3) !important;
}

/* Imagem do card */
.newsx-grid-image img,
.newsx-grid-item .post-thumbnail img,
.newsx-grid-item .wp-post-image {
  width: 100% !important;
  height: 210px !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform .5s cubic-bezier(.25,.46,.45,.94) !important;
}
.newsx-grid-item:hover .newsx-grid-image img,
.newsx-grid-item:hover .post-thumbnail img {
  transform: scale(1.04) !important;
}

/* Conteúdo do card */
.newsx-grid-content,
.newsx-magazine-layout .entry-container,
.newsx-posts-widget .entry-container {
  padding: var(--s3) !important;
}

/* Título do card — line-clamp evita overflow em títulos longos */
.newsx-grid-item .entry-title,
.newsx-magazine-layout .entry-title,
.newsx-posts-widget .entry-title {
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  margin: var(--s1) 0 var(--s1) !important;
  letter-spacing: -0.018em !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.newsx-grid-item .entry-title a,
.newsx-posts-widget .entry-title a {
  color: var(--c-text) !important;
}
.newsx-grid-item .entry-title a:hover {
  color: var(--c-blue) !important;
}

/* Meta (data/autor) */
.newsx-grid-item .entry-meta,
.newsx-post-meta,
.newsx-meta,
.post-meta {
  font-size: 11px !important;
  color: var(--c-text-3) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

/* Categoria badge */
.newsx-grid-item .cat-links a,
.newsx-cat-links a,
.cat-links a {
  background: rgba(0,113,227,.10) !important;
  color: var(--c-blue) !important;
  padding: 3px 10px !important;
  border-radius: var(--r-pill) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  border: none !important;
}
.newsx-grid-item .cat-links a:hover {
  background: var(--c-blue) !important;
  color: #fff !important;
}

/* Excerpt */
.newsx-grid-item .entry-summary,
.newsx-excerpt {
  font-size: 13px !important;
  color: var(--c-text-2) !important;
  line-height: 1.6 !important;
  margin-top: var(--s1) !important;
}

/* Cards com overlay (hero) */
.newsx-grid-over-media {
  background: linear-gradient(to top, rgba(0,0,0,.85) 0%, rgba(0,0,0,.2) 55%, transparent 100%) !important;
}
.newsx-grid-over-media .entry-title a { color: #fff !important; }
.newsx-grid-over-media .newsx-post-meta,
.newsx-grid-over-media .newsx-meta { color: rgba(255,255,255,.75) !important; }
.newsx-grid-over-media .cat-links a {
  background: rgba(255,255,255,.2) !important;
  color: #fff !important;
  backdrop-filter: blur(4px) !important;
}

/* ─── 7. SINGLE POST ─── */
.single .entry-header {
  margin-bottom: var(--s4) !important;
}
.single .entry-title {
  font-size: clamp(1.7rem, 4vw, 2.6rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.15 !important;
  color: var(--c-text) !important;
  margin-bottom: var(--s3) !important;
}
.single .entry-meta {
  font-size: 13px !important;
  color: var(--c-text-3) !important;
  padding: var(--s2) 0 !important;
  border-top: 1px solid var(--c-border) !important;
  border-bottom: 1px solid var(--c-border) !important;
  margin-bottom: var(--s4) !important;
}

/* Featured image */
.single .post-thumbnail,
.single .wp-post-image {
  border-radius: var(--r-md) !important;
  overflow: hidden !important;
  margin-bottom: var(--s4) !important;
  box-shadow: var(--sh-2) !important;
}
.single .post-thumbnail img,
.single .wp-post-image {
  width: 100% !important;
  height: auto !important;
  max-height: 500px !important;
  object-fit: cover !important;
}

/* Corpo do post */
.entry-content {
  font-size: 17px !important;
  line-height: 1.8 !important;
  color: var(--c-text) !important;
}
.entry-content h2 {
  font-size: 1.7rem !important;
  font-weight: 700 !important;
  margin: var(--s5) 0 var(--s2) !important;
  padding-top: var(--s3) !important;
  border-top: 1px solid var(--c-border) !important;
  letter-spacing: -0.025em !important;
}
.entry-content h3 {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  margin: var(--s4) 0 var(--s2) !important;
}
.entry-content p { margin-bottom: var(--s3) !important; }
.entry-content ul, .entry-content ol {
  padding-left: var(--s4) !important;
  margin-bottom: var(--s3) !important;
}
.entry-content li { margin-bottom: 6px !important; }
.entry-content strong { font-weight: 700 !important; }
.entry-content blockquote {
  border-left: 4px solid var(--c-blue) !important;
  padding: var(--s2) var(--s3) !important;
  margin: var(--s4) 0 !important;
  background: var(--c-bg-alt) !important;
  border-radius: 0 var(--r-sm) var(--r-sm) 0 !important;
  font-style: italic !important;
  color: var(--c-text-2) !important;
}
.entry-content figure.wp-block-image {
  border-radius: var(--r-md) !important;
  overflow: hidden !important;
  margin: var(--s4) 0 !important;
}
.entry-content figure.wp-block-image img {
  width: 100% !important;
  height: auto !important;
  border-radius: var(--r-md) !important;
}

/* ─── 8. BOTÕES ─── */
button[type="submit"],
input[type="submit"],
.wp-block-button__link,
.newsx-btn {
  display: inline-flex !important;
  align-items: center !important;
  padding: 12px 24px !important;
  background: var(--c-blue) !important;
  color: #fff !important;
  border-radius: var(--r-pill) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  border: none !important;
  cursor: pointer !important;
  transition: var(--t) !important;
  font-family: var(--font) !important;
}
button[type="submit"]:hover,
input[type="submit"]:hover {
  background: var(--c-blue-dk) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 24px rgba(0,113,227,.3) !important;
}
.newsx-read-more a, .more-link {
  display: inline-block !important;
  padding: 7px 18px !important;
  background: var(--c-bg-alt) !important;
  color: var(--c-blue) !important;
  border-radius: var(--r-pill) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  transition: var(--t) !important;
}
.newsx-read-more a:hover, .more-link:hover {
  background: var(--c-blue) !important;
  color: #fff !important;
}

/* ─── 9. SEARCH BAR ─── */
.search-form input[type="search"],
.widget_search input[type="search"] {
  border: 1.5px solid var(--c-border) !important;
  border-radius: var(--r-pill) !important;
  padding: 10px 18px !important;
  font-size: 15px !important;
  font-family: var(--font) !important;
  background: var(--c-bg-alt) !important;
  color: var(--c-text) !important;
  outline: none !important;
  transition: var(--t) !important;
  width: 100% !important;
}
.search-form input[type="search"]:focus {
  border-color: var(--c-blue) !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(0,113,227,.12) !important;
}
.search-form button,
.widget_search button {
  border-radius: var(--r-pill) !important;
  padding: 10px 18px !important;
  background: var(--c-blue) !important;
  color: #fff !important;
  border: none !important;
  font-family: var(--font) !important;
}

/* ─── 10. PAGINATION ─── */
.newsx-pagination, .navigation.pagination {
  margin: var(--s5) 0 !important;
  display: flex !important;
  justify-content: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}
.page-numbers {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 40px !important;
  height: 40px !important;
  padding: 0 12px !important;
  border-radius: var(--r-pill) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--c-text) !important;
  background: var(--c-bg-alt) !important;
  transition: var(--t) !important;
  border: 1px solid var(--c-border) !important;
}
.page-numbers.current {
  background: var(--c-blue) !important;
  color: #fff !important;
  border-color: var(--c-blue) !important;
}
.page-numbers:hover {
  background: var(--c-blue) !important;
  color: #fff !important;
  border-color: var(--c-blue) !important;
}

/* ─── 11. SIDEBAR WIDGETS ─── */
.widget {
  background: var(--c-white) !important;
  border-radius: var(--r-md) !important;
  padding: var(--s3) !important;
  border: 1px solid var(--c-border) !important;
  margin-bottom: var(--s3) !important;
  box-shadow: var(--sh-1) !important;
}
.widget-title,
.newsx-widget-title-text {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: var(--c-text-3) !important;
  margin-bottom: var(--s2) !important;
  padding-bottom: var(--s1) !important;
  border-bottom: 1px solid var(--c-border) !important;
}
.widget ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.widget ul li {
  padding: 6px 0 !important;
  border-bottom: 1px solid var(--c-border) !important;
  font-size: 14px !important;
}
.widget ul li:last-child { border-bottom: none !important; }
.widget ul li a {
  color: var(--c-text) !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.widget ul li a:hover { color: var(--c-blue) !important; }

/* Tags cloud */
.tagcloud a {
  display: inline-block !important;
  padding: 4px 12px !important;
  background: var(--c-bg-alt) !important;
  border-radius: var(--r-pill) !important;
  font-size: 12px !important;
  color: var(--c-text-2) !important;
  margin: 3px !important;
  transition: var(--t) !important;
  border: 1px solid var(--c-border) !important;
}
.tagcloud a:hover {
  background: var(--c-blue) !important;
  color: #fff !important;
  border-color: var(--c-blue) !important;
}

/* ─── 12. OFFCANVAS ─── */
/* SEM backdrop-filter — evita stacking context que bloqueia cliques no overlay/close */
.newsx-offcanvas-wrap,
#newsx-offcanvas {
  background: #ffffff !important;
  border-right: 1px solid var(--c-border) !important;
  /* Não sobrescreve max-width, transform nem z-index do tema */
}
/* Overlay deve ser clicável — não interferir */
.newsx-offcanvas-overlay {
  /* Apenas garante que pointer-events funcione */
  pointer-events: auto !important;
}
/* Botão fechar — garante visibilidade e clique */
.newsx-offcanvas-close-btn {
  cursor: pointer !important;
  pointer-events: auto !important;
  position: relative !important;
  z-index: 1 !important;
}
.newsx-offcanvas-wrap .widget {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-bottom: 1px solid var(--c-border) !important;
  border-radius: 0 !important;
  padding: var(--s3) !important;
  margin: 0 !important;
}
.newsx-offcanvas-wrap .widget:last-child {
  border-bottom: none !important;
}
.newsx-offcanvas-wrap .widget-title,
.newsx-offcanvas-wrap .newsx-widget-title-text {
  color: var(--c-text-3) !important;
}
.newsx-mobile-menu-toggle,
.newsx-offcanvas-toggle {
  background: transparent !important;
  border: 1.5px solid var(--c-border) !important;
  border-radius: var(--r-sm) !important;
  padding: 6px 10px !important;
  cursor: pointer !important;
  transition: var(--t) !important;
}

/* ─── 13. FOOTER ─── */

/* Outer footer */
#site-footer,
.newsx-site-footer {
  background: #0a0a0a !important;
  color: rgba(255,255,255,.65) !important;
  padding: 0 !important;
  margin-top: var(--s7) !important;
}

/* Override CRÍTICO: as classes .newsx-middle-section-wrap e .newsx-bottom-section-wrap
   são reutilizadas no footer — precisamos cancelar os estilos do header */
#site-footer .newsx-middle-section-wrap,
.newsx-site-footer .newsx-middle-section-wrap {
  background: transparent !important;
  border-bottom: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: var(--s6) 0 var(--s5) !important;
}
#site-footer .newsx-bottom-section-wrap,
.newsx-site-footer .newsx-bottom-section-wrap {
  background: rgba(255,255,255,.03) !important;
  border-top: 1px solid rgba(255,255,255,.07) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 !important;
}

/* Container das 3 colunas */
.newsx-site-footer .newsx-builder-grid-row-3-equal {
  max-width: var(--max-w) !important;
  margin: 0 auto !important;
  padding: 0 var(--s3) !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: var(--s5) !important;
}

/* Cada coluna: 1/3 da largura */
.newsx-site-footer .site-footer-column {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: var(--s2) !important;
}

/* Reset: .footer-widgets-area é um <aside> dentro da coluna, não o grid pai */
.newsx-site-footer .footer-widgets-area {
  display: block !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  grid-template-columns: unset !important;
}

/* Widgets no footer */
.newsx-site-footer .widget {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
}

/* Esconde título "IA em Foco" do text widget (logo já representa a marca) */
.newsx-site-footer .footer-widgets-area-1 .widget-title {
  display: none !important;
}

/* Widget title (Category List, Featured Posts) */
.newsx-site-footer .newsx-widget-title {
  background: none !important;
  border: none !important;
  padding: 0 0 var(--s2) !important;
  margin: 0 0 var(--s2) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}
.newsx-site-footer .newsx-widget-title-text {
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  color: rgba(255,255,255,.4) !important;
}

/* Texto de descrição do blog */
.newsx-site-footer .textwidget,
.newsx-site-footer .textwidget p {
  font-size: 13px !important;
  line-height: 1.7 !important;
  color: rgba(255,255,255,.5) !important;
  margin: 0 !important;
}

/* Logo */
.newsx-site-footer .newsx-footer-logo {
  margin-bottom: var(--s1) !important;
}
.newsx-site-footer .newsx-footer-logo img {
  max-height: 44px !important;
  width: auto !important;
  display: block !important;
}

/* Ícones sociais */
.newsx-site-footer .newsx-social-icons {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin-top: var(--s2) !important;
}
.newsx-site-footer .newsx-social-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.09) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: rgba(255,255,255,.75) !important;
  transition: var(--t) !important;
  text-decoration: none !important;
}
.newsx-site-footer .newsx-social-icon:hover {
  background: rgba(255,255,255,.2) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.3) !important;
}
.newsx-site-footer .newsx-social-icon .newsx-svg-icon svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* Links gerais no footer */
.newsx-site-footer a {
  color: rgba(255,255,255,.65) !important;
  text-decoration: none !important;
}
.newsx-site-footer a:hover { color: #fff !important; }

/* Lista de categorias */
.newsx-site-footer .newsx-category-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.newsx-site-footer .newsx-category-list li {
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
}
.newsx-site-footer .newsx-category-list li:last-child {
  border-bottom: none !important;
}
.newsx-site-footer .newsx-category-list a {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 9px 0 !important;
  font-size: 13px !important;
  color: rgba(255,255,255,.6) !important;
}
.newsx-site-footer .newsx-category-list a:hover { color: #fff !important; }
.newsx-site-footer .newsx-category-list .category-name { flex: 1 !important; }
.newsx-site-footer .newsx-category-list .category-count {
  font-size: 11px !important;
  color: rgba(255,255,255,.35) !important;
  background: rgba(255,255,255,.07) !important;
  border-radius: 20px !important;
  padding: 1px 8px !important;
}
.newsx-site-footer .newsx-category-list .newsx-svg-icon svg {
  width: 10px !important;
  height: 10px !important;
  fill: rgba(255,255,255,.25) !important;
}

/* Posts em destaque */
.newsx-site-footer .newsx-featured-posts {
  display: flex !important;
  flex-direction: column !important;
}
.newsx-site-footer .newsx-featured-posts .newsx-post {
  display: flex !important;
  gap: var(--s2) !important;
  align-items: flex-start !important;
  padding: var(--s2) 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
}
.newsx-site-footer .newsx-featured-posts .newsx-post:last-child {
  border-bottom: none !important;
}
.newsx-site-footer .newsx-post-image {
  position: relative !important;
  flex-shrink: 0 !important;
}
.newsx-site-footer .newsx-post-image img {
  width: 64px !important;
  height: 48px !important;
  object-fit: cover !important;
  border-radius: var(--r-xs) !important;
  display: block !important;
}
.newsx-site-footer .newsx-post-index {
  position: absolute !important;
  top: 4px !important;
  left: 4px !important;
  width: 17px !important;
  height: 17px !important;
  background: var(--c-blue) !important;
  border-radius: 50% !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.newsx-site-footer .newsx-post-meta {
  flex-direction: column !important;
  gap: 4px !important;
  min-width: 0 !important;
  flex: 1 !important;
}
.newsx-site-footer .newsx-post-meta h6 {
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}
.newsx-site-footer .newsx-post-meta h6 a {
  color: rgba(255,255,255,.8) !important;
}
.newsx-site-footer .newsx-post-meta h6 a:hover { color: #fff !important; }
.newsx-site-footer .newsx-post-meta > span {
  font-size: 11px !important;
  color: rgba(255,255,255,.3) !important;
}

/* Barra de copyright */
.newsx-site-footer .newsx-builder-grid-row-full {
  max-width: var(--max-w) !important;
  margin: 0 auto !important;
}
.newsx-site-footer .newsx-copyright {
  text-align: center !important;
  padding: var(--s3) var(--s3) !important;
  font-size: 12px !important;
  color: rgba(255,255,255,.28) !important;
}
.newsx-site-footer .newsx-copyright a {
  color: rgba(255,255,255,.35) !important;
}
.newsx-site-footer .newsx-copyright a:hover {
  color: rgba(255,255,255,.6) !important;
}

/* Títulos dentro do footer */
.newsx-site-footer h1,
.newsx-site-footer h2,
.newsx-site-footer h3,
.newsx-site-footer h4,
.newsx-site-footer h5,
.newsx-site-footer h6 {
  color: rgba(255,255,255,.85) !important;
}

/* Footer bottom bar legado */
.newsx-footer-bottom-bar,
.site-info {
  font-size: 12px !important;
  color: rgba(255,255,255,.35) !important;
}
.site-info a { color: rgba(255,255,255,.45) !important; }
.site-info a:hover { color: #fff !important; }

/* ─── 14. NAVEGAÇÃO PREV/NEXT ─── */

/* Container da navegação */
.newsx-post-navigation {
  display: flex !important;
  overflow: hidden !important;
  border-top: 1px solid var(--c-border) !important;
  border-bottom: 1px solid var(--c-border) !important;
  margin: var(--s5) 0 !important;
}

/* Cada link (prev / next) ocupa metade */
.newsx-post-navigation > a {
  flex: 0 0 50% !important;
  max-width: 50% !important;
  min-width: 0 !important;          /* evita overflow no flex */
  padding: var(--s3) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: var(--s1) !important;
  color: var(--c-text) !important;
  transition: background var(--t) !important;
}
.newsx-post-navigation > a:hover {
  background: var(--c-bg-alt) !important;
}

/* Label "Previous Article" / "Next Article" */
.newsx-post-navigation > a > span:first-child {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: var(--c-text-3) !important;
}

/* Título do post — precisa quebrar linha normalmente */
.newsx-post-navigation .newsx-flex-nowrap {
  flex-wrap: wrap !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
.newsx-post-navigation .newsx-grid-title,
.newsx-post-navigation .newsx-grid-title a,
.newsx-post-navigation > a > div {
  display: block !important;
  overflow: hidden !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: var(--c-text) !important;
  max-width: 100% !important;
}

/* Esconde thumbnail — ocupa espaço e causa o texto vertical */
.newsx-post-navigation img {
  display: none !important;
}

/* Divisor central */
.newsx-post-navigation .newsx-divider {
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  height: 100% !important;
  border-right: 1px solid var(--c-border) !important;
}

/* ─── 15. BREADCRUMB ─── */
.rank-math-breadcrumb,
.newsx-breadcrumb {
  font-size: 13px !important;
  color: var(--c-text-3) !important;
  margin-bottom: var(--s3) !important;
}
.rank-math-breadcrumb a { color: var(--c-text-2) !important; }
.rank-math-breadcrumb a:hover { color: var(--c-blue) !important; }

/* ─── 15. COMMENTS ─── */
.comment-form input,
.comment-form textarea {
  border: 1.5px solid var(--c-border) !important;
  border-radius: var(--r-sm) !important;
  padding: 12px 16px !important;
  font-family: var(--font) !important;
  font-size: 15px !important;
  background: var(--c-bg-alt) !important;
  width: 100% !important;
  transition: var(--t) !important;
  color: var(--c-text) !important;
}
.comment-form input:focus,
.comment-form textarea:focus {
  border-color: var(--c-blue) !important;
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(0,113,227,.12) !important;
}
.comment-body {
  background: var(--c-white) !important;
  border-radius: var(--r-sm) !important;
  padding: var(--s3) !important;
  border: 1px solid var(--c-border) !important;
  margin-bottom: var(--s2) !important;
}

/* ─── 16. TAGS ─── */
.tags-links a {
  display: inline-block !important;
  padding: 4px 12px !important;
  background: var(--c-bg-alt) !important;
  border-radius: var(--r-pill) !important;
  font-size: 12px !important;
  color: var(--c-text-2) !important;
  margin: 2px !important;
  transition: var(--t) !important;
  border: 1px solid var(--c-border) !important;
}
.tags-links a:hover {
  background: var(--c-blue) !important;
  color: #fff !important;
  border-color: var(--c-blue) !important;
}

/* ─── 17. ANIMAÇÕES ─── */
@keyframes iaf-fadein {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}
.newsx-grid-item { animation: iaf-fadein .45s ease both !important; }
.newsx-grid-item:nth-child(1) { animation-delay: .00s; }
.newsx-grid-item:nth-child(2) { animation-delay: .07s; }
.newsx-grid-item:nth-child(3) { animation-delay: .14s; }
.newsx-grid-item:nth-child(4) { animation-delay: .21s; }
.newsx-grid-item:nth-child(5) { animation-delay: .28s; }
.newsx-grid-item:nth-child(6) { animation-delay: .35s; }

/* ─── 18. RESPONSIVO ─── */
@media (max-width: 1024px) {
  #main.site-main { padding: 0 var(--s2) !important; }
}
@media (max-width: 768px) {
  .single .entry-title { font-size: 1.6rem !important; }
  .entry-content { font-size: 16px !important; }
  .newsx-grid-image img, .newsx-grid-item .post-thumbnail img { height: 175px !important; }
  /* Footer mobile: empilha as colunas */
  .newsx-site-footer .newsx-builder-grid-row-3-equal {
    flex-direction: column !important;
    gap: var(--s4) !important;
  }
  .newsx-site-footer .site-footer-column {
    flex: unset !important;
    width: 100% !important;
  }
}
@media (max-width: 480px) {
  .single .entry-title { font-size: 1.35rem !important; }
  .entry-content { font-size: 15px !important; }
}

/* ─── 19. UTILITÁRIOS ─── */
.newsx-svg-icon svg { width: 16px !important; height: 16px !important; }
.screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
}