/* Fixar: fallback visual para conteudo nativo Avanam.
 * Aplicar body.fx-content-reference apenas a paginas sem template proprio,
 * blog, artigos, arquivos editoriais, pesquisa geral e 404.
 * Nao aplicar a loja/produtos, conta, carrinho, checkout ou templates Fixar.
 * Preserva o conteudo, os links e os formularios existentes.
 */
body.fx-content-reference {
  --fx-content-ink: #072d5d;
  --fx-content-navy: #062d62;
  --fx-content-accent: #ff6a13;
  --fx-content-soft: #f2f6fa;
  --fx-content-line: #dfe7ef;
  --fx-content-muted: #708197;
  --fx-content-font: var(--fx-font, "Avenir Next", Avenir, "Segoe UI", Helvetica, Arial, sans-serif);
  font-family: var(--fx-content-font);
  color: var(--fx-content-ink);
}
body.fx-content-reference .entry-hero {
  background: var(--fx-content-navy);
  border-bottom: 4px solid var(--fx-content-accent);
  color: #fff;
}
body.fx-content-reference .entry-hero-container-inner { background: transparent; }
body.fx-content-reference .hero-container.site-container,
body.fx-content-reference .content-container.site-container {
  width: calc(100% - 64px);
  max-width: 1240px;
  padding: 0;
  margin-inline: auto;
}
body.fx-content-reference .entry-hero .entry-header {
  min-height: 176px;
  padding: 32px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
  text-align: left;
}
body.fx-content-reference .entry-hero h1 {
  max-width: 30ch;
  margin: 0;
  color: #fff;
  font: 900 clamp(30px, 3.5vw, 46px)/1.12 var(--fx-content-font);
  letter-spacing: -.035em;
  overflow-wrap: break-word;
}
body.fx-content-reference .entry-hero .base-breadcrumbs,
body.fx-content-reference .entry-hero .base-breadcrumbs a,
body.fx-content-reference .entry-hero .entry-meta,
body.fx-content-reference .entry-hero .entry-meta a,
body.fx-content-reference .entry-hero .category-links,
body.fx-content-reference .entry-hero .category-links a {
  color: #fff;
  font-family: var(--fx-content-font);
  font-size: 13px;
  line-height: 1.5;
}
body.fx-content-reference .entry-hero a:hover { text-decoration: underline; }
body.fx-content-reference #primary {
  padding: 44px 0 64px;
  margin: 0;
  background: var(--fx-content-soft);
}
body.fx-content-reference #main,
body.fx-content-reference #main .content-wrap,
body.fx-content-reference #main article { min-width: 0; }
body.fx-content-reference #main {
  font: 400 16px/1.75 var(--fx-content-font);
  color: var(--fx-content-ink);
}
body.fx-content-reference #main .content-wrap > .single-entry {
  margin: 0;
  background: #fff;
  border: 1px solid var(--fx-content-line);
  border-radius: 10px;
  box-shadow: 0 12px 30px -18px #062d6226;
}
body.fx-content-reference #main .content-wrap > .single-entry > .entry-content-wrap {
  padding: clamp(24px, 3.4vw, 44px);
}
body.fx-content-reference #main .single-content {
  font-family: var(--fx-content-font);
  color: var(--fx-content-ink);
  font-size: 16px;
  line-height: 1.75;
  overflow-wrap: anywhere;
}
body.fx-content-reference #main :is(h1, h2, h3, h4, h5, h6) {
  color: var(--fx-content-ink);
  font-family: var(--fx-content-font);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -.025em;
}
body.fx-content-reference #main .single-content :is(h2, h3, h4) { margin: 1.75em 0 .65em; }
body.fx-content-reference #main .single-content > :first-child { margin-top: 0; }
body.fx-content-reference #main .single-content h2 { font-size: clamp(24px, 2.4vw, 30px); }
body.fx-content-reference #main .single-content h3 { font-size: 23px; }
body.fx-content-reference #main .single-content h4 { font-size: 20px; }
body.fx-content-reference #main .single-content p { margin: 0 0 1.25em; }
body.fx-content-reference #main .single-content :is(ul, ol) { padding-left: 1.4em; margin: 0 0 1.4em; }
body.fx-content-reference #main .single-content li { padding-left: .15em; margin-bottom: .55em; }
body.fx-content-reference #main .single-content li::marker { color: var(--fx-content-accent); font-weight: 700; }
body.fx-content-reference #main .single-content :is(img, video, iframe) { max-width: 100%; }
body.fx-content-reference #main .single-content img { height: auto; border-radius: 10px; }
body.fx-content-reference #main .single-content figure { max-width: 100%; margin: 24px 0; }
body.fx-content-reference #main .single-content blockquote {
  margin: 28px 0;
  padding: 18px 22px;
  border: 0;
  border-left: 4px solid var(--fx-content-accent);
  background: var(--fx-content-soft);
  color: var(--fx-content-ink);
  font-size: 18px;
}
body.fx-content-reference #main a { color: var(--fx-content-ink); }
body.fx-content-reference #main .single-content a { text-decoration: underline; text-underline-offset: 3px; }
body.fx-content-reference #main a:hover { color: #df5100; }
body.fx-content-reference #main :is(a, input, textarea, select, button):focus-visible,
body.fx-content-reference #secondary a:focus-visible { outline: 3px solid var(--fx-content-accent); outline-offset: 3px; }
body.fx-content-reference #main table { width: 100%; border-collapse: collapse; font: inherit; }
body.fx-content-reference #main :is(th, td) { padding: 12px; border: 1px solid var(--fx-content-line); }
body.fx-content-reference #main th { background: var(--fx-content-soft); color: var(--fx-content-ink); }
body.fx-content-reference #main .wp-block-table { overflow-x: auto; }

