/* ===== Blog Mabes – visual em cards ===== */
body.blog .site-main{max-width:1180px;margin:0 auto;padding:0 20px 80px}
body.blog .page-header{background:linear-gradient(135deg,#0b2a5b 0%,#0944BA 100%);border-radius:20px;padding:56px 40px;margin:32px 0 48px;text-align:center;position:relative;overflow:hidden}
body.blog .page-header::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.07)}
body.blog .page-header .entry-title{font-size:0;line-height:normal;margin:0}
body.blog .page-header .entry-title::before{content:"Blog Mabes";display:block;font-family:Montserrat,sans-serif;font-size:42px;font-weight:700;color:#fff;line-height:1.2}
body.blog .page-header .entry-title::after{content:"Dicas, orientações e novidades sobre gestão de condomínios";display:block;font-size:17px;font-weight:400;color:rgba(255,255,255,.85);margin-top:12px;line-height:1.5}
body.blog .page-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}
body.blog article.post{background:#fff;border:1px solid #e6eaf2;border-radius:16px;padding:32px 28px 28px;display:flex;flex-direction:column;box-shadow:0 2px 10px rgba(11,42,91,.05);transition:transform .25s,box-shadow .25s;position:relative;margin:0}
body.blog article.post::before{content:"";position:absolute;top:0;left:28px;width:48px;height:4px;background:#0944BA;border-radius:0 0 4px 4px}
body.blog article.post:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(11,42,91,.12)}
body.blog article.post .entry-title{font-family:Montserrat,sans-serif;font-size:21px;line-height:1.35;font-weight:700;margin:0 0 14px}
body.blog article.post .entry-title a{color:#0b2a5b;text-decoration:none}
body.blog article.post .entry-title a::after{content:"";position:absolute;inset:0;border-radius:16px}
body.blog article.post:hover .entry-title a{color:#0944BA}
body.blog article.post p{color:#5a6475;font-size:15.5px;line-height:1.65;margin:0 0 22px;flex:1}
body.blog article.post::after{content:"Ler artigo →";font-family:Montserrat,sans-serif;font-weight:600;font-size:14px;color:#0944BA}
body.blog article.post img{width:calc(100% + 56px);margin:-32px -28px 22px;border-radius:16px 16px 0 0;aspect-ratio:16/9;object-fit:cover;max-width:none}
body.blog .pagination{grid-column:1/-1;display:flex;justify-content:center;gap:12px;margin-top:40px}
body.blog .pagination a{padding:10px 20px;border-radius:999px;background:#0944BA;color:#fff;text-decoration:none;font-weight:600}
@media(max-width:600px){body.blog .page-header{padding:40px 22px;margin:20px 0 32px}body.blog .page-header .entry-title::before{font-size:30px}body.blog .page-content{grid-template-columns:1fr}}

/* ===== Ajustes mobile – site todo ===== */
@media (max-width:1024px){
  /* Menu hambúrguer: dropdown em largura total (estava espremido em 35px) */
  .elementor-element-97aaef6{position:relative}
  .elementor-element-5c3b724{position:static!important}
  .elementor-element-5c3b724 .elementor-nav-menu--dropdown{position:absolute;left:15px;right:15px;top:calc(100% + 6px);width:auto!important;z-index:9999;border-radius:12px;overflow:hidden;box-shadow:0 12px 30px rgba(11,42,91,.18)}
  .elementor-element-5c3b724 .elementor-nav-menu--dropdown a{padding:14px 20px!important;font-size:16px}
}
@media (max-width:767px){
  /* Texto justificado vira alinhado à esquerda (evita buracos entre palavras) */
  .elementor-element-363cc0d1,.elementor-element-363cc0d1 p,.elementor-element-58431c5,.elementor-element-58431c5 p,.elementor-element-8b4721d,.elementor-element-8b4721d p,.elementor-element-21ef807d,.elementor-element-21ef807d p,.elementor-element-3d76232,.elementor-element-3d76232 p,.elementor-element-707372b,.elementor-element-707372b p,.elementor-element-085f622,.elementor-element-085f622 p,.elementor-element-2483b97,.elementor-element-2483b97 p,.elementor-element-adcc2b7,.elementor-element-adcc2b7 p,.elementor-element-0dd257a,.elementor-element-0dd257a p,.elementor-element-e6e5d4a,.elementor-element-e6e5d4a p{text-align:left!important}
  /* Títulos dos ícones: line-height estava 1.1px e as linhas se sobrepunham */
  .elementor-icon-box-title,.elementor-icon-box-title span{line-height:1.3!important}
  .elementor-button-text{line-height:1.2!important}
  /* Sem hifenização quebrando palavras nos títulos */
  h1,h2,h3,h4,h5,h6{hyphens:manual!important;-webkit-hyphens:manual!important}
  /* Home: faixa "Tudo o que o seu condomínio precisa" vazava 10px pra direita */
  .elementor-element-579be60a{margin-left:0!important;margin-right:0!important}
  /* Home: respiro lateral no texto do banner */
  .elementor-element-2336250d,.elementor-element-461fab39{padding-left:16px!important;padding-right:16px!important}
  /* Home: CTA centralizado */
  .elementor-element-122c2ebf .elementor-heading-title{text-align:center!important}
  /* Sobre: selo "A única administradora..." cobria o texto abaixo */
  .elementor-element-516ed601{margin-bottom:80px!important}
  /* Associação / Condomínio: acordeão "Principais desafios" espremido (margem de 100px) */
  .elementor-element-d044f7e,.elementor-element-19e4cf7{margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important}
  /* Fale Conosco: campos com 16px (evita zoom automático no iPhone) e botão maior */
  /* Fale Conosco: abas lado a lado no topo (antes ficavam empilhadas e as outras abas iam pro fim do formulário) */
  .elementor-element-91d6752 .e-n-tabs-heading{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;order:-1!important;width:100%;margin-bottom:16px}
  .elementor-element-91d6752 .e-n-tabs-heading .e-n-tab-title{order:0!important;flex:1 1 0!important;width:auto!important;padding:10px 6px!important;justify-content:center;text-align:center}
  .elementor-element-91d6752 .e-n-tab-title-text{font-size:13px!important;line-height:1.2!important;white-space:normal}
  .elementor-form input,.elementor-form select,.elementor-form textarea{font-size:16px!important}
  .elementor-form .elementor-button{min-height:46px;padding-left:32px!important;padding-right:32px!important}
  /* Posts: coluna de texto mais larga (sobrava ~40px de cada lado) */
  .elementor-element-61c133ac > .e-con-inner{padding-left:8px!important;padding-right:8px!important}
  .elementor-element-7487e38f{margin-right:0!important}
  /* Rodapé: textos de 12px para 13px e link do blog com área de toque maior */
  .elementor-element-2d3cb377 .elementor-heading-title,.elementor-element-46ad7e52 .elementor-heading-title,.elementor-element-1608c9b a{font-size:13px!important}
  .elementor-element-1608c9b a{display:inline-block;padding:8px 0}
}