.elementor-kit-51{--e-global-color-primary:#C4C2BB;--e-global-color-secondary:#01185D;--e-global-color-text:#C4C2BB;--e-global-color-accent:#555555;--e-global-color-72c1202:#E2E0C7;--e-global-color-tn_navy2:#1A3A7A;--e-global-color-tn_gold:#8B6914;--e-global-color-tn_dark:#1A1A2E;--e-global-color-a0d6888:#FFFFFF;--e-global-color-d78c417:#EDBA3C;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-dcf2b82-font-family:"Montserrat";--e-global-typography-dcf2b82-font-weight:600;}.elementor-kit-51 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* TN — Paleta Original Override */
:root {
  --e-global-color-primary:   #C4C2BB;
  --e-global-color-secondary: #01185D;
  --e-global-color-text:      #C4C2BB;
  --e-global-color-accent:    #555555;
  --e-global-color-72c1202:   #E2E0C7;
}
/* Garantir que nenhum laranja/verde persiste */
.elementor-button.elementor-size-md,
.elementor-button { transition: opacity .2s, transform .2s; }
.elementor-button:hover { opacity: .88; transform: translateY(-1px); }
/* Posts — tipografia */
.re-theme-post .post-title { color: #01185D; font-family: 'Roboto Slab', serif; }
.re-theme-post .post-content p { color: #444; font-size: 17px; line-height: 1.85; }
.re-theme-post .post-content h2 { color: #01185D; font-family: 'Roboto Slab', serif; margin-top: 36px; }
.re-theme-post .post-content h3 { color: #01185D; font-family: 'Roboto Slab', serif; }
.re-theme-post .post-content blockquote { border-left: 4px solid #01185D; background: #F5F3EE; padding: 20px 24px; margin: 28px 0; font-style: italic; color: #555; }
.re-theme-post .post-content ul, .re-theme-post .post-content ol { color: #444; font-size: 16px; line-height: 2; }
.re-theme-post .post-content a { color: #01185D; }
.re-theme-post .post-content strong { color: #01185D; }
/* Categorias badges nos posts */
.re-theme-post .post-categories a { background: #01185D; color: #E2E0C7 !important; padding: 3px 12px; border-radius: 3px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; text-decoration: none; }
/* Post header */
.re-theme-post .post-header { padding: 48px 0 32px; border-bottom: 2px solid #F5F3EE; margin-bottom: 40px; }
/* Área de conteúdo do post */
.re-theme-post { max-width: 860px; margin: 0 auto; padding: 0 24px 60px; }
/* Assinatura do post */
.re-theme-post .post-content p:last-child em { color: #01185D; font-weight: 600; }


/* ============================================================
   TECENDO NEGÓCIOS — Template de Artigo (Single Post)
   Versão: 2.0 | Maio 2026

   ⚠️  APLICA-SE APENAS em páginas de artigo (body.single-post)
   ✅  NÃO afeta a página principal nem outras páginas

   COMO APLICAR:
   1. WordPress Admin → Elementor → Site Settings → Custom CSS
   2. Cole este CSS ABAIXO do conteúdo do arquivo
      "responsivo-tecendo-negocios.css" que já está lá
   3. Clique em "Save Changes"
   ============================================================ */


/* ╔══════════════════════════════════════════════════════════╗
   ║  VARIÁVEIS DE DESIGN — Sistema de cores e espaçamentos  ║
   ╚══════════════════════════════════════════════════════════╝ */

body.single-post {
  --tn-blue:          #01185D;   /* azul da marca */
  --tn-purple:        #605BE5;   /* roxo de destaque */
  --tn-dark:          #0A0A1A;   /* quase preto */
  --tn-text:          #2D2D2D;   /* texto do corpo */
  --tn-text-muted:    #6B7280;   /* texto secundário */
  --tn-text-light:    #9CA3AF;   /* texto terciário */
  --tn-bg:            #F3F6FB;   /* fundo da página */
  --tn-bg-card:       #FFFFFF;   /* fundo dos cards */
  --tn-border:        #DDE3EE;   /* bordas principais */
  --tn-border-light:  #EEF1F8;   /* bordas sutis */
  --tn-tag-bg:        #EEF0FF;   /* fundo das tags */
  --tn-tag-text:      #605BE5;   /* texto das tags */
  --tn-font-heading:  'Roboto Slab', Georgia, serif;
  --tn-font-body:     -apple-system, BlinkMacSystemFont, 'Segoe UI',
                      Roboto, 'Helvetica Neue', Arial, sans-serif;
  --tn-radius-sm:     6px;
  --tn-radius-md:     14px;
  --tn-radius-lg:     22px;
  --tn-shadow-sm:     0 2px 10px rgba(1, 24, 93, 0.07);
  --tn-shadow-md:     0 6px 24px rgba(1, 24, 93, 0.12);
  --tn-shadow-lg:     0 12px 48px rgba(1, 24, 93, 0.18);
  --tn-transition:    all 0.25s cubic-bezier(0.4, 0, 0.2, 1);

  background-color: var(--tn-bg) !important;
}


/* ╔══════════════════════════════════════════════════════════╗
   ║  1. BARRA DE PROGRESSO DE LEITURA (topo da página)     ║
   ╚══════════════════════════════════════════════════════════╝ */

body.single-post::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: var(--tn-reading-progress, 0%);
  height: 3px;
  background: linear-gradient(90deg, var(--tn-blue) 0%, var(--tn-purple) 100%);
  z-index: 99999;
  transition: width 0.15s linear;
}


/* ╔══════════════════════════════════════════════════════════╗
   ║  2. SEÇÃO DO ARTIGO — Container principal               ║
   ╚══════════════════════════════════════════════════════════╝ */

/* Zeramos o padding da section para controlar internamente */
body.single-post .elementor-element-2509713e {
  padding: 0 !important;
  background: transparent !important;
}

/* O inner do artigo vira uma grid de 2 colunas no desktop */
body.single-post .elementor-element-2509713e > .e-con-inner {
  display: grid !important;
  grid-template-columns: 1fr 320px !important;
  grid-template-rows: auto !important;
  gap: 32px !important;
  max-width: 1200px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 44px 24px 60px !important;
  align-items: start !important;
}

/* O primeiro filho vira a coluna principal (conteúdo) */
body.single-post .elementor-element-2509713e > .e-con-inner > .e-con:first-child {
  grid-column: 1 !important;
  grid-row: 1 / span 99 !important;   /* ocupa todas as linhas da coluna 1 */
  background: var(--tn-bg-card) !important;
  border-radius: var(--tn-radius-md) !important;
  border: 1px solid var(--tn-border) !important;
  padding: 52px 52px 44px !important;
  box-shadow: var(--tn-shadow-sm) !important;
  min-width: 0;
}

/* Demais filhos vão para a coluna 2 (sidebar) */
body.single-post .elementor-element-2509713e > .e-con-inner > .e-con:not(:first-child) {
  grid-column: 2 !important;
  background: var(--tn-bg-card) !important;
  border-radius: var(--tn-radius-md) !important;
  border: 1px solid var(--tn-border) !important;
  padding: 28px !important;
  box-shadow: var(--tn-shadow-sm) !important;
  position: sticky !important;
  top: 24px !important;
  overflow: hidden !important;
}

/* Linha decorativa no topo de cada card da sidebar */
body.single-post .elementor-element-2509713e > .e-con-inner > .e-con:not(:first-child)::before {
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--tn-blue) 0%, var(--tn-purple) 100%);
  margin-bottom: 20px;
  border-radius: var(--tn-radius-sm) var(--tn-radius-sm) 0 0;
  position: absolute;
  top: 0;
  left: 0;
}


/* ╔══════════════════════════════════════════════════════════╗
   ║  3. CABEÇALHO DO ARTIGO — Título H1 + Meta             ║
   ╚══════════════════════════════════════════════════════════╝ */

/* O primeiro heading dentro do artigo é o título */
body.single-post .elementor-element-2509713e .e-con:first-child
  > .e-con-inner > .elementor-widget-heading:first-child h1,
body.single-post .elementor-element-2509713e .e-con:first-child
  > .e-con-inner > .elementor-widget-heading:first-child h2,
body.single-post .elementor-element-eefaa309 .elementor-heading-title {
  font-family: var(--tn-font-heading) !important;
  font-size: clamp(1.75rem, 3vw, 2.4rem) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: var(--tn-blue) !important;
  letter-spacing: -0.02em !important;
  margin-bottom: 0.75em !important;
}

/* Linha decorativa azul-roxo acima do título principal */
body.single-post .elementor-element-eefaa309 .elementor-widget-heading:first-child
  .elementor-widget-container {
  position: relative;
  padding-top: 20px;
}

body.single-post .elementor-element-eefaa309 .elementor-widget-heading:first-child
  .elementor-widget-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  height: 4px;
  background: linear-gradient(90deg, var(--tn-blue) 0%, var(--tn-purple) 100%);
  border-radius: 100px;
}

/* Ícones sociais de compartilhamento dentro do artigo */
body.single-post .elementor-element-eefaa309 .elementor-widget-social-icons {
  margin: 20px 0 !important;
  padding: 20px 0 !important;
  border-top: 2px solid var(--tn-border-light) !important;
}

body.single-post .elementor-element-eefaa309 .elementor-social-icons-wrapper {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

body.single-post .elementor-element-eefaa309 .elementor-social-icon {
  width: 38px !important;
  height: 38px !important;
  border-radius: var(--tn-radius-sm) !important;
  box-shadow: var(--tn-shadow-sm) !important;
  transition: var(--tn-transition) !important;
}

body.single-post .elementor-element-eefaa309 .elementor-social-icon:hover {
  transform: translateY(-3px) scale(1.05) !important;
  box-shadow: var(--tn-shadow-md) !important;
}


/* ╔══════════════════════════════════════════════════════════╗
   ║  4. TIPOGRAFIA DO CORPO DO ARTIGO                      ║
   ╚══════════════════════════════════════════════════════════╝ */

/* Widget de texto (corpo do artigo) */
body.single-post .elementor-element-2509713e .e-con:first-child
  .elementor-widget-text-editor .elementor-widget-container,
body.single-post .elementor-element-eefaa309 .elementor-text-editor {
  font-family: var(--tn-font-body) !important;
  font-size: 17px !important;
  line-height: 1.85 !important;
  color: var(--tn-text) !important;
}

/* Parágrafos */
body.single-post .elementor-element-eefaa309 .elementor-text-editor p,
body.single-post .elementor-element-2509713e .e-con:first-child .elementor-widget-text-editor p {
  font-size: 17px !important;
  line-height: 1.85 !important;
  color: var(--tn-text) !important;
  margin-bottom: 1.5em !important;
}

/* Primeiro parágrafo: levemente maior como "lead" */
body.single-post .elementor-element-eefaa309 .elementor-text-editor p:first-of-type,
body.single-post .elementor-element-2509713e .e-con:first-child
  .elementor-widget-text-editor p:first-of-type {
  font-size: 19px !important;
  line-height: 1.75 !important;
  color: #444 !important;
  font-weight: 400 !important;
}

/* H2 dentro do corpo do artigo */
body.single-post .elementor-element-eefaa309 .elementor-text-editor h2,
body.single-post .elementor-element-2509713e .e-con:first-child .elementor-widget-text-editor h2 {
  font-family: var(--tn-font-heading) !important;
  font-size: clamp(1.3rem, 2.2vw, 1.75rem) !important;
  font-weight: 700 !important;
  color: var(--tn-blue) !important;
  margin: 2.75em 0 0.65em !important;
  line-height: 1.3 !important;
  padding-top: 0.65em !important;
  border-top: 2px solid var(--tn-border-light) !important;
  letter-spacing: -0.01em !important;
}

/* H3 dentro do corpo do artigo */
body.single-post .elementor-element-eefaa309 .elementor-text-editor h3,
body.single-post .elementor-element-2509713e .e-con:first-child .elementor-widget-text-editor h3 {
  font-family: var(--tn-font-heading) !important;
  font-size: clamp(1.1rem, 1.8vw, 1.4rem) !important;
  font-weight: 600 !important;
  color: var(--tn-blue) !important;
  margin: 2.25em 0 0.6em !important;
  line-height: 1.35 !important;
}

/* H4 dentro do corpo do artigo */
body.single-post .elementor-element-eefaa309 .elementor-text-editor h4,
body.single-post .elementor-element-2509713e .e-con:first-child .elementor-widget-text-editor h4 {
  font-family: var(--tn-font-body) !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: var(--tn-dark) !important;
  margin: 2em 0 0.5em !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

/* Links dentro do conteúdo */
body.single-post .elementor-element-eefaa309 .elementor-text-editor a,
body.single-post .elementor-element-2509713e .e-con:first-child .elementor-widget-text-editor a {
  color: var(--tn-purple) !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(96, 91, 229, 0.4) !important;
  text-underline-offset: 3px !important;
  font-weight: 500 !important;
  transition: var(--tn-transition) !important;
}

body.single-post .elementor-element-eefaa309 .elementor-text-editor a:hover,
body.single-post .elementor-element-2509713e .e-con:first-child .elementor-widget-text-editor a:hover {
  color: var(--tn-blue) !important;
  text-decoration-color: var(--tn-blue) !important;
}

/* Strong / Bold */
body.single-post .elementor-element-eefaa309 .elementor-text-editor strong,
body.single-post .elementor-element-2509713e .e-con:first-child .elementor-widget-text-editor strong {
  font-weight: 700 !important;
  color: var(--tn-dark) !important;
}


/* ╔══════════════════════════════════════════════════════════╗
   ║  5. LISTAS — Marcadores elegantes                      ║
   ╚══════════════════════════════════════════════════════════╝ */

body.single-post .elementor-text-editor ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 1.25em 0 1.75em !important;
}

body.single-post .elementor-text-editor ul li {
  position: relative !important;
  padding-left: 26px !important;
  margin-bottom: 0.6em !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
  color: var(--tn-text) !important;
}

body.single-post .elementor-text-editor ul li::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 11px !important;
  width: 9px !important;
  height: 9px !important;
  background: var(--tn-purple) !important;
  border-radius: 50% !important;
}

body.single-post .elementor-text-editor ol {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 1.25em 0 1.75em !important;
  counter-reset: tn-list !important;
}

body.single-post .elementor-text-editor ol li {
  position: relative !important;
  padding-left: 46px !important;
  margin-bottom: 0.65em !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
  color: var(--tn-text) !important;
  counter-increment: tn-list !important;
}

body.single-post .elementor-text-editor ol li::before {
  content: counter(tn-list) !important;
  position: absolute !important;
  left: 0 !important;
  top: 2px !important;
  width: 28px !important;
  height: 28px !important;
  background: var(--tn-blue) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  font-family: var(--tn-font-body) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}


/* ╔══════════════════════════════════════════════════════════╗
   ║  6. BLOCKQUOTE — Citação elegante                      ║
   ╚══════════════════════════════════════════════════════════╝ */

body.single-post .elementor-text-editor blockquote {
  position: relative !important;
  margin: 2.5em 0 !important;
  padding: 28px 32px 28px 56px !important;
  background: linear-gradient(135deg, #EEF0FF 0%, #F5F7FF 100%) !important;
  border-left: 5px solid var(--tn-purple) !important;
  border-radius: 0 var(--tn-radius-md) var(--tn-radius-md) 0 !important;
  font-size: 1.1rem !important;
  font-style: italic !important;
  line-height: 1.7 !important;
  color: var(--tn-blue) !important;
  overflow: hidden !important;
}

body.single-post .elementor-text-editor blockquote::before {
  content: '\201C' !important;
  position: absolute !important;
  top: 6px !important;
  left: 14px !important;
  font-size: 72px !important;
  font-family: Georgia, serif !important;
  color: var(--tn-purple) !important;
  opacity: 0.35 !important;
  line-height: 1 !important;
  font-style: normal !important;
}

body.single-post .elementor-text-editor blockquote p {
  margin: 0 !important;
  font-size: inherit !important;
  color: inherit !important;
  line-height: inherit !important;
}

body.single-post .elementor-text-editor blockquote cite {
  display: block !important;
  margin-top: 14px !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  color: var(--tn-text-muted) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}


/* ╔══════════════════════════════════════════════════════════╗
   ║  7. CÓDIGO INLINE E BLOCOS                             ║
   ╚══════════════════════════════════════════════════════════╝ */

body.single-post .elementor-text-editor code {
  background: #F0F3FA !important;
  border: 1px solid var(--tn-border) !important;
  border-radius: 4px !important;
  padding: 2px 8px !important;
  font-size: 0.875em !important;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace !important;
  color: var(--tn-purple) !important;
}

body.single-post .elementor-text-editor pre {
  background: var(--tn-dark) !important;
  border-radius: var(--tn-radius-md) !important;
  padding: 28px !important;
  overflow-x: auto !important;
  margin: 2em 0 !important;
}

body.single-post .elementor-text-editor pre code {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  color: #A8D8A8 !important;
  font-size: 14px !important;
}


/* ╔══════════════════════════════════════════════════════════╗
   ║  8. IMAGENS NO CORPO DO ARTIGO                         ║
   ╚══════════════════════════════════════════════════════════╝ */

body.single-post .elementor-text-editor img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: var(--tn-radius-md) !important;
  display: block !important;
  margin: 2.25em auto !important;
  box-shadow: var(--tn-shadow-md) !important;
}

body.single-post .elementor-text-editor figure {
  margin: 2em 0 !important;
}

body.single-post .elementor-text-editor figcaption {
  text-align: center !important;
  font-size: 13px !important;
  color: var(--tn-text-muted) !important;
  margin-top: 10px !important;
  font-style: italic !important;
}

/* Imagens flutuantes — desativadas no mobile via media query */
body.single-post .elementor-text-editor .alignleft {
  float: left !important;
  margin: 0.5em 2em 1.5em 0 !important;
  max-width: 42% !important;
  border-radius: var(--tn-radius-md) !important;
}

body.single-post .elementor-text-editor .alignright {
  float: right !important;
  margin: 0.5em 0 1.5em 2em !important;
  max-width: 42% !important;
  border-radius: var(--tn-radius-md) !important;
}

body.single-post .elementor-text-editor .aligncenter {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* ╔══════════════════════════════════════════════════════════╗
   ║  9. CABEÇALHOS NA SIDEBAR (cards secundários)          ║
   ╚══════════════════════════════════════════════════════════╝ */

body.single-post .elementor-element-2509713e > .e-con-inner > .e-con:not(:first-child)
  .elementor-heading-title {
  font-family: var(--tn-font-heading) !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  color: var(--tn-blue) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  margin: 0 0 18px !important;
  padding-bottom: 14px !important;
  border-bottom: 2px solid var(--tn-border-light) !important;
}

/* Texto dos cards da sidebar */
body.single-post .elementor-element-2509713e > .e-con-inner > .e-con:not(:first-child)
  .elementor-text-editor {
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: var(--tn-text) !important;
}

body.single-post .elementor-element-2509713e > .e-con-inner > .e-con:not(:first-child)
  .elementor-text-editor p {
  font-size: 15px !important;
  line-height: 1.7 !important;
  margin-bottom: 1em !important;
}

/* Links na sidebar */
body.single-post .elementor-element-2509713e > .e-con-inner > .e-con:not(:first-child)
  .elementor-text-editor a {
  color: var(--tn-purple) !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  transition: var(--tn-transition) !important;
}

body.single-post .elementor-element-2509713e > .e-con-inner > .e-con:not(:first-child)
  .elementor-text-editor a:hover {
  color: var(--tn-blue) !important;
  text-decoration: underline !important;
}

/* Ícones sociais na sidebar */
body.single-post .elementor-element-2509713e > .e-con-inner > .e-con:not(:first-child)
  .elementor-social-icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: var(--tn-radius-sm) !important;
  box-shadow: var(--tn-shadow-sm) !important;
  transition: var(--tn-transition) !important;
}

body.single-post .elementor-element-2509713e > .e-con-inner > .e-con:not(:first-child)
  .elementor-social-icon:hover {
  transform: translateY(-2px) !important;
  box-shadow: var(--tn-shadow-md) !important;
}


/* ╔══════════════════════════════════════════════════════════╗
   ║  10. SEPARADOR HORIZONTAL                              ║
   ╚══════════════════════════════════════════════════════════╝ */

body.single-post .elementor-text-editor hr {
  border: none !important;
  height: 2px !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--tn-border) 20%,
    var(--tn-border) 80%,
    transparent 100%
  ) !important;
  margin: 2.5em 0 !important;
}


/* ╔══════════════════════════════════════════════════════════╗
   ║  11. TABELAS                                           ║
   ╚══════════════════════════════════════════════════════════╝ */

body.single-post .elementor-text-editor table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 2em 0 !important;
  font-size: 15px !important;
  background: var(--tn-bg-card) !important;
  border-radius: var(--tn-radius-md) !important;
  overflow: hidden !important;
  box-shadow: var(--tn-shadow-sm) !important;
  border: 1px solid var(--tn-border) !important;
}

body.single-post .elementor-text-editor table thead th {
  background: var(--tn-blue) !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  padding: 14px 18px !important;
  text-align: left !important;
}

body.single-post .elementor-text-editor table tbody tr {
  transition: var(--tn-transition) !important;
}

body.single-post .elementor-text-editor table tbody tr:nth-child(even) {
  background: var(--tn-bg) !important;
}

body.single-post .elementor-text-editor table tbody tr:hover {
  background: var(--tn-tag-bg) !important;
}

body.single-post .elementor-text-editor table td {
  padding: 13px 18px !important;
  border-bottom: 1px solid var(--tn-border-light) !important;
  color: var(--tn-text) !important;
  line-height: 1.5 !important;
  vertical-align: top !important;
}


/* ╔══════════════════════════════════════════════════════════╗
   ║  12. BOTÃO "VER MAIS" / CTAs DENTRO DO ARTIGO         ║
   ╚══════════════════════════════════════════════════════════╝ */

body.single-post .elementor-element-2509713e .e-con:first-child .elementor-button {
  background: var(--tn-blue) !important;
  color: #fff !important;
  border-radius: var(--tn-radius-sm) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding: 14px 28px !important;
  transition: var(--tn-transition) !important;
  box-shadow: var(--tn-shadow-sm) !important;
  border: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

body.single-post .elementor-element-2509713e .e-con:first-child .elementor-button:hover {
  background: var(--tn-purple) !important;
  transform: translateY(-2px) !important;
  box-shadow: var(--tn-shadow-md) !important;
}


/* ╔══════════════════════════════════════════════════════════╗
   ║  13. WIDGET DE POST FEATURED IMAGE (Imagem Destaque)   ║
   ╚══════════════════════════════════════════════════════════╝

   Aplica-se quando o Template do Elementor usa o widget
   "Post Featured Image" (Theme Builder).                    */

body.single-post .elementor-widget-theme-post-featured-image {
  margin-bottom: 0 !important;
}

body.single-post .elementor-widget-theme-post-featured-image img {
  width: 100% !important;
  height: 420px !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: var(--tn-radius-md) var(--tn-radius-md) 0 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
}


/* ╔══════════════════════════════════════════════════════════╗
   ║  14. WIDGET POST TITLE (Theme Builder)                 ║
   ╚══════════════════════════════════════════════════════════╝ */

body.single-post .elementor-widget-theme-post-title .elementor-heading-title {
  font-family: var(--tn-font-heading) !important;
  font-size: clamp(1.8rem, 3vw, 2.6rem) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: var(--tn-blue) !important;
  letter-spacing: -0.025em !important;
  margin-bottom: 0.5em !important;
}


/* ╔══════════════════════════════════════════════════════════╗
   ║  15. WIDGET POST INFO / META (Theme Builder)           ║
   ╚══════════════════════════════════════════════════════════╝ */

body.single-post .elementor-widget-theme-post-info .elementor-icon-list-items {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px 20px !important;
  align-items: center !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 24px !important;
}

body.single-post .elementor-widget-theme-post-info .elementor-icon-list-item {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--tn-text-muted) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

body.single-post .elementor-widget-theme-post-info .elementor-icon-list-text a {
  color: var(--tn-purple) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: var(--tn-transition) !important;
}

body.single-post .elementor-widget-theme-post-info .elementor-icon-list-text a:hover {
  color: var(--tn-blue) !important;
}


/* ╔══════════════════════════════════════════════════════════╗
   ║  16. WIDGET POST TERMS / TAGS (Theme Builder)          ║
   ╚══════════════════════════════════════════════════════════╝ */

body.single-post .elementor-widget-post-terms .elementor-terms-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 0 !important;
  list-style: none !important;
  margin: 20px 0 !important;
}

body.single-post .elementor-widget-post-terms .elementor-terms-list a,
body.single-post .tagcloud a,
body.single-post .post-tags a {
  display: inline-flex !important;
  align-items: center !important;
  padding: 5px 14px !important;
  background: var(--tn-tag-bg) !important;
  color: var(--tn-tag-text) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.07em !important;
  border-radius: 100px !important;
  text-decoration: none !important;
  border: 1px solid rgba(96, 91, 229, 0.25) !important;
  transition: var(--tn-transition) !important;
}

body.single-post .elementor-widget-post-terms .elementor-terms-list a:hover,
body.single-post .tagcloud a:hover,
body.single-post .post-tags a:hover {
  background: var(--tn-purple) !important;
  color: #fff !important;
  border-color: var(--tn-purple) !important;
  transform: translateY(-1px) !important;
}


/* ╔══════════════════════════════════════════════════════════╗
   ║  17. WIDGET POST NAVIGATION (Anterior / Próximo)       ║
   ╚══════════════════════════════════════════════════════════╝ */

body.single-post .elementor-widget-post-navigation .elementor-post-navigation,
body.single-post .nav-links {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
  margin: 2.5em 0 !important;
}

body.single-post .elementor-widget-post-navigation .elementor-post-navigation__link,
body.single-post .nav-links .nav-previous,
body.single-post .nav-links .nav-next {
  background: var(--tn-bg-card) !important;
  border: 1px solid var(--tn-border) !important;
  border-radius: var(--tn-radius-md) !important;
  padding: 20px 24px !important;
  box-shadow: var(--tn-shadow-sm) !important;
  transition: var(--tn-transition) !important;
  text-decoration: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

body.single-post .elementor-widget-post-navigation .elementor-post-navigation__link:hover,
body.single-post .nav-links .nav-previous:hover,
body.single-post .nav-links .nav-next:hover {
  border-color: var(--tn-purple) !important;
  transform: translateY(-3px) !important;
  box-shadow: var(--tn-shadow-md) !important;
}

body.single-post .elementor-widget-post-navigation .elementor-post-navigation__link--next,
body.single-post .nav-links .nav-next {
  text-align: right !important;
}

body.single-post .elementor-post-navigation__link__prev-label,
body.single-post .elementor-post-navigation__link__next-label,
body.single-post .meta-nav {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  color: var(--tn-purple) !important;
}

body.single-post .elementor-post-navigation__link__title,
body.single-post .nav-links .post-title {
  font-family: var(--tn-font-heading) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--tn-blue) !important;
  line-height: 1.4 !important;
}


/* ╔══════════════════════════════════════════════════════════╗
   ║  18. WIDGET AUTHOR BOX (Theme Builder)                 ║
   ╚══════════════════════════════════════════════════════════╝ */

body.single-post .elementor-widget-author-box .elementor-author-box {
  display: flex !important;
  align-items: flex-start !important;
  gap: 24px !important;
  background: var(--tn-bg-card) !important;
  border: 1px solid var(--tn-border) !important;
  border-radius: var(--tn-radius-md) !important;
  padding: 32px !important;
  box-shadow: var(--tn-shadow-sm) !important;
  position: relative !important;
  overflow: hidden !important;
  margin-top: 2em !important;
}

body.single-post .elementor-widget-author-box .elementor-author-box::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 4px !important;
  background: linear-gradient(90deg, var(--tn-blue) 0%, var(--tn-purple) 100%) !important;
}

body.single-post .elementor-widget-author-box .elementor-author-box__avatar img {
  width: 80px !important;
  height: 80px !important;
  border-radius: 50% !important;
  border: 3px solid var(--tn-border) !important;
  box-shadow: none !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

body.single-post .elementor-widget-author-box .elementor-author-box__name {
  font-family: var(--tn-font-heading) !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: var(--tn-blue) !important;
  margin: 0 0 4px !important;
}

body.single-post .elementor-widget-author-box .elementor-author-box__bio {
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: var(--tn-text-muted) !important;
  margin: 8px 0 0 !important;
}


/* ╔══════════════════════════════════════════════════════════╗
   ║  19. SEÇÃO DE COMENTÁRIOS                              ║
   ╚══════════════════════════════════════════════════════════╝ */

body.single-post .comments-area {
  max-width: 780px;
  margin: 0 auto;
  padding: 40px 0;
}

body.single-post .comments-title {
  font-family: var(--tn-font-heading) !important;
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  color: var(--tn-blue) !important;
  margin-bottom: 28px !important;
  padding-bottom: 16px !important;
  border-bottom: 3px solid var(--tn-purple) !important;
  display: inline-block !important;
}

body.single-post .comment-body {
  background: var(--tn-bg-card) !important;
  border: 1px solid var(--tn-border) !important;
  border-radius: var(--tn-radius-md) !important;
  padding: 24px !important;
  margin-bottom: 16px !important;
  box-shadow: var(--tn-shadow-sm) !important;
}

body.single-post .comment-form input[type="text"],
body.single-post .comment-form input[type="email"],
body.single-post .comment-form input[type="url"],
body.single-post .comment-form textarea {
  width: 100% !important;
  border: 2px solid var(--tn-border) !important;
  border-radius: var(--tn-radius-sm) !important;
  padding: 12px 16px !important;
  font-size: 15px !important;
  font-family: var(--tn-font-body) !important;
  color: var(--tn-text) !important;
  transition: var(--tn-transition) !important;
  background: var(--tn-bg-card) !important;
}

body.single-post .comment-form input:focus,
body.single-post .comment-form textarea:focus {
  outline: none !important;
  border-color: var(--tn-purple) !important;
  box-shadow: 0 0 0 3px rgba(96, 91, 229, 0.15) !important;
}

body.single-post .comment-form input[type="submit"] {
  background: var(--tn-blue) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--tn-radius-sm) !important;
  padding: 14px 32px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: var(--tn-transition) !important;
}

body.single-post .comment-form input[type="submit"]:hover {
  background: var(--tn-purple) !important;
  transform: translateY(-2px) !important;
  box-shadow: var(--tn-shadow-md) !important;
}


/* ╔══════════════════════════════════════════════════════════╗
   ║  20. RESPONSIVO — TABLET (768px – 1024px)              ║
   ╚══════════════════════════════════════════════════════════╝ */

@media (max-width: 1024px) {

  /* Layout: coluna única (sidebar desce para baixo) */
  body.single-post .elementor-element-2509713e > .e-con-inner {
    grid-template-columns: 1fr !important;
    padding: 32px 20px 48px !important;
    gap: 24px !important;
  }

  /* Coluna de conteúdo: ocupa a linha 1 */
  body.single-post .elementor-element-2509713e > .e-con-inner > .e-con:first-child {
    grid-column: 1 !important;
    grid-row: 1 !important;
    padding: 40px 40px 36px !important;
  }

  /* Sidebar: ocupa a linha 2 (abaixo do conteúdo) */
  body.single-post .elementor-element-2509713e > .e-con-inner > .e-con:not(:first-child) {
    grid-column: 1 !important;
    position: static !important;  /* Remove sticky no tablet */
  }

  /* Posts relacionados na sidebar: disposição horizontal */
  body.single-post .elementor-element-2509713e > .e-con-inner > .e-con:not(:first-child) {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    gap: 20px !important;
    align-items: start !important;
  }

  /* Título H1: ajuste de tamanho */
  body.single-post .elementor-element-eefaa309 .elementor-heading-title {
    font-size: clamp(1.6rem, 3.5vw, 2.2rem) !important;
  }

  /* Imagem destaque: altura menor */
  body.single-post .elementor-widget-theme-post-featured-image img {
    height: 340px !important;
  }
}


/* ╔══════════════════════════════════════════════════════════╗
   ║  21. RESPONSIVO — MOBILE (até 767px)                   ║
   ╚══════════════════════════════════════════════════════════╝ */

@media (max-width: 767px) {

  /* Layout: coluna única, padding menor */
  body.single-post .elementor-element-2509713e > .e-con-inner {
    grid-template-columns: 1fr !important;
    padding: 16px 14px 40px !important;
    gap: 18px !important;
  }

  /* Conteúdo: padding mais compacto */
  body.single-post .elementor-element-2509713e > .e-con-inner > .e-con:first-child {
    padding: 28px 22px !important;
    border-radius: var(--tn-radius-sm) !important;
  }

  /* Sidebar: padding compacto */
  body.single-post .elementor-element-2509713e > .e-con-inner > .e-con:not(:first-child) {
    padding: 22px 18px !important;
    border-radius: var(--tn-radius-sm) !important;
    position: static !important;
    display: block !important;  /* Remove grid no mobile */
  }

  /* Título H1 */
  body.single-post .elementor-element-eefaa309 .elementor-heading-title {
    font-size: clamp(1.45rem, 6vw, 1.9rem) !important;
    line-height: 1.3 !important;
  }

  /* H2 no corpo */
  body.single-post .elementor-text-editor h2 {
    font-size: clamp(1.2rem, 5vw, 1.5rem) !important;
    margin-top: 2.25em !important;
  }

  /* H3 no corpo */
  body.single-post .elementor-text-editor h3 {
    font-size: clamp(1.05rem, 4.5vw, 1.25rem) !important;
  }

  /* Parágrafos: tamanho confortável no mobile */
  body.single-post .elementor-text-editor p,
  body.single-post .elementor-element-eefaa309 .elementor-text-editor p {
    font-size: 16px !important;
    line-height: 1.8 !important;
  }

  /* Lead paragraph */
  body.single-post .elementor-text-editor p:first-of-type {
    font-size: 17px !important;
  }

  /* Blockquote: compacto */
  body.single-post .elementor-text-editor blockquote {
    padding: 22px 20px 22px 44px !important;
    font-size: 1rem !important;
    margin: 1.75em 0 !important;
  }

  body.single-post .elementor-text-editor blockquote::before {
    font-size: 56px !important;
    top: 8px !important;
    left: 10px !important;
  }

  /* Imagens: sem float no mobile */
  body.single-post .elementor-text-editor .alignleft,
  body.single-post .elementor-text-editor .alignright {
    float: none !important;
    max-width: 100% !important;
    margin: 1.5em auto !important;
  }

  /* Imagem destaque */
  body.single-post .elementor-widget-theme-post-featured-image img {
    height: 220px !important;
    border-radius: var(--tn-radius-sm) var(--tn-radius-sm) 0 0 !important;
  }

  /* Imagens no corpo */
  body.single-post .elementor-text-editor img {
    margin: 1.5em auto !important;
    border-radius: var(--tn-radius-sm) !important;
    box-shadow: var(--tn-shadow-sm) !important;
  }

  /* Navegação prev/next: empilhada */
  body.single-post .elementor-widget-post-navigation .elementor-post-navigation,
  body.single-post .nav-links {
    grid-template-columns: 1fr !important;
  }

  /* Navegação: botão próximo sem alinhar à direita */
  body.single-post .elementor-widget-post-navigation .elementor-post-navigation__link--next,
  body.single-post .nav-links .nav-next {
    text-align: left !important;
  }

  /* Author box: empilhado */
  body.single-post .elementor-widget-author-box .elementor-author-box {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 24px !important;
    gap: 16px !important;
  }

  /* Ícones sociais no artigo */
  body.single-post .elementor-element-eefaa309 .elementor-social-icon {
    width: 34px !important;
    height: 34px !important;
  }

  /* Meta info */
  body.single-post .elementor-widget-theme-post-info .elementor-icon-list-items {
    gap: 5px 12px !important;
  }

  body.single-post .elementor-widget-theme-post-info .elementor-icon-list-item {
    font-size: 11px !important;
  }
}


/* ╔══════════════════════════════════════════════════════════╗
   ║  22. MOBILE PEQUENO (até 480px)                        ║
   ╚══════════════════════════════════════════════════════════╝ */

@media (max-width: 480px) {

  body.single-post .elementor-element-2509713e > .e-con-inner {
    padding: 12px 10px 32px !important;
  }

  body.single-post .elementor-element-2509713e > .e-con-inner > .e-con:first-child {
    padding: 22px 18px !important;
  }

  body.single-post .elementor-element-eefaa309 .elementor-heading-title {
    font-size: clamp(1.3rem, 5.5vw, 1.7rem) !important;
  }

  body.single-post .elementor-text-editor p,
  body.single-post .elementor-element-eefaa309 .elementor-text-editor p {
    font-size: 15.5px !important;
  }

  body.single-post .elementor-text-editor blockquote {
    padding: 18px 16px 18px 38px !important;
  }

  body.single-post .elementor-text-editor blockquote::before {
    font-size: 48px !important;
  }

  body.single-post .elementor-text-editor table {
    font-size: 13px !important;
    display: block !important;
    overflow-x: auto !important;
  }

  body.single-post .comment-form input[type="submit"] {
    width: 100% !important;
    text-align: center !important;
  }
}


/* ╔══════════════════════════════════════════════════════════╗
   ║  23. JAVASCRIPT AUXILIAR — Barra de progresso         ║
   ╚══════════════════════════════════════════════════════════╝

   Cole este script numa área de HTML customizado do Elementor
   (widget HTML) no início da página de artigo, OU adicione
   via Elementor > Site Settings > Custom Code > <head>.

   <script>
     document.addEventListener('DOMContentLoaded', function () {
       if (!document.body.classList.contains('single-post')) return;
       function updateProgress() {
         var el = document.querySelector(
           '.elementor-element-2509713e .e-con:first-child'
         );
         if (!el) return;
         var rect = el.getBoundingClientRect();
         var total = el.offsetHeight - window.innerHeight;
         var scrolled = Math.max(0, -rect.top);
         var pct = Math.min(100, Math.round((scrolled / total) * 100));
         document.body.style.setProperty(
           '--tn-reading-progress', pct + '%'
         );
       }
       window.addEventListener('scroll', updateProgress, { passive: true });
       updateProgress();
     });
   </script>
   ============================================================ *//* End custom CSS */