/* ============================================================================
   Rodape do blog igual ao do site principal.

   Todas as declaracoes abaixo foram COPIADAS de inovebi.com/assets/css/style.css
   (versao ao vivo, ?v=20261026d, 24.792 bytes, identica byte a byte a copia de
   FTP em inove-ftp-2026-10-26), nao estimadas a olho. A coluna "no site" diz de
   qual seletor do site cada regra veio.

     no site                          aqui
     -------------------------------  --------------------------------
     * (reset)                        .ida-rd e .ida-rd *
     footer                           .ida-rd
     footer .container + .container   .ida-rd__in
     .footer-section-logo img         .ida-rd__logo img
     .footer-section-logo p + .cnpj   .ida-rd__cnpj
     .footer-section                  .ida-rd__col
     .footer-section h3               .ida-rd__t
     .footer-section p                .ida-rd__col p
     .footer-section p i              .ida-rd__col p i
     .footer-section a                .ida-rd__col a
     .footer-section .fa-angle-right  .ida-rd__col .fa-angle-right
     .contact-item                    .ida-rd__it
     .social-icons                    .ida-rd__soc
     .social-icons img                .ida-rd__soc img

   POR QUE NOMES NOVOS E NAO OS DO SITE
     .container e .row ja existem no tema do blog e no Elementor, com largura e
     recuo proprios. Reaproveitar esses nomes herdaria os valores deles. Os nomes
     mudam; os numeros sao os do site.

   O RESET DO SITE, QUE QUASE PASSOU BATIDO
     A primeira versao desta folha foi escrita sem a linha 6 do CSS do site:
         * { margin: 0; padding: 0; box-sizing: border-box; font-family: Arial, sans-serif }
     Sem ela, o rodape do blog saiu com a margem padrao do navegador em <p> e <h3>
     (medido: 25,92px sobrando no topo de cada titulo a 1440px) e com a fonte do
     tema do blog nos links. O reset esta reproduzido aqui com escopo, so dentro
     do nosso rodape, para nao alcancar nada do blog.
     O font-family do reset NAO entra na regra com * : ela venceria o .fa do Font
     Awesome por especificidade (0,0,2,0 contra 0,0,1,0) e apagaria os icones.
     Por isso o Arial vai por elemento, e <i> fica de fora.

   A FONTE DOS TITULOS
     O site carrega Open Sans de verdade, por @import no proprio style.css (linha
     3), o que nao aparece no HTML dele. Entao "font-family: Open Sans" no titulo
     do rodape do site nao cai em fonte alternativa: e Open Sans mesmo, no peso
     600 (o site pede 550, e entre os pesos que ele carrega, 300/400/600/700, a
     regra de combinacao do CSS escolhe 600). Medido a 1440px: com Open Sans o
     titulo "Servicos" tem 102,8px de largura; sem ela, 92,1px, e a coluna fica
     mais estreita, o que muda onde as colunas quebram em 1024px e em 800px.
     Por isso rodape-inove.php carrega Open Sans 600 e so esse peso.

   ESCOPO
     Nada aqui alcanca a pagina sem a classe ida-rodape no <body>, que so sai
     quando a chave "rodape" esta ligada (ou com a chave de previa).
   ============================================================================ */

/* ---------- reset do site, so dentro do nosso rodape ---------- */

/* no site: * { margin:0; padding:0; box-sizing:border-box } */
body.ida-rodape .ida-rd,
body.ida-rodape .ida-rd * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* no site: * { font-family: Arial, sans-serif }. Por elemento, e sem <i>, para o
   Font Awesome continuar de pe. Heranca sozinha nao bastaria: qualquer regra do
   tema do blog para p, a ou div venceria um valor apenas herdado. */
body.ida-rodape .ida-rd,
body.ida-rodape .ida-rd div,
body.ida-rodape .ida-rd p,
body.ida-rodape .ida-rd a,
body.ida-rodape .ida-rd span {
	font-family: Arial, sans-serif;
}

/* ---------- a faixa ---------- */

/* no site: footer { color:white; padding:20px 0; background:#1f2229 }
   font-size e line-height vem do body do site; aqui precisam ser escritos,
   porque o body do blog tem outros valores. */
body.ida-rodape .ida-rd {
	color: #fff;
	padding: 20px 0;
	background: #1f2229;
	font-size: clamp(13px, 0.96vw, 18px);
	line-height: 1.6;
	width: 100%;
	clear: both;
}