/* Arquivo de artigos e componentes nativos dos dois modelos antigos. */
body.fx-content-reference #archive-container,
body.fx-content-reference #blog_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin: 0;
  padding: 0;
}
body.fx-content-reference #archive-container > article,
body.fx-content-reference #blog_grid .loop-entry {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 1px solid var(--fx-content-line);
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 12px 28px -18px #062d6226;
}
body.fx-content-reference #blog_grid > .item { min-width: 0; width: auto; margin: 0; padding: 0; float: none; }
body.fx-content-reference #blog_grid .loop-entry { height: 100%; }
body.fx-content-reference #main .loop-entry .post-thumbnail { display: block; width: 100%; margin: 0; }
body.fx-content-reference #main .loop-entry .post-thumbnail-inner { padding: 0; height: auto; aspect-ratio: 16 / 9; }
body.fx-content-reference #main .loop-entry .post-thumbnail img { display: block; width: 100%; height: 100%; position: static; object-fit: cover; border-radius: 0; }
body.fx-content-reference #main .loop-entry .entry-content-wrap { padding: 24px; }
body.fx-content-reference #main .loop-entry .entry-header { margin: 0; }
body.fx-content-reference #main .loop-entry .entry-title { margin: 0 0 14px; font-size: 22px; line-height: 1.3; }
body.fx-content-reference #main .loop-entry .entry-title a { color: var(--fx-content-ink); text-decoration: none; }
body.fx-content-reference #main .loop-entry .entry-title a:hover { color: #df5100; }
body.fx-content-reference #main .entry-meta { font: 400 12px/1.65 var(--fx-content-font); color: var(--fx-content-muted); }
body.fx-content-reference #main .entry-meta a { color: inherit; }
body.fx-content-reference #main .entry-meta .posted-by { margin-right: 8px; }
body.fx-content-reference #main .entry-meta .meta-label { margin-right: 4px; }
body.fx-content-reference #main .entry-meta .posted-on { display: inline-flex; flex-wrap: wrap; gap: 4px 8px; }
body.fx-content-reference #main .loop-entry .entry-summary { font-size: 15px; line-height: 1.65; margin-top: 16px; }
body.fx-content-reference #main .loop-entry .entry-footer:empty { display: none; }
body.fx-content-reference.page-id-1951 #main .content-wrap > .single-entry,
body.fx-content-reference.page-id-1955 #main .content-wrap > .single-entry { background: transparent; border: 0; box-shadow: none; }
body.fx-content-reference.page-id-1951 #main .content-wrap > .single-entry > .entry-content-wrap,
body.fx-content-reference.page-id-1955 #main .content-wrap > .single-entry > .entry-content-wrap { padding: 0; }

