/* =================================================================== */
/* ========= CÓDIGO DE ESTILIZAÇÃO COMPLETO - MOLINAS TI ========= */
/* =================================================================== */


/* Estilos para o Botão Flutuante WhatsApp */
.whatsapp-button {
  position: fixed; /* Posição fixa na tela */
  right: 25px;     /* Distância da direita */
  bottom: 115px;   /* Distância de baixo (ajuste se necessário) */
  width: 65px;     /* Largura do botão */
  height: 65px;    /* Altura do botão */
  background-color: #25D366; /* Cor de fundo do WhatsApp */
  color: #FFF;               /* Cor do ícone (branco) */
  border-radius: 50%; /* Deixa o botão redondo */
  display: flex;          /* Usado para centralizar o ícone */
  align-items: center;    /* Alinha o ícone verticalmente */
  justify-content: center; /* Alinha o ícone horizontalmente */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* Sombra para dar profundidade */
  z-index: 1000; /* Garante que o botão fique acima de outros elementos */
  transition: transform 0.2s ease; /* Adiciona uma transição suave */
}

/* Efeito ao passar o mouse por cima do botão WhatsApp */
.whatsapp-button:hover {
  transform: scale(1.1); /* Aumenta um pouco o tamanho */
}

/* Ajusta o tamanho do ícone SVG dentro do botão */
.whatsapp-button svg {
    width: 35px;
    height: 35px;
}


/* --- Altera a cor e o estilo do menu principal --- */
.menu.principal .nivel-um > li > a {
    color: #FFFFFF !important;   /* Define a cor do texto para BRANCO */
    font-weight: bold !important; /* Define o texto para NEGRITO */
}


/* --- Organiza os ícones do topo (Atendimento, Minha Conta, etc) --- */
.menu-superior > .conteiner > ul {
    display: flex;         /* Ativa o alinhamento lado a lado */
    align-items: center;   /* Centraliza os itens verticalmente */
    justify-content: flex-end; /* Alinha o grupo todo para a direita */
    gap: 15px;             /* Cria um espaçamento de 15px entre cada item */
}

/* Garante que os itens dentro da lista se comportem bem */
.menu-superior > .conteiner > ul > li {
    margin: 0;
    padding: 0;
}


/* ---- CÓDIGO DO RODAPÉ ---- */

/* Altera o fundo do rodapé para preto */
#rodape .institucional, #rodape .pagamento-selos {
    background-color: #000000 !important;
}

/* Altera a cor dos títulos para o azul especificado */
#rodape .titulo {
    color: #0099dd !important;
}

/* Altera a cor dos links e textos comuns para branco */
#rodape, #rodape .institucional a, #rodape li a, #rodape .newsletter .texto-newsletter, #rodape .span4 p {
    color: #ffffff !important;
}

/* Substitui o logo do desenvolvedor pelo logo da Molinas Digital */
#rodape .wrap-logo-rodape span.logo-agencia {
    background: url('https://cdn.awsli.com.br/2876/2876010/arquivos/logo-molinas-digital.png') center center no-repeat !important;
    background-size: contain !important;
    width: 200px !important;
    height: 160px !important;
    margin-top: -50px !important; /* Linha que ajusta o alinhamento do logo */
}

/* --- CORREÇÃO DEFINITIVA PARA A BARRA DE COPYRIGHT --- */

.copyright {
    background-color: #0099dd !important; /* Fundo Azul */
    color: #ffffff !important;            /* Texto Branco */
}

.copyright a {
    color: #ffffff !important;

}





/* Estilos para o Botão Flutuante Instagram (CÍRCULO PERFEITO) */
.instagram-button {
  position: fixed;
  right: 25px;
  bottom: 190px;
  width: 65px;
  height: 65px;
  border-radius: 50%; /* Deixa o botão redondo */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  z-index: 999;
  transition: transform 0.2s ease;
  overflow: hidden; /* Garante que a imagem seja cortada pelo círculo */
}

/* Estilo para a imagem dentro do botão */
.instagram-button img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Faz a imagem preencher o espaço sem distorcer */
}


/* Este código esconde a tag de link (<a>) que envolve a imagem do banner. */
a[href*="buscaintegrada.com.br"] {
    display: none !important;
}




.novo-cabecalho-grande {
    min-height: 150px !important; 
    padding: 59px 0 !important; 
}
.logo-grande {
    max-width: 180px !important; 
    max-height: 180px !important; 
    height: auto !important;
}