/* ============================================================
   Stone Scan - identidade visual comum as paginas do plugin
   ------------------------------------------------------------
   Carregado na pagina de preparo e no checkout. A home (ID 11) e
   feita no Elementor com template canvas; estas paginas usam o
   template padrao do Hello Elementor, que nao traz nada da marca.

   Valores lidos dos estilos computados da home:
     navy   #042245  titulos, rodape
     teal   #4CABB4  acao, rotulos
     teal-  #0A656C  inicio do gradiente dos botoes
     nevoa  #F3F7FA  fundo das secoes de apoio
     fonte  Poppins, titulo peso 300 com letter-spacing -1px
     botao  pilula de 50px
   ============================================================ */

body.ssb-marca {
	--ssb-navy: #042245;
	--ssb-teal: #4cabb4;
	--ssb-teal-esc: #0a656c;
	--ssb-nevoa: #f3f7fa;
	--ssb-linha: #dce6ee;
	--ssb-texto: #3a4a5a;
	--ssb-suave: #5a6b7c;
	--ssb-erro: #b32d2e;
	--ssb-raio: 16px;
	--ssb-raio-campo: 12px;
	--ssb-fonte: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
	--ssb-gradiente: linear-gradient(-145deg, var(--ssb-teal-esc) 0%, var(--ssb-teal) 100%);

	font-family: var(--ssb-fonte);
	color: var(--ssb-texto);
	background: #fff;
}

body.ssb-marca h1,
body.ssb-marca h2,
body.ssb-marca h3 {
	font-family: var(--ssb-fonte);
}

/* ------------------------------------------------ cabecalho enxuto */

/* Desde 28/09/2026 estas paginas usam o cabecalho e o rodape da home, como
   templates do Theme Builder (Elementor > Modelos: IDs 89 e 90, condicao:
   paginas 76 e 70). Com eles ativos, o Hello nao imprime .site-header nem
   .site-footer e as regras abaixo ficam inertes — sao so a rede de
   seguranca caso os templates sejam desativados. */

/* O Hello imprime o logo em tamanho natural (664px) + a descricao do
   site. Aqui vira uma barra fina com o logo, que leva de volta a home. */
body.ssb-marca .site-header {
	max-width: none;
	padding: 14px 24px;
	background: #fff;
	border-bottom: 1px solid var(--ssb-linha);
}

body.ssb-marca .site-header .header-inner {
	max-width: 1180px;
	margin: 0 auto;
	width: 100%;
}

body.ssb-marca .site-header .site-logo img,
body.ssb-marca .site-header .custom-logo {
	display: block;
	width: auto;
	max-height: 52px;
}

body.ssb-marca .site-header .site-description {
	display: none;
}

/* ------------------------------------------------ rodape */

/* O rodape do tema repetia o logo gigante. Fica so a faixa azul-marinho
   com o copyright, como na home. */
body.ssb-marca .site-footer {
	max-width: none;
	margin-top: 64px;
	padding: 26px 24px;
	background: var(--ssb-navy);
	color: rgba(255, 255, 255, .75);
	font-size: 13px;
}

body.ssb-marca .site-footer .footer-inner {
	max-width: 1180px;
	margin: 0 auto;
	justify-content: center;
	text-align: center;
}

body.ssb-marca .site-footer .site-branding {
	display: none;
}

body.ssb-marca .site-footer .copyright,
body.ssb-marca .site-footer .copyright p {
	margin: 0;
	color: rgba(255, 255, 255, .75);
}

body.ssb-marca .site-footer a {
	color: #fff;
}

/* ------------------------------------------------ rotulo em caixa alta */

body.ssb-marca .ssb-rotulo {
	display: inline-block;
	margin: 0 0 12px;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--ssb-teal);
}

@media (max-width: 767px) {
	body.ssb-marca .site-header {
		padding: 12px 16px;
	}

	body.ssb-marca .site-header .site-logo img,
	body.ssb-marca .site-header .custom-logo {
		max-height: 42px;
	}
}