/* Sidebar editorial permanece acessivel abaixo dos artigos em telas menores. */
body.fx-content-reference.has-sidebar #primary > .content-container {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  grid-template-areas: "main sidebar";
  align-items: start;
  gap: 32px;
}
body.fx-content-reference.has-sidebar #main { grid-area: main; }
body.fx-content-reference #secondary {
  grid-area: sidebar;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  float: none;
  background: transparent;
  font-family: var(--fx-content-font);
}
body.fx-content-reference #secondary .sidebar-inner-wrap {
  padding: 24px;
  background: #fff;
  border: 1px solid var(--fx-content-line);
  border-radius: 10px;
}
body.fx-content-reference #secondary .widget { margin: 0 0 24px; }
body.fx-content-reference #secondary .widget:last-child { margin-bottom: 0; }
body.fx-content-reference #secondary :is(h2, h3, .widget-title) { font: 800 20px/1.25 var(--fx-content-font); color: var(--fx-content-ink); margin: 0 0 18px; }
body.fx-content-reference #secondary :is(ul, ol) { list-style: none; padding: 0; margin: 0; }
body.fx-content-reference #secondary li { padding: 10px 0; margin: 0; border-bottom: 1px solid var(--fx-content-line); }
body.fx-content-reference #secondary li:last-child { border-bottom: 0; }
body.fx-content-reference #secondary a { color: var(--fx-content-ink); font-size: 14px; line-height: 1.5; text-decoration: none; }
body.fx-content-reference #secondary a:hover { color: #df5100; }
body.fx-content-reference .side-mobile-toggle-open-container,
body.fx-content-reference #secondary .base-hide-sidebar-btn { display: none; }
body.fx-content-reference.single-post #main .article-post-thumbnail { margin: 0 0 30px; }
body.fx-content-reference.single-post #main .article-post-thumbnail img { display: block; width: 100%; height: auto; max-height: 520px; object-fit: contain; border-radius: 10px; }
body.fx-content-reference #main .post-navigation { border-top: 1px solid var(--fx-content-line); padding-top: 24px; margin-top: 32px; }
body.fx-content-reference #main .nav-links { display: flex; flex-wrap: wrap; gap: 16px; }
body.fx-content-reference #main .page-numbers { border-radius: 5px; border: 1px solid var(--fx-content-line); color: var(--fx-content-ink); background: #fff; }
body.fx-content-reference #main .page-numbers.current { color: #fff; background: var(--fx-content-navy); border-color: var(--fx-content-navy); }

/* Formulario Newsletter, busca e comentarios: sem alterar sua integracao. */
body.fx-content-reference #main :is(input[type="text"], input[type="email"], input[type="search"], input[type="url"], textarea, select) {
  box-sizing: border-box;
  max-width: 100%;
  min-height: 48px;
  padding: 11px 14px;
  border: 1px solid var(--fx-content-line);
  border-radius: 5px;
  background: #fff;
  color: var(--fx-content-ink);
  font: 400 16px/1.5 var(--fx-content-font);
  box-shadow: none;
}
body.fx-content-reference #main :is(button, input[type="submit"], .button, .wp-block-button__link) {
  box-sizing: border-box;
  max-width: 100%;
  min-height: 46px;
  height: auto;
  padding: 12px 22px;
  border: 0;
  border-radius: 5px;
  background: var(--fx-content-accent);
  color: #fff;
  font: 700 15px/1.5 var(--fx-content-font);
  text-transform: none;
  text-decoration: none;
  letter-spacing: 0;
  white-space: normal;
  cursor: pointer;
}
body.fx-content-reference #main :is(button, input[type="submit"], .button, .wp-block-button__link):hover { background: #df5100; color: #fff; }
body.fx-content-reference #main label { color: var(--fx-content-ink); font-family: var(--fx-content-font); font-size: 14px; line-height: 1.5; font-weight: 600; }
body.fx-content-reference #main .tnp-subscription { max-width: 600px; margin: 0; }
body.fx-content-reference #main .tnp-subscription .tnp-field { margin: 0 0 20px; }
body.fx-content-reference #main .tnp-subscription label { margin-bottom: 8px; }
body.fx-content-reference #main .tnp-subscription input.tnp-email { width: 100%; }
body.fx-content-reference #main .tnp-subscription input.tnp-submit { min-width: 160px; width: auto; }
body.fx-content-reference #main .comment-respond { padding: 28px; margin-top: 32px; border: 1px solid var(--fx-content-line); border-radius: 10px; background: #fff; }
body.fx-content-reference #main .comment-respond textarea { width: 100%; }

