.elementor-4125 .elementor-element.elementor-element-fc2f34e{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4125 .elementor-element.elementor-element-6204eb2{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;}.elementor-4125 .elementor-element.elementor-element-d09fc18 .elementor-heading-title{color:#FF0000;font-family:"Poppins Custom", Sans-serif;font-size:56px;font-weight:600;line-height:60px;letter-spacing:-0.1px;}.elementor-4125 .elementor-element.elementor-element-c98a63a .elementor-icon-list-icon i{color:#FF4A3E;font-size:14px;}.elementor-4125 .elementor-element.elementor-element-c98a63a .elementor-icon-list-icon svg{fill:#FF4A3E;--e-icon-list-icon-size:14px;}.elementor-4125 .elementor-element.elementor-element-c98a63a .elementor-icon-list-icon{width:14px;}.elementor-4125 .elementor-element.elementor-element-c98a63a .elementor-icon-list-item{font-size:14px;font-weight:500;}.elementor-4125 .elementor-element.elementor-element-ea0f1b9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4125 .elementor-element.elementor-element-cab345e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4125 .elementor-element.elementor-element-e6e9202{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--background-transition:0.3s;}.elementor-4125 .elementor-element.elementor-element-4cc9011{text-align:left;font-family:"Poppins Custom", Sans-serif;font-size:15px;font-weight:400;}.elementor-4125 .elementor-element.elementor-element-4cc9011 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-4125 .elementor-element.elementor-element-b5cb019{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--background-transition:0.3s;--margin-top:20px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4125 .elementor-element.elementor-element-3902c5b .elementor-heading-title{color:#FF0000;font-family:"Poppins Custom", Sans-serif;font-size:25px;font-weight:600;line-height:60px;letter-spacing:-0.1px;}.elementor-4125 .elementor-element.elementor-element-3902c5b > .elementor-widget-container{margin:7px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-4125 .elementor-element.elementor-element-fc2f34e{--content-width:860px;}.elementor-4125 .elementor-element.elementor-element-ea0f1b9{--content-width:1200px;}.elementor-4125 .elementor-element.elementor-element-cab345e{--content-width:720px;}.elementor-4125 .elementor-element.elementor-element-b5cb019{--content-width:1200px;}}@media(max-width:1024px){.elementor-4125 .elementor-element.elementor-element-fc2f34e{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-4125 .elementor-element.elementor-element-d09fc18 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4125 .elementor-element.elementor-element-b5cb019{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:80px;--padding-left:30px;--padding-right:30px;}.elementor-4125 .elementor-element.elementor-element-3902c5b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-4125 .elementor-element.elementor-element-cab345e{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-4125 .elementor-element.elementor-element-b5cb019{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}}/* Start custom CSS for theme-post-content, class: .elementor-element-4cc9011 *//* Tampas Trink · Blog · widget Conteúdo do post (template single 4125, widget 4cc9011)
   Colar em: Elementor > widget Conteúdo do post > Avançado > CSS personalizado.
   SUBSTITUI tudo que estiver lá (havia uma versão mínima colada em 06/09).
   ".elementor-4125 .elementor-element.elementor-element-4cc9011" é trocado pelo Elementor pelo seletor do widget.

   Acento no laranja da marca (#F7391F), escolhido pelo Klaus em 16/09 no lugar do
   vermelho dos botoes. Para LINK e para o label do resumo, o tom escuro #A71906: o
   #F7391F faz 3,78:1 sobre branco, abaixo dos 4,5:1 que texto pequeno pede; o #A71906
   mantem o mesmo matiz (h=7) e faz 7,54:1.
   Texto #2B2B2B, fonte Poppins Custom herdada do tema.
   FAQ vira card quando é o ÚLTIMO H2 do post, com cada pergunta em H3
   (ordem do método: corpo → fechamento → FAQ). */

.elementor-4125 .elementor-element.elementor-element-4cc9011 {
  --tk-accent: #F7391F;
  --tk-accent-dark: #A71906;
  --tk-text: #2B2B2B;
  --tk-soft: #F6F6F6;
  --tk-tint: #F2F2F2;
  --tk-line: #E4E4E4;
  --tk-radius: 14px; /* um raio só pra imagem, vídeo, quote, tabela e FAQ */
  text-align: left;
}

.elementor-4125 .elementor-element.elementor-element-4cc9011 .elementor-widget-container {
  font-size: 17px;
  line-height: 1.75;
  color: var(--tk-text);
  max-width: 44em; /* 664px no desktop já cabe; a trava serve se o container abrir */
}

/* título nunca justificado: em tela estreita o justify estica o espaço entre palavras */
.elementor-4125 .elementor-element.elementor-element-4cc9011 .elementor-widget-container :is(h1, h2, h3, h4) {
  text-align: left;
  text-wrap: balance;
}

.elementor-4125 .elementor-element.elementor-element-4cc9011 p { margin: 0 0 1.15em; hyphens: none; }
.elementor-4125 .elementor-element.elementor-element-4cc9011 strong { color: #111111; font-weight: 700; }

.elementor-4125 .elementor-element.elementor-element-4cc9011 a {
  color: var(--tk-accent-dark);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}
.elementor-4125 .elementor-element.elementor-element-4cc9011 a:hover { color: var(--tk-accent); text-decoration-thickness: 2px; }

/* ---------- Títulos ---------- */
.elementor-4125 .elementor-element.elementor-element-4cc9011 h2 {
  position: relative;
  margin: 2em 0 0.7em;
  padding-top: 0.75em;
  font-size: 1.8em;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: #1A1A1A;
}
.elementor-4125 .elementor-element.elementor-element-4cc9011 h2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 4px;
  border-radius: 2px;
  background: var(--tk-accent);
}
.elementor-4125 .elementor-element.elementor-element-4cc9011 h3 {
  margin: 1.8em 0 0.5em;
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1.35;
  color: #1A1A1A;
}

/* ---------- Resumo (quote do topo) ---------- */
.elementor-4125 .elementor-element.elementor-element-4cc9011 blockquote {
  margin: 0 0 2.2em;
  padding: 1.3em 1.5em 1.3em 1.6em;
  border: 0;
  border-left: 4px solid var(--tk-accent);
  border-radius: 0 var(--tk-radius) var(--tk-radius) 0;
  background: var(--tk-tint);
  font-style: normal;
  font-size: 1em;
  color: var(--tk-text);
}
.elementor-4125 .elementor-element.elementor-element-4cc9011 blockquote::before {
  content: "Em resumo";
  display: block;
  margin-bottom: 0.4em;
  font-size: 0.75em;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tk-accent-dark);
}
.elementor-4125 .elementor-element.elementor-element-4cc9011 blockquote p { margin: 0; font-size: 1em; font-style: normal; font-weight: 400; }
.elementor-4125 .elementor-element.elementor-element-4cc9011 blockquote p + p { margin-top: 0.8em; }
.elementor-4125 .elementor-element.elementor-element-4cc9011 blockquote strong { font-weight: 700; }

/* ---------- Listas ---------- */
.elementor-4125 .elementor-element.elementor-element-4cc9011 ol,
.elementor-4125 .elementor-element.elementor-element-4cc9011 ul { margin: 0 0 1.3em; padding-left: 1.4em; }
.elementor-4125 .elementor-element.elementor-element-4cc9011 li { margin-bottom: 0.55em; padding-left: 0.2em; }
.elementor-4125 .elementor-element.elementor-element-4cc9011 ol li::marker { color: var(--tk-accent-dark); font-weight: 700; }
.elementor-4125 .elementor-element.elementor-element-4cc9011 ul li::marker { color: var(--tk-accent); }

/* ---------- Tabelas ---------- */
/* colada do HTML renderizado a tabela chega SEM wrapper; o wrapper só aparece
   quando o editor de blocos converte. As duas formas precisam funcionar. */
.elementor-4125 .elementor-element.elementor-element-4cc9011 .wp-block-table,
.elementor-4125 .elementor-element.elementor-element-4cc9011 .epitaxy-table-scroll {
  margin: 0 0 1.6em;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--tk-line);
  border-radius: var(--tk-radius);
}
.elementor-4125 .elementor-element.elementor-element-4cc9011 table {
  width: 100%;
  margin: 0 0 1.6em;
  border-collapse: collapse;
  border: 1px solid var(--tk-line);
  font-size: 0.93em;
  line-height: 1.5;
}
.elementor-4125 .elementor-element.elementor-element-4cc9011 .wp-block-table table,
.elementor-4125 .elementor-element.elementor-element-4cc9011 .epitaxy-table-scroll table { margin: 0; border: 0; }
.elementor-4125 .elementor-element.elementor-element-4cc9011 .wp-block-table tr > :first-child,
.elementor-4125 .elementor-element.elementor-element-4cc9011 .epitaxy-table-scroll tr > :first-child { border-left: 0; }
.elementor-4125 .elementor-element.elementor-element-4cc9011 .wp-block-table tr > :last-child,
.elementor-4125 .elementor-element.elementor-element-4cc9011 .epitaxy-table-scroll tr > :last-child { border-right: 0; }
.elementor-4125 .elementor-element.elementor-element-4cc9011 .wp-block-table thead th,
.elementor-4125 .elementor-element.elementor-element-4cc9011 .epitaxy-table-scroll thead th { border-top: 0; }
.elementor-4125 .elementor-element.elementor-element-4cc9011 .wp-block-table tbody tr:last-child td,
.elementor-4125 .elementor-element.elementor-element-4cc9011 .epitaxy-table-scroll tbody tr:last-child td { border-bottom: 0; }
.elementor-4125 .elementor-element.elementor-element-4cc9011 th,
.elementor-4125 .elementor-element.elementor-element-4cc9011 td {
  padding: 0.7em 0.9em;
  border: 1px solid var(--tk-line);
  text-align: left;
  vertical-align: top;
}
.elementor-4125 .elementor-element.elementor-element-4cc9011 thead th {
  background: var(--tk-text);
  color: #FFFFFF;
  font-weight: 600;
}
/* link no cabeçalho escuro: vermelho sobre grafite quase não se lê */
.elementor-4125 .elementor-element.elementor-element-4cc9011 thead th a { color: #FFFFFF; }
.elementor-4125 .elementor-element.elementor-element-4cc9011 tbody tr:nth-child(even) td { background: var(--tk-soft); }
.elementor-4125 .elementor-element.elementor-element-4cc9011 tbody td:first-child { font-weight: 600; color: #1A1A1A; }

/* ---------- Vídeo ---------- */
.elementor-4125 .elementor-element.elementor-element-4cc9011 iframe[src*="youtube"],
.elementor-4125 .elementor-element.elementor-element-4cc9011 iframe[src*="vimeo"] {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  border: 0;
  border-radius: var(--tk-radius);
}

/* ---------- Imagens ---------- */
/* editor clássico põe a imagem dentro de <p>; bloco Imagem usa <figure> */
.elementor-4125 .elementor-element.elementor-element-4cc9011 p:has(> img:only-child),
.elementor-4125 .elementor-element.elementor-element-4cc9011 figure.wp-block-image,
.elementor-4125 .elementor-element.elementor-element-4cc9011 .wp-caption {
  margin: 2em 0;
  max-width: 100%;
}
.elementor-4125 .elementor-element.elementor-element-4cc9011 img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-inline: auto;
  border-radius: var(--tk-radius);
}
.elementor-4125 .elementor-element.elementor-element-4cc9011 figcaption,
.elementor-4125 .elementor-element.elementor-element-4cc9011 .wp-caption-text {
  margin-top: 0.6em;
  font-size: 0.85em;
  line-height: 1.5;
  color: #6B6B6B;
  text-align: center;
}

/* ---------- FAQ: tudo depois do último H2 ---------- */
.elementor-4125 .elementor-element.elementor-element-4cc9011 h2:last-of-type ~ h3 {
  margin: 0.9em 0 0;
  padding: 1em 1.3em 0.4em;
  border-left: 4px solid var(--tk-accent);
  border-radius: var(--tk-radius) var(--tk-radius) 0 0;
  background: var(--tk-soft);
  font-size: 1.05em;
}
.elementor-4125 .elementor-element.elementor-element-4cc9011 h2:last-of-type ~ h3 ~ p,
.elementor-4125 .elementor-element.elementor-element-4cc9011 h2:last-of-type ~ h3 ~ ul,
.elementor-4125 .elementor-element.elementor-element-4cc9011 h2:last-of-type ~ h3 ~ ol {
  margin: 0;
  padding: 0 1.3em 0.8em;
  border-left: 4px solid var(--tk-accent);
  background: var(--tk-soft);
}
.elementor-4125 .elementor-element.elementor-element-4cc9011 h2:last-of-type ~ h3 ~ ul,
.elementor-4125 .elementor-element.elementor-element-4cc9011 h2:last-of-type ~ h3 ~ ol { padding-left: 2.6em; }
/* fecha o card no último bloco antes da próxima pergunta, ou no fim do post */
.elementor-4125 .elementor-element.elementor-element-4cc9011 h2:last-of-type ~ h3 ~ :is(p, ul, ol):has(+ h3),
.elementor-4125 .elementor-element.elementor-element-4cc9011 h2:last-of-type ~ h3 ~ :is(p, ul, ol):last-child {
  padding-bottom: 1.1em;
  border-radius: 0 0 var(--tk-radius) var(--tk-radius);
}

/* ---------- Tablet ---------- */
@media (max-width: 1024px) {
  .elementor-4125 .elementor-element.elementor-element-4cc9011 .elementor-widget-container { font-size: 16.5px; }
  .elementor-4125 .elementor-element.elementor-element-4cc9011 h2 { margin-top: 1.9em; font-size: 1.62em; }
}

/* ---------- Celular ---------- */
@media (max-width: 767px) {
  .elementor-4125 .elementor-element.elementor-element-4cc9011 { --tk-radius: 12px; }
  .elementor-4125 .elementor-element.elementor-element-4cc9011 .elementor-widget-container { font-size: 16px; line-height: 1.7; }
  .elementor-4125 .elementor-element.elementor-element-4cc9011 p:has(> img:only-child), .elementor-4125 .elementor-element.elementor-element-4cc9011 figure.wp-block-image { margin: 1.5em 0; }
  .elementor-4125 .elementor-element.elementor-element-4cc9011 h2 { margin-top: 1.8em; font-size: 1.42em; }
  .elementor-4125 .elementor-element.elementor-element-4cc9011 h3 { font-size: 1.12em; }
  .elementor-4125 .elementor-element.elementor-element-4cc9011 blockquote { padding: 1.1em 1.1em 1.1em 1.2em; }
  .elementor-4125 .elementor-element.elementor-element-4cc9011 table { font-size: 0.88em; }
  .elementor-4125 .elementor-element.elementor-element-4cc9011 th,
  .elementor-4125 .elementor-element.elementor-element-4cc9011 td { padding: 0.6em 0.7em; }
  /* 3 colunas cabem em 330px com menos respiro lateral; como bloco rolável rolavam
     poucos px e cortavam a borda. 4+ colunas: a própria tabela rola.
     NUNCA white-space:nowrap — estoura a página. Medido a 390px. */
  .elementor-4125 .elementor-element.elementor-element-4cc9011 table { white-space: normal; }
  /* 3 colunas: com fonte 0.82em a tabela cabe nos 328px do celular SEM quebrar palavra.
     Testado antes: table-layout fixed + break-word partia no meio ("abastecim/ento"), e
     hyphens:auto nao age (o motor nao tem dicionario pt-BR carregado). Se ainda nao couber,
     a propria tabela rola. 4+ colunas rolam sempre. Medido a 390px em 16/09. */
  .elementor-4125 .elementor-element.elementor-element-4cc9011 table:has(tr > :nth-child(3)):not(:has(tr > :nth-child(4))) {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    font-size: 0.8em;
  }
  /* 21/09: `overflow-wrap: normal` sozinho NAO impede a quebra no meio da palavra.
     O editor de blocos poe `class="has-fixed-layout"` em toda tabela colada, e o CSS do
     core do WordPress traz `.wp-block-table .has-fixed-layout td,th { word-break: break-word }`
     junto com `table-layout: fixed`. Colunas iguais + break-word = "reservatór/io" partido
     no celular, medido a 390px em `como-completar-agua-do-radiador`. As duas linhas abaixo
     desligam isso; com layout auto a tabela cabe em 348px e nao rola. */
  .elementor-4125 .elementor-element.elementor-element-4cc9011 table.has-fixed-layout { table-layout: auto; }
  .elementor-4125 .elementor-element.elementor-element-4cc9011 table:has(tr > :nth-child(3)) :is(th, td) {
    padding-left: 0.5em;
    padding-right: 0.5em;
    overflow-wrap: normal;
    word-break: normal;
  }
  .elementor-4125 .elementor-element.elementor-element-4cc9011 table:has(tr > :nth-child(4)) {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .elementor-4125 .elementor-element.elementor-element-4cc9011 table:has(tr > :nth-child(4)) :is(th, td) { min-width: 7em; overflow-wrap: normal; word-break: normal; }
  .elementor-4125 .elementor-element.elementor-element-4cc9011 h2:last-of-type ~ h3 { padding: 0.9em 1em 0.35em; }
  .elementor-4125 .elementor-element.elementor-element-4cc9011 h2:last-of-type ~ h3 ~ :is(p, ul, ol) { padding-left: 1em; padding-right: 1em; }
  .elementor-4125 .elementor-element.elementor-element-4cc9011 h2:last-of-type ~ h3 ~ :is(ul, ol) { padding-left: 2.2em; }
}/* End custom CSS */
/* Start custom CSS *//* Tampas Trink · Blog · template single 4125 · CABEÇALHO
   ONDE: template 4125 > engrenagem (Configurações da página) > Avançado > CSS personalizado.
   Substitui TUDO que estiver lá.

   ⚠️ IDs RELIDOS em 16/09/2026 depois de o template ser reconstruído. Os IDs da versão
   anterior (40535dc título, 8785c04 data, 43c8967 imagem de fundo) NÃO EXISTEM MAIS, e por
   isso aquele CSS não pegava no título. Quando um widget é recriado no Elementor ele ganha
   ID novo e o seletor antigo deixa de casar em silêncio, sem erro nenhum.

   IDs atuais:
     ea0f1b9  container da imagem destacada
     6e764e9  widget Imagem destacada (agora é <img> nativo, não mais background)
     d09fc18  título do post (H1)
     c98a63a  data
     4cc9011  conteúdo do post  (o CSS do corpo NÃO é aqui, é no widget)
     5789ad3  navegação anterior/próximo

   Por que com seletor de ID e não com classe: o CSS que o Elementor gera para o widget tem
   especificidade maior que uma classe simples. Com o ID a regra empata e vem depois. */

/* ---------- Larguras: IGUAIS às do blog da Rocama ----------
   Medido no ar em 16/09 nas duas páginas. A Rocama NÃO alinha o título com o texto: a
   caixa do título é mais larga (840 contra 720 no desktop) e começa 60px antes. Foi essa
   diferença — e não fonte ou capa, que já eram idênticas — que deixava a Trink diferente:
   eu tinha travado título e texto na mesma coluna de 700px.

   Alvo da Rocama, reproduzido aqui:
     título/breadcrumb/data   840 @ x=256 · 633 @ x=60 · 330 @ x=30
     conteúdo                 720 @ x=316 · 588 @ x=83 · 350 @ x=20

   Os containers levam +20px do padding interno de 10px de cada lado — por isso 860/653/350
   no cabeçalho. No conteúdo o padding é zerado, porque no desktop e no celular a coluna
   precisa CRESCER e o pai não deixa passar de 720/350. */
.elementor-4125 .elementor-element.elementor-element-6204eb2 {
  max-width: 860px;
  margin-inline: auto;
}
.elementor-4125 .elementor-element.elementor-element-e6e9202 {
  --padding-left: 0px;
  --padding-right: 0px;
  max-width: 720px;
  margin-inline: auto;
}

/* A CAPA NÃO ENTRA nessa trava de propósito. Na Rocama ela é larga (1200px, medido no ar
   em 16/09, contra 663px do texto) e é isso que dá o efeito de destaque. O container
   ea0f1b9 já entrega 1200px ao widget; travar em 700 deixava a capa do tamanho do texto.
   Sem isto o container entrega só 800px ao widget. Medidas da Rocama, no ar em 16/09:
   1200px no desktop, borda a borda no tablet, 370px (10px de respiro) no celular. */
.elementor-4125 { --tk-capa: 1200px; }

/* o container da capa é flex com align-items:center, e isso encolhe o widget ao
   conteúdo: sem o width:100% abaixo ele fica em 700px mesmo com 1200 disponíveis */
.elementor-4125 .elementor-element.elementor-element-6e764e9 {
  width: 100%;
}
.elementor-4125 .elementor-element.elementor-element-6e764e9 > .elementor-widget-container {
  width: 100%;
  max-width: var(--tk-capa);
  margin-inline: auto;
}

/* ---------- Breadcrumb (JetBlocks, widget 0141ecd) ----------
   O JetBlocks fecha a trilha com a página atual num <span class="jet-breadcrumbs__item-target">,
   que repete o título logo abaixo. Esconde-se o item da página atual E o separador que vem
   antes dele. A condição :has(...:not(.is-home)) garante que a regra só age quando existe
   item além do Home — sem ela, num contexto de trilha curta sobraria "Home" sozinho. */
.elementor-4125 .elementor-element.elementor-element-0141ecd .jet-breadcrumbs__wrap:has(.jet-breadcrumbs__item-link:not(.is-home)) .jet-breadcrumbs__item:has(> .jet-breadcrumbs__item-target),
.elementor-4125 .elementor-element.elementor-element-0141ecd .jet-breadcrumbs__wrap:has(.jet-breadcrumbs__item-link:not(.is-home)) .jet-breadcrumbs__item:has(+ .jet-breadcrumbs__item > .jet-breadcrumbs__item-target) {
  display: none;
}
.elementor-4125 .elementor-element.elementor-element-0141ecd > .elementor-widget-container {
  margin-bottom: 14px;
}

/* ---------- Imagem destacada ---------- */
/* Virou widget de imagem nativo. Sem regra, o <img> sai no tamanho do arquivo
   (600x407, proporção 1,47) com object-fit fill. Proporção fixa deixa toda capa igual.
   Raio 24/18/12 e largura ampla: é o mesmo tratamento do blog da Rocama. */
.elementor-4125 .elementor-element.elementor-element-6e764e9 img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center;
  border-radius: 24px;
}
.elementor-4125 .elementor-element.elementor-element-ea0f1b9 {
  --margin-bottom: 28px;
}

/* ---------- Título ---------- */
/* Estava 26px com line-height 26px (= font-size): as duas linhas encostavam uma na outra.
   Laranja da marca (#F7391F, escolhido pelo Klaus em 16/09) no lugar do #FF0000 puro.
   Tamanho e espaçamento IGUAIS aos do blog da Rocama, medidos no ar em 16/09 em
   /blog-rocama/grampeador-rocama-106-r/: 55px/60px no desktop, 42px/1.12 no tablet e
   32px/1.15 no celular, peso 800 e letter-spacing -0.1px nos três. */
.elementor-4125 .elementor-element.elementor-element-d09fc18 .elementor-heading-title {
  font-size: 55px;
  line-height: 60px;
  font-weight: 800;
  color: #F7391F;
  letter-spacing: -0.1px;
  margin: 0;
  text-wrap: balance;
}
.elementor-4125 .elementor-element.elementor-element-d09fc18 > .elementor-widget-container {
  margin-bottom: 6px;
}

/* ---------- Data ---------- */
/* O widget Info do post usa .elementor-inline-items com margem lateral NEGATIVA de 8px
   para compensar o padding dos itens. Com o widget em largura total, essa margem vaza:
   medido a 390px, a lista ia de -8 a 398 e estourava a página em 8px. Zerar a margem e
   tirar o padding só das pontas resolve sem colar os itens entre si. */
.elementor-4125 .elementor-element.elementor-element-c98a63a .elementor-inline-items {
  margin-left: 0;
  margin-right: 0;
}
.elementor-4125 .elementor-element.elementor-element-c98a63a .elementor-inline-items > .elementor-inline-item:first-child {
  padding-left: 0;
}
.elementor-4125 .elementor-element.elementor-element-c98a63a .elementor-inline-items > .elementor-inline-item:last-child {
  padding-right: 0;
}
.elementor-4125 .elementor-element.elementor-element-c98a63a .elementor-icon-list-text {
  letter-spacing: 0.01em;
}

/* ---------- Posts relacionados (JetEngine Listing Grid, widget 504e625) ----------
   O grid usa margem lateral NEGATIVA de 10px como gutter, e no celular ela vaza: medido
   em 17/09 no artigo publicado, o grid ia de -10 a 400 numa tela de 390 e a pagina inteira
   rolava 10px de lado. Mesmo defeito do widget de data, outro widget. Zerar a margem e o
   width:auto (o widget declara width:410px junto com a margem) resolve sem colar os cards:
   o padding de 10px de cada item continua fazendo o gutter interno. */
.elementor-4125 .elementor-element.elementor-element-504e625 .jet-posts {
  margin-left: 0;
  margin-right: 0;
  width: auto;
}

/* ---------- Navegação anterior/próximo ---------- */
.elementor-4125 .elementor-element.elementor-element-5789ad3 .nav-links a {
  text-decoration: none;
}

/* ---------- Tablet ---------- */
@media (max-width: 1024px) {
  .elementor-4125 .elementor-element.elementor-element-6204eb2 { max-width: 653px; }
  .elementor-4125 .elementor-element.elementor-element-e6e9202 { max-width: 588px; }
  .elementor-4125 .elementor-element.elementor-element-d09fc18 .elementor-heading-title {
    font-size: 42px;
    line-height: 1.12;
  }
  .elementor-4125 .elementor-element.elementor-element-6e764e9 img { border-radius: 18px; }
}

/* ---------- Celular ---------- */
@media (max-width: 767px) {
  /* 21/09: era `max-width: 350px` fixo nos dois, e 350 só está certo a 390. De 400 a 767
     a coluna continuava travada em 350 — iPad mini em pé (744) e celular deitado (667)
     liam um texto de 350px no meio da tela. Não é estouro, é buraco lateral, e por isso
     `docSW == vw` nunca acusou: só medindo a coluna em 667/744/767 aparece.
     Com `min()` a trava vira teto e a coluna acompanha a tela: medido no ar a 360 (300/320),
     390 (330/350, iguais ao que já estava), 430 (370/390), 667 (607/588) e 744 e 767
     (633/588, que é a proporção do tablet). Nenhuma largura estoura. */
  .elementor-4125 .elementor-element.elementor-element-6204eb2 { max-width: min(653px, calc(100vw - 40px)); }
  .elementor-4125 .elementor-element.elementor-element-e6e9202 { max-width: min(588px, calc(100vw - 40px)); }
  .elementor-4125 .elementor-element.elementor-element-d09fc18 .elementor-heading-title {
    font-size: 32px;
    line-height: 1.15;
  }
  .elementor-4125 .elementor-element.elementor-element-6e764e9 img { border-radius: 12px; }
  /* A capa fica mais larga que o texto também no celular: 370px com 10px de respiro de
     cada lado, que é a medida da Rocama no ar. Ela é a única coisa que sangra para fora
     da coluna, de propósito. */
  .elementor-4125 .elementor-element.elementor-element-ea0f1b9 {
    --margin-bottom: 20px;
    --padding-left: 10px;
    --padding-right: 10px;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Poppins Custom';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://trinklimpo.adflux.com.br/wp-content/uploads/2023/08/Poppins-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins Custom';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://trinklimpo.adflux.com.br/wp-content/uploads/2023/08/Poppins-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins Custom';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://trinklimpo.adflux.com.br/wp-content/uploads/2023/08/Poppins-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins Custom';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://trinklimpo.adflux.com.br/wp-content/uploads/2023/08/Poppins-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins Custom';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://trinklimpo.adflux.com.br/wp-content/uploads/2023/08/Poppins-ExtraBold.ttf') format('truetype');
}
/* End Custom Fonts CSS */