/* Corrige titulos invisiveis nos Posts Relacionados (Jetpack) */
.jp-relatedposts-post-title a,
.jp-relatedposts-post-title a:visited {
	  color: #000 !important;
}

/* NÓS: oculta o ícone "Mais informações" (side menu) no cabeçalho */
#side-menu-switch{display:none!important}

/* NÓS: header sólido no topo da página de Contato (page-id-15384).
   O cabeçalho do tema é transparente antes da rolagem; sobre o fundo claro
   do topo desta página os itens do menu ficavam ilegíveis. Aqui forçamos
   o mesmo fundo sólido do estado "rolado" (a13-sticky-variant) já no topo,
   apenas nesta página. O comportamento de fade segue normal nas demais. */
body.page-id-15384 #header.a13-normal-variant,
body.page-id-15384 #header.a13-normal-variant:hover {
  background-color: #164D53 !important;
  box-shadow: 0 0 12px rgba(0,0,0,0.09) !important;
}

/* Header sólido no topo - Sobre Nova (page-id-15867) */
body.page-id-15867 #header.a13-normal-variant,
body.page-id-15867 #header.a13-normal-variant:hover {
  background-color: #164D53 !important;
  box-shadow: 0 0 12px rgba(0,0,0,0.09) !important;
}

/* Cannes 2026 - header solido no topo (menu legivel) */
body.page-id-15990 #header.a13-normal-variant,
body.page-id-15990 #header.a13-normal-variant:hover {
  background-color: #164D53 !important;
  box-shadow: 0 0 12px rgba(0,0,0,0.09) !important;
}

/* Fundo solido no menu mobile (corrige transparencia no topo) */
@media (max-width:1024px){
  .mobile-menu .navigation-bar .menu-container{ background-color:#164D53 !important; }
}

/* === Listagem Mídia estilo Cannes (página /midia/) === */
body.blog .posts-grid-container .grid-master{display:none !important}
body.blog .posts-grid-container{position:static !important;height:auto !important;display:grid !important;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:30px;max-width:1180px;margin:0 auto;float:none !important}
body.blog .archive-item{position:static !important;left:auto !important;top:auto !important;width:auto !important;margin:0 !important;float:none !important;display:flex;flex-direction:column;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(6,76,84,.08);border:1px solid rgba(6,76,84,.06);transition:transform .28s ease,box-shadow .28s ease}
body.blog .archive-item:hover{transform:translateY(-8px);box-shadow:0 22px 48px rgba(6,76,84,.18)}
body.blog .archive-item .item-image{height:200px;overflow:hidden;margin:0;border-radius:0}
body.blog .archive-item .item-image a{display:block;height:100%}
body.blog .archive-item .item-image img{width:100% !important;height:100% !important;object-fit:cover;display:block;margin:0;max-width:none}
body.blog .archive-item .formatter{padding:0;margin:0;border:0;background:none}
body.blog .archive-item .real-content{padding:24px 24px 26px;display:flex;flex-direction:column;flex:1;border:0;margin:0}
body.blog .archive-item .post-meta{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px;padding:0}
body.blog .archive-item .post-meta:before{content:"Na mídia";background:rgba(0,169,157,.12);color:#064C54;font-weight:600;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:5px 11px;border-radius:20px}
body.blog .archive-item .post-meta .entry-date{color:#8a9a9c;font-size:12px;font-weight:500}
body.blog .archive-item .post-title{font-size:20px;font-weight:700;line-height:1.25;margin:0 0 10px;text-transform:none}
body.blog .archive-item .post-title a{color:#064C54;text-decoration:none;text-transform:none}
body.blog .archive-item .entry-summary{color:#54686b;font-size:14.5px;margin:0 0 18px;flex:1}
body.blog .archive-item .entry-summary p{margin:0}
body.blog .archive-item .more-link{display:block;margin-top:auto;color:#00A99D;font-weight:700;font-size:14px;text-decoration:none}
body.blog .archive-item .more-link:after{content:" \2192"}
body.blog .archive-item:hover .more-link{color:#FCAF17}
/* trava o masonry JS do tema (transform inline) que fazia as colunas se reposicionarem */
body.blog .posts-grid-container .archive-item{transform:none !important;opacity:1 !important;transition:transform .28s,box-shadow .28s !important}
body.blog .posts-grid-container .archive-item:hover{transform:translateY(-8px) !important}
@media(max-width:600px){body.blog .posts-grid-container{grid-template-columns:1fr}}

body.blog .archive-item .real-content,body.blog .archive-item .post-title,body.blog .archive-item .post-title a,body.blog .archive-item .entry-summary{text-align:left !important}
body.blog .archive-item .item-image img{object-position:top !important}

/* Header sólido no topo - Política de Privacidade (menu ilegível sobre fundo claro) */
body.page-id-15370 #header.a13-normal-variant,
body.page-id-15370 #header.a13-normal-variant:hover {
  background-color: #164D53 !important;
  box-shadow: 0 0 12px rgba(0,0,0,0.09) !important;
}


/* NÓS: LP Síntese Cannes - campo Celular usa o campo padrão de número
   (esconde o seletor de DDI/bandeira do RD Station, que abria a lista bugada no rodapé) */
.cn-formcard .phone-input-group .phone-country,
.cn-formcard .phone-input-group .country-field,
.cn-formcard .phone-input-group .select2-container.phone-country { display: none !important; }
.cn-formcard .phone-input-group { display: block !important; }
.cn-formcard .phone-input-group input.phone,
.cn-formcard .phone-input-group input.js-phone {
	width: 100% !important;
	display: block !important;
	float: none !important;
	margin: 0 !important;
}

/* Diagramacao — evita linhas viuvas em titulos e textos (04/09/2026) */
h1, h2, h3, h4, h5, .vaward { text-wrap: balance; }
p, li, figcaption, blockquote, .bnl, .nosauth .ast span { text-wrap: pretty; }