@media (max-width: 1080px) {
  body.fx-content-reference .hero-container.site-container,
  body.fx-content-reference .content-container.site-container { width: calc(100% - 40px); }
  body.fx-content-reference.has-sidebar #primary > .content-container { grid-template-columns: minmax(0, 1fr) 220px; gap: 24px; }
  body.fx-content-reference #main .loop-entry .entry-content-wrap { padding: 20px; }
  body.fx-content-reference #main .loop-entry .entry-title { font-size: 20px; }
}
@media (max-width: 900px) {
  body.fx-content-reference.has-sidebar #primary > .content-container { grid-template-columns: minmax(0, 1fr); grid-template-areas: "main" "sidebar"; }
  body.fx-content-reference #secondary { display: block; position: static; height: auto; max-height: none; transform: none; opacity: 1; visibility: visible; overflow: visible; }
  body.fx-content-reference #secondary .sidebar-inner-wrap { position: static; width: auto; height: auto; transform: none; }
}
@media (max-width: 760px) {
  body.fx-content-reference .hero-container.site-container,
  body.fx-content-reference .content-container.site-container { width: calc(100% - 30px); }
  body.fx-content-reference .entry-hero .entry-header { min-height: 138px; padding: 26px 0; gap: 10px; }
  body.fx-content-reference .entry-hero h1 { font-size: clamp(28px, 7.4vw, 36px); }
  body.fx-content-reference #primary { padding: 28px 0 40px; }
  body.fx-content-reference #main .content-wrap > .single-entry > .entry-content-wrap { padding: 24px 20px; }
  body.fx-content-reference.page-id-1951 #main .content-wrap > .single-entry > .entry-content-wrap,
  body.fx-content-reference.page-id-1955 #main .content-wrap > .single-entry > .entry-content-wrap { padding: 0; }
  body.fx-content-reference #archive-container,
  body.fx-content-reference #blog_grid { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  body.fx-content-reference #main .loop-entry .entry-title { font-size: 22px; }
  body.fx-content-reference #main .single-content { font-size: 16px; }
  body.fx-content-reference #main .comment-respond { padding: 24px 20px; }
  body.fx-content-reference #main .tnp-subscription input.tnp-submit { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  body.fx-content-reference #primary * { scroll-behavior: auto; transition: none; }
}

body.fx-content-reference .entry-hero .hero-section-overlay{display:none}
body.fx-content-reference #main #blog-posts-products{margin-inline:0}
body.fx-content-reference.error404 #main .error{min-width:0}
body.fx-content-reference.error404 #main .page-content.entry{box-sizing:border-box;width:100%;max-width:100%;margin:0;border:1px solid #dfe7ef;border-radius:10px}
body.fx-content-reference.error404 #main .entry-content-wrap{box-sizing:border-box;min-width:0;width:100%;padding:clamp(22px,4vw,44px)}
body.fx-content-reference.error404 #main h1{font-size:clamp(28px,4vw,42px);margin:0 0 20px;overflow-wrap:break-word}
body.fx-content-reference #main .search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;position:relative;max-width:600px}
body.fx-content-reference #main .search-form label{display:block;min-width:0;margin:0}
body.fx-content-reference #main .search-form .search-field{width:100%;padding:12px}
body.fx-content-reference #main .search-form .search-submit{position:static;width:auto;min-width:0;height:48px;padding:10px 16px;text-indent:0;color:#fff;font-size:14px;opacity:1}
body.fx-content-reference #main .search-form .base-search-icon-wrap{display:none}
@media(max-width:420px){body.fx-content-reference.error404 #main .search-form{grid-template-columns:minmax(0,1fr)}}