.elementor .e-aba0ea5{width:70%;flex-direction:column;}.elementor .e-3ac306b{width:30%;padding:30px;flex-direction:column;}.elementor .e-c48e1f5{padding:50px;flex-direction:row;/* =========================================================================
 MASTERFUEL — SINGLE POST
 CSS personalizado do template (Elementor → Avançado → CSS personalizado)
 Versão com ajuste completo de mobile — 20/08/2026
 Substitui integralmente o CSS anterior.
 Breakpoints: 1024px (tablet) · 767px (mobile) · 480px (celular pequeno)
 ========================================================================= */


/* ============ 0. BASE DE SEGURANÇA ============ */
/* Impede que qualquer imagem, vídeo ou tabela estoure a largura da tela */

selector img,
selector iframe,
selector video{
max-width:100%!important;
height:auto;
}

selector .elementor-widget-theme-post-content table{
display:block;
width:100%;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
}

selector *{
-webkit-tap-highlight-color:rgba(22,72,33,.15);
}


/* ============ 1. TÍTULO ============ */

selector .elementor-widget-theme-post-title .elementor-heading-title{
font-family:'Barlow Condensed',sans-serif!important;
font-weight:900!important;
text-transform:uppercase;
font-size:clamp(30px,7.5vw,68px)!important;   /* mínimo menor: cabe em tela de 360px */
line-height:.98!important;
letter-spacing:-.01em;
margin-bottom:6px!important;
overflow-wrap:break-word;                      /* palavra longa não estoura a tela */
hyphens:auto;
}

@media (max-width:767px){
selector .elementor-widget-theme-post-title .elementor-heading-title{
  line-height:1.02!important;
  letter-spacing:0;
  margin-bottom:10px!important;
}
}


/* ============ 2. INFO (data + categoria) ============ */

selector .elementor-widget-post-info .elementor-icon-list-items{
display:flex;
flex-wrap:wrap;                                /* quebra em vez de espremer */
gap:6px 18px;
}

selector .elementor-widget-post-info .elementor-icon-list-item{
font-family:'Inter',sans-serif!important;
font-size:13px!important;
text-transform:uppercase;
letter-spacing:.05em;
color:#1f6b30!important;
font-weight:600!important;
margin:0!important;
}

@media (max-width:767px){
selector .elementor-widget-post-info .elementor-icon-list-item{
  font-size:12px!important;
  letter-spacing:.04em;
}
selector .elementor-widget-post-info .elementor-icon-list-items{
  gap:4px 14px;
}
}


/* ============ 3. IMAGEM DE CAPA ============ */

selector .elementor-widget-theme-post-featured-image img{
border-radius:16px!important;
box-shadow:0 18px 50px rgba(0,0,0,.15)!important;
display:block;
width:100%;
}

@media (max-width:767px){
selector .elementor-widget-theme-post-featured-image img{
  border-radius:12px!important;
  box-shadow:0 8px 22px rgba(0,0,0,.13)!important;   /* sombra menor: fica mais limpo */
}
}


/* ============ 4. TEXTO BREVE (widget Trecho da Postagem) ============ */

selector .elementor-widget-theme-post-excerpt{
font-family:'Inter',sans-serif!important;
font-size:19px;
line-height:1.6;
color:#333;
border-left:4px solid #164821;
padding-left:20px;
margin:0 0 28px;
}

@media (max-width:767px){
selector .elementor-widget-theme-post-excerpt{
  font-size:16.5px;
  line-height:1.62;
  padding-left:14px;
  border-left-width:3px;
  margin-bottom:22px;
}
}


/* ============ 5. CORPO DO TEXTO ============ */

selector .elementor-widget-theme-post-content{
font-family:'Inter',sans-serif!important;
font-size:17px;
line-height:1.85;
color:#333;
overflow-wrap:break-word;
}

selector .elementor-widget-theme-post-content p{ margin-bottom:20px; }
selector .elementor-widget-theme-post-content strong{ color:#164821; }

selector .elementor-widget-theme-post-content h2,
selector .elementor-widget-theme-post-content h3{
font-family:'Barlow Condensed',sans-serif;
font-weight:800;
text-transform:uppercase;
color:#0d0d0d;
line-height:1.05;
margin:36px 0 12px;
}
selector .elementor-widget-theme-post-content h2{ font-size:clamp(24px,5vw,34px); }
selector .elementor-widget-theme-post-content h3{ font-size:clamp(20px,4vw,26px); }

selector .elementor-widget-theme-post-content ul,
selector .elementor-widget-theme-post-content ol{
padding-left:22px;
margin-bottom:20px;
}
selector .elementor-widget-theme-post-content li{ margin-bottom:8px; }

selector .elementor-widget-theme-post-content blockquote{
border-left:4px solid #164821;
background:rgba(22,72,33,.05);
padding:16px 20px;
margin:28px 0;
border-radius:0 10px 10px 0;
font-style:normal;
}

selector .elementor-widget-theme-post-content a{
color:#1f6b30;
text-decoration:underline;
text-underline-offset:3px;
}

@media (max-width:767px){
selector .elementor-widget-theme-post-content{
  font-size:16.5px;
  line-height:1.72;                              /* mais compacto: menos rolagem */
}
selector .elementor-widget-theme-post-content p{ margin-bottom:16px; }
selector .elementor-widget-theme-post-content h2,
selector .elementor-widget-theme-post-content h3{ margin:28px 0 10px; }
selector .elementor-widget-theme-post-content blockquote{
  padding:14px 16px;
  margin:22px 0;
}
}


/* ============ 6. GALERIA ============ */
/* Cobre os 3 formatos: bloco novo (has-nested-images),
 bloco antigo (blocks-gallery-grid) e shortcode clássico [gallery] */

selector .wp-block-gallery{
gap:12px!important;
margin:28px 0;
}

selector .wp-block-gallery img,
selector .gallery img{
border-radius:12px;
width:100%;
height:100%;
object-fit:cover;
transition:transform .3s ease,box-shadow .3s ease;
}

/* Altura uniforme — evita o efeito "escadinha" quando as fotos têm proporções diferentes */
selector .wp-block-gallery.has-nested-images figure.wp-block-image,
selector .blocks-gallery-grid .blocks-gallery-item{
aspect-ratio:4/3;
overflow:hidden;
border-radius:12px;
}

/* Hover só onde existe mouse — em celular o efeito ficava "preso" após o toque */
@media (hover:hover) and (pointer:fine){
selector .wp-block-gallery img:hover,
selector .gallery img:hover{
  transform:translateY(-4px) scale(1.02);
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}
}

/* Tablet — 3 colunas viram 2 */
@media (max-width:1024px) and (min-width:768px){
selector .wp-block-gallery.has-nested-images figure.wp-block-image{
  flex-basis:calc(33.333% - 8px)!important;
  max-width:calc(33.333% - 8px)!important;
}
}

/* Mobile — 2 colunas, gap menor */
@media (max-width:767px){
selector .wp-block-gallery{
  gap:8px!important;
  margin:20px 0;
}
selector .wp-block-gallery.has-nested-images figure.wp-block-image{
  flex-basis:calc(50% - 4px)!important;
  max-width:calc(50% - 4px)!important;
}
selector .blocks-gallery-grid .blocks-gallery-item,
selector .gallery .gallery-item{
  width:calc(50% - 4px)!important;
  margin:0 0 8px!important;
}
selector .wp-block-gallery img,
selector .gallery img{ border-radius:10px; }
/* feedback de toque no lugar do hover */
selector .wp-block-gallery img:active,
selector .gallery img:active{ transform:scale(.98); }
}

/* Celular pequeno — 1 coluna, foto grande
 >>> Se preferir manter 2 colunas até em tela pequena, apague este bloco inteiro. */
@media (max-width:480px){
selector .wp-block-gallery.has-nested-images figure.wp-block-image{
  flex-basis:100%!important;
  max-width:100%!important;
  aspect-ratio:16/10;
}
selector .blocks-gallery-grid .blocks-gallery-item,
selector .gallery .gallery-item{ width:100%!important; }
}


/* ============ 7. LATERAL "LEIA TAMBÉM" / "CONFIRA OUTROS ENCONTROS" ============ */

selector .elementor-posts .elementor-post{
background:#fff;
border:1px solid rgba(0,0,0,.08);
border-radius:14px;
overflow:hidden;
box-shadow:0 4px 16px rgba(0,0,0,.06);
transition:transform .25s ease,box-shadow .25s ease;
margin-bottom:20px;
}

@media (hover:hover) and (pointer:fine){
selector .elementor-posts .elementor-post:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 40px rgba(0,0,0,.14);
}
}

selector .elementor-posts .elementor-post__text{ padding:16px 18px; }

selector .elementor-posts .elementor-post__title{
font-family:'Barlow Condensed',sans-serif;
font-weight:800;
text-transform:uppercase;
font-size:18px;
line-height:1.05;
margin-bottom:6px;
}
selector .elementor-posts .elementor-post__title a{ color:#0d0d0d; }
selector .elementor-posts .elementor-post__title a:hover{ color:#1f6b30; }

selector .elementor-posts .elementor-post__excerpt p{
font-size:13px;
color:#666;
line-height:1.6;
}

selector .elementor-posts .elementor-post__thumbnail{
border-radius:0;
}

/* Tablet — a lateral vira uma faixa de 2 cards lado a lado */
@media (max-width:1024px){
selector .elementor-posts-container{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
}
selector .elementor-posts .elementor-post{
  flex:1 1 calc(50% - 8px);
  margin-bottom:0;
}
}

/* Mobile — 1 card por linha, cartão mais baixo */
@media (max-width:767px){
selector .elementor-posts-container{ display:block; }
selector .elementor-posts .elementor-post{
  margin-bottom:14px;
  border-radius:12px;
  box-shadow:0 3px 12px rgba(0,0,0,.07);
}
selector .elementor-posts .elementor-post__text{ padding:13px 15px; }
selector .elementor-posts .elementor-post__title{ font-size:17px; }
selector .elementor-posts .elementor-post:active{ transform:scale(.99); }
}


/* ============ 8. RESPIRO GERAL NO MOBILE ============ */
/* Garante margem lateral mesmo se algum container estiver com padding 0 */

@media (max-width:767px){
selector > .elementor-container,
selector > .e-con-inner{
  padding-left:16px!important;
  padding-right:16px!important;
}
}

/* Evita rolagem horizontal acidental na página inteira */
@media (max-width:767px){
selector{ overflow-x:hidden; }
}\n}.elementor .e-adff210{padding:0px;flex-direction:column;}