/****
 * Ajustes da versão estática do site
 *****/

/* Títulos semânticos (h1/h2/h3) com a mesma aparência dos h4/h6 originais */
.t-h4 { font-size: clamp(1.25rem, 0.7039rem + 2.7304vw, 2.75rem); }
.t-h6 { font-size: clamp(1rem, 0.818rem + 0.9101vw, 1.5rem); }

/* Menu: página atual */
.navbar .nav-link.active { color: var(--laranja) !important; }

/* Topo: telefone clicável */
#topo .telefone a:hover { color: var(--branco); text-decoration: underline; }
/* Alinha "Central de atendimento" com a logo (o recuo do menu muda por largura de tela) */
@media (max-width: 991.98px) {
    #topo .telefone { margin-left: -15px; }
}
@media (max-width: 575.98px) {
    #topo .telefone { margin-left: 1rem; }
}

/* Rodapé: 4 blocos (logo + redes | atendimento | institucional | integrador) */
#rodape .logoRodape img { max-width: 200px; }
#rodape .redesSociais { text-align: left; }
#rodape .tituloRodape { position: relative; margin-bottom: 18px; padding-bottom: 10px; font-size: 15px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--branco); }
#rodape .tituloRodape::after { content: ""; position: absolute; left: 0; bottom: 0; width: 32px; height: 2px; border-radius: 2px; background: var(--branco); }
#rodape ul.listaRodape { width: auto; float: none; }
#rodape .listaRodape li { margin-bottom: 12px; font-size: 15px; font-weight: 500; line-height: 22px; color: var(--branco); }
#rodape .listaRodape li:last-child { margin-bottom: 0; }
#rodape .listaRodape a:hover { color: var(--cinza); text-decoration: none; }
#rodape .contatoRodape li { display: flex; align-items: center; }
#rodape .contatoRodape i { flex: 0 0 18px; margin-right: 10px; text-align: center; }

/* Institucional: botão de cadastro */
#institucional .btnIntegrador:hover { color: var(--laranja); background: var(--branco); text-decoration: none; }

/* Fale Conosco: canais de atendimento (substituem o formulário) */
#contato .canal { text-decoration: none; }
#contato .canal:hover { box-shadow: 0px 0px 14px 0px rgba(247, 159, 21, 0.8); transform: translateY(-2px); }
#contato .canal .icone { flex: 0 0 56px; width: 56px; height: 56px; font-size: 22px; }
#contato .canal .f18 { word-break: break-word; }
#contato .redes a { width: 40px; height: 40px; font-size: 17px; }
#contato .redes a:hover { background: var(--cinza); text-decoration: none; }
#contato address p { font-style: normal; }
#contato .rotulo { color: var(--cinzaEscuro); }
#contato address a { color: inherit; }
#contato address a:hover { color: var(--laranja); text-decoration: none; }
#contato .btnMapa:hover { color: var(--branco); background: var(--laranja); text-decoration: none; }

@media (min-width: 320px) and (max-width: 575.98px) {
    #plataforma .box .titulo .t-h4,
    #vantagens .titulo .t-h4,
    #integrador .titulo .t-h4,
    #parceiros .titulo .t-h4 { line-height: 30px; }
    #contato .canal { padding: 1rem !important; }
    #contato .canal .icone { flex-basis: 44px; width: 44px; height: 44px; font-size: 18px; margin-right: 1rem !important; }
}

/* Home: limita o canvas das partículas (3550px fixos no style.css) para não ultrapassar o rodapé */
.areaParticulas { position: relative; overflow: hidden; }

/* Rodapé: blocos centralizados quando empilham (celular e tablet pequeno) */
@media (max-width: 767.98px) {
    #rodape .colunaRodape { text-align: center; }
    #rodape .redesSociais { text-align: center; }
    #rodape .redesSociais a { margin: 0 4px !important; }
    #rodape .tituloRodape::after { left: 50%; transform: translateX(-50%); }
    #rodape .contatoRodape li { justify-content: center; }
}

/* Botão flutuante do WhatsApp (mesmo padrão do site da Ilumisol) */
@keyframes whatsapp-pulso {
    0%   { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(37, 211, 102, 0.45); }
    70%  { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2), 0 0 0 14px rgba(37, 211, 102, 0); }
    100% { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(37, 211, 102, 0); }
}
.whatsapp-float-btn { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; position: fixed; right: 1rem; bottom: 1.25rem; font-size: 1.9rem; color: #FFF; background-color: #25D366; border-radius: 50%; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2); z-index: 9000; animation: whatsapp-pulso 2.5s ease-out infinite; transition: transform 0.2s ease; }
.whatsapp-float-btn:hover,
.whatsapp-float-btn:focus { color: #FFF; text-decoration: none; transform: translateY(-2px) scale(1.04); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25); animation-play-state: paused; }
@media (min-width: 992px) {
    .whatsapp-float-btn { right: 1.5rem; bottom: 1.5rem; width: 60px; height: 60px; font-size: 2rem; }
}
@media (prefers-reduced-motion: reduce) {
    .whatsapp-float-btn { animation: none; }
}
/* Celular: margem lateral no copyright para o botão não cobrir o texto */
@media (max-width: 575.98px) {
    #copryright .texto { padding-left: 64px; padding-right: 64px; }
}