/* no site: footer .container { display:flex; justify-content:space-around;
   align-items:start; flex-wrap:wrap; max-width:65vw; margin-top:50px;
   margin-bottom:40px } somado a .container { width:80%; margin:auto } */
body.ida-rodape .ida-rd .ida-rd__in {
	display: flex;
	justify-content: space-around;
	align-items: start;
	flex-wrap: wrap;
	width: 80%;
	max-width: 65vw;
	margin: 50px auto 40px;
}

/* ---------- bloco do logo ---------- */

/* no site o <img> do rodape nao tem largura nenhuma no computador: sai no tamanho
   natural do arquivo, 300x150. Escrito aqui porque o tema do blog poe
   max-width:100% e height:auto em toda imagem, o que mudaria a largura. */
body.ida-rodape .ida-rd .ida-rd__logo img {
	width: 300px;
	height: auto;
	max-width: none;
	/* no site a imagem e inline e apoiada na linha de base, e a sobra abaixo da
	   linha de base conta na altura da faixa. Medido: sem estas duas linhas o
	   rodape do blog ficava 7px mais baixo que o do site em 1280px e 8,8px em
	   1920px, porque o tema do blog poe display:block nas imagens. */
	display: inline;
	vertical-align: baseline;
}

/* no site: .footer-section-logo p { margin-left:50px } e .cnpj { font-weight:500;
   font-size:clamp(13px,0.96vw,18px) }, sem margem em cima nem embaixo por conta
   do reset */
body.ida-rodape .ida-rd .ida-rd__cnpj {
	margin: 0 0 0 50px;
	font-weight: 500;
	font-size: clamp(13px, 0.96vw, 18px);
	color: #fff;
}

/* ---------- colunas ---------- */

/* no site: .footer-section { font-size:clamp(13px,0.96vw,18px); text-align:left } */
body.ida-rodape .ida-rd .ida-rd__col {
	font-size: clamp(13px, 0.96vw, 18px);
	text-align: left;
}

/* no site: .footer-section h3 { font-size:clamp(23px,1.8vw,35px); margin-bottom:10px;
   font-family:"Open Sans"; font-weight:550 }. line-height e cor vem por heranca
   no site; aqui vao escritos, porque o tema do blog tem regras proprias para h3. */
body.ida-rodape .ida-rd .ida-rd__t {
	font-size: clamp(23px, 1.8vw, 35px);
	margin: 0 0 10px;
	font-family: "Open Sans";
	font-weight: 550;
	color: #fff;
	line-height: 1.6;
	letter-spacing: normal;
	text-transform: none;
}

/* no site: .footer-section p { margin-bottom:1.2vh } */
body.ida-rodape .ida-rd .ida-rd__col p {
	margin: 0 0 1.2vh;
	color: #fff;
}

/* no site: .footer-section p i { font-size:clamp(13px,0.96vw,18px); color:#029FBD }.
   E o icone do telefone. */
body.ida-rodape .ida-rd .ida-rd__col p i {
	font-size: clamp(13px, 0.96vw, 18px);
	color: #029fbd;
}

/* no site: .footer-section a { text-decoration:none; color:#FFF } */
body.ida-rodape .ida-rd .ida-rd__col a,
body.ida-rodape .ida-rd .ida-rd__col a:link,
body.ida-rodape .ida-rd .ida-rd__col a:visited,
body.ida-rodape .ida-rd .ida-rd__col a:hover,
body.ida-rodape .ida-rd .ida-rd__col a:focus,
body.ida-rodape .ida-rd .ida-rd__col a:active {
	text-decoration: none;
	color: #fff;
	background: none;
	box-shadow: none;
	border: 0;
}

/* no site: .footer-section .fa-angle-right { color:#029FBD }.
   So a seta. O envelope do e-mail NAO tem regra de cor no site: ele herda o
   branco de .footer-section a. Fica branco aqui tambem, para os dois rodapes
   serem iguais. Se o dono quiser os tres icones ciano, muda nos dois lugares. */
body.ida-rodape .ida-rd .ida-rd__col .fa-angle-right {
	color: #029fbd;
}

/* no site: .contact-item { display:flex; align-items:center; gap:10px; margin-bottom:8px } */
body.ida-rodape .ida-rd .ida-rd__it {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 8px;
}

/* ---------- redes sociais ---------- */

/* no site: .social-icons { display:flex } e .social-icons img { width:60px;
   height:50px; object-fit:contain } */
body.ida-rodape .ida-rd .ida-rd__soc {
	display: flex;
}

body.ida-rodape .ida-rd .ida-rd__soc img {
	width: 60px;
	height: 50px;
	max-width: none;
	object-fit: contain;
	/* mesma razao do logo: no site a imagem e inline dentro do <a>, e a sobra
	   abaixo da linha de base conta na altura da coluna. Medido: sem estas duas
	   linhas a coluna "Redes sociais" ficava 6,8px mais baixa que a do site, o
	   que encurtava a faixa quando as colunas quebram em 1024px e em 800px. */
	display: inline;
	vertical-align: baseline;
}

/* o site escreve style="margin-top:2px" direto na IMAGEM do LinkedIn (nao no
   link, como a primeira leitura desta tarefa supos). Medido: com a margem no
   link, o retangulo do link ficava 56,8px de altura contra 58,8px no site. */
body.ida-rodape .ida-rd .ida-rd__soc a:first-child img {
	margin-top: 2px;
}


/* ---------- celular: as mesmas regras do site abaixo de 769px ---------- */

@media (max-width: 768px) {
	/* no site: body { font-size:4vw } */
	body.ida-rodape .ida-rd {
		font-size: 4vw;
	}

	/* no site: footer .container { display:grid; justify-items:center;
	   align-items:center } somado a .container { width:100%; padding:0 20px }.
	   O max-width NAO vira 90vw: a regra .container{max-width:90vw} do celular
	   tem especificidade menor (0,0,1,0) que footer .container{max-width:65vw}
	   (0,0,1,1), que nao esta dentro de media query e por isso continua valendo.
	   Medido no site a 375px: 243,8px de largura total. */
	body.ida-rodape .ida-rd .ida-rd__in {
		display: grid;
		justify-items: center;
		align-items: center;
		width: 100%;
		padding: 0 20px;
	}

	/* no site: .footer-section * { text-align:center; justify-content:center } */
	body.ida-rodape .ida-rd .ida-rd__col * {
		text-align: center;
		justify-content: center;
	}

	/* no site: .footer-section h3 { font-size:6vw } */
	body.ida-rodape .ida-rd .ida-rd__t {
		font-size: 6vw;
		text-align: center;
	}

	/* no site: .contact-item { font-size:4vw } */
	body.ida-rodape .ida-rd .ida-rd__it {
		font-size: 4vw;
	}

	/* no site: .footer-section-logo img { width:250px } */
	body.ida-rodape .ida-rd .ida-rd__logo img {
		width: 250px;
	}

	/* no site: .footer-section-logo p { width:100%; margin:0 0 40px 0;
	   text-align:center; font-size:4vw }. Os 40px vencem o margin-bottom:50px de
	   .cnpj porque .footer-section-logo p tem especificidade maior (0,0,1,1
	   contra 0,0,1,0). Medido no site a 375px: 40px. */
	body.ida-rodape .ida-rd .ida-rd__cnpj {
		width: 100%;
		margin: 0 0 40px 0;
		text-align: center;
		font-size: 4vw;
	}

}

/* ============================================================================
   Os dois rodapes do tema saem de cena.

   #footer-widgets: 103 bytes, so a casca. As quatro areas de widget do rodape
   estao vazias, conferido por is_active_sidebar(), mas a casca tem recuo e
   deixaria uma faixa em branco entre o conteudo e o rodape da Inove.

   #colophon: a linha "(c) Blog Inove BI 2026 | Designed by PixaHive.com". O site
   nao tem linha de direitos no rodape, e o rodape da Inove ja traz o CNPJ. A
   frase "Designed by" tambem sai do HTML, pelo filtro gettext em
   rodape-inove.php: aqui ela so ficaria invisivel.

   Especificidade: as regras do tema para esses dois sao por id (1 id). Aqui vai
   1 id + 1 classe + 1 elemento, que vence sem nenhum !important.

   O botao "voltar ao topo" NAO e afetado: o tema o imprime antes do <footer
   id="colophon">, fora dele.
   ============================================================================ */

body.ida-rodape footer#footer-widgets,
body.ida-rodape footer#colophon {
	display: none;
}