@media (min-width: 48rem) {
	.site-cabecalho {
		height: 28em;
	}
}


@media (min-width: 48rem) {
	.site-logo {
		width: 16em;
		margin: 0;
		height: 16em;
	}
}

.site-cabecalho-fora {
	background: #000;
}

.cabecalho-info {
	color:#fff;
}

.menu-principal-fora {
	background-image: linear-gradient(to top, #00192e, #155f9c);
}

.redes-sociais-fora {
    background: #2e323e;
}

.cs-select {
    color:#000;
}

.busca-atributos .campo>span>i {
    color:#000;
}

.cs-select .cs-paceholder:after {
    color:#000;
}	

.busca-atributos button {
    color:#000;
}	

.cs-item:hover {
    background:#33b5e9;
}

.paginacao a {
	color:#08467c;
}

.cabecalho-info {
	background: rgb(33 63 108 / 79%);
	padding: 0 1em;
	border-radius: 1em;
}

.site-cabecalho-fora {
	background: black url('https://s3.us-east-1.amazonaws.com/sgipro/1381/bg-cabecalho.png') repeat-x center 74% / cover;
}

.site-logo {
	background: rgb(255 255 255 / 85%);
	padding: 1em;
	border-radius: 1em;
}

.box-whatsapp {
	width: 3em;
    height: 3em;
}

.box-whatsapp>i>a {
	bottom: 300px;
	right: 0;
}

.cabecalho-info__icone {
    color: #857c7c;
	background: #fff5f5;
}

.site-rodape-fora {
    background-image: linear-gradient(to top, #00192e, #155f9c);
}

.icone--instagram:before, a.icone--instagram:before {
    content: "\F16D";
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.lista-redes-sociais a {
    background: #ffffff;
}

.icone--facebook:before, a.icone--facebook:before {
    content: "\F09A";
    background: #17335c;
    border-radius: 20%;
}

.rodape-info__endereco > .endereco > strong {
	display: flex;
	flex-wrap: wrap;
	gap: 2.5em;
}

.bg-cor-principal {
	background: #ac44dd;
}

.site-conteudo-fora {
    background: #ffffff;
}

.busca-principal {
    background: #d7d7d7;
    padding: 0.5em;
    border: 2px solid #cacaca;
    border-radius: 7px;
}

.bg-cor-principal {
    background-color: #fff;
}

.cs-select .cs-placeholder:after {
    color: #094c84;
}

.cs-item:hover {
    background: #33b5e9;
}

.busca-atributos input {
    background: #fff;
}

.busca-atributos button, .busca-atributos input {
    color: #094c84;
}

.cs-select {
    color: #094c84;
    font-weight: 900;
}

.cor-texto {
    color: #094c84!important;
}

.pagina-titulo cor-texto {
	color: #094c84!important;
}