:root {
  --fundo-body: #000;
  --bordas: rgba(0, 242, 255, .25);
  --barra-topo: #000;
  --rodape: #000;
  --texto: #fff;
  --sub-texto: rgba(255, 255, 255, .8);
  --detalhes: #00f2ff;
  --destacar: rgba(0, 242, 255, .06);
  --btn-primary: #00f2ff;
  --btn-warning: #fa0;
  --btn-danger: #ff3b3b;
  --btn-success: #00f2ff;
  --bts-texto: #000;
  --fundo-form: rgba(0, 0, 0, .35);
  --fundo-staff: rgba(255, 255, 255, .03);
  --texto-detalhes: #00f2ff;
  --fundo-hover: rgba(255, 255, 255, .05);
  --texto-hover: #fff;
}
/*
 * Style Sheet da MegaMinds App e Automações - CYBER-EDITION
 * Estilo: Neo-Futurista de Alto Contraste (Dark Mode/Neon)
 */
body {
    padding-bottom: 100px;
}
/* 1. VARIÁVEIS DE COR E BASE (NOVA PALETA) */
:root {
    --fundo-base: #08081A;
    --texto-claro: #EBEBF2;
    --neon-primario: #00FFE0; /* Ciano Elétrico */
    --neon-secundario: #FF0099; /* Magenta Elétrico (CTA) */
    --borda-detalhe: #202040;
    --fundo-card: rgba(0, 255, 224, 0.05); /* Fundo com transparência Ciano */
    
    /* Layout */
    --largura-max: 1300px; /* Um pouco mais largo para mais impacto */
    --espacamento-secao: 100px;
}

/* 2. RESET, TIPOGRAFIA E FUNDO GLOBAL */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Roboto Mono', monospace; /* Monoespaço para toque tech */
    background-color: var(--fundo-base);
    color: var(--texto-claro);
    line-height: 1.6;
    overflow-x: hidden; /* Evita rolagem horizontal em elementos com "glow" */
}

/* Efeito de Grade Futurista no Fundo */
.cyber-grid {
    background-image: 
        linear-gradient(to right, var(--borda-detalhe) 1px, transparent 1px),
        linear-gradient(to bottom, var(--borda-detalhe) 1px, transparent 1px);
    background-size: 50px 50px;
}

/* O CONTAINER RESPONSIVO CHAVE */
.container-futurista {
    max-width: var(--largura-max);
    margin: 0 auto;
    padding: 0 30px; 
    width: 100%;
}

/* 3. BARRA DE NAVEGAÇÃO (HEADER) */
#navbar {
    background-color: rgba(8, 8, 26, 0.95); /* Semi-transparente no escuro */
    backdrop-filter: blur(5px);
    padding: 0;
    border-bottom: 1px solid var(--borda-detalhe); 
    position: sticky;
    top: 0;
    z-index: 1000;
}

#navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 2%;
}

.logo {
    font-family: 'Orbitron', sans-serif; /* Título com fonte geométrica */
    font-size: 2em;
    font-weight: 700;
    color: #fff;
    cursor:pointer;
}

.neon-flash {
    color: var(--neon-primario);
    text-shadow: 0 0 5px var(--neon-primario);
}

.navMenu {
    color: var(--texto-claro);
    text-decoration: none;
    margin-left: 30px;
    font-weight: 400;
    transition: color 0.3s ease, text-shadow 0.3s ease;
}
.navMenu:hover {
    color: var(--neon-primario);
    text-shadow: 0 0 8px var(--neon-primario); /* Efeito de brilho */
}
.btEtntrar {
    border: solid 1px var(--neon-primario);
    padding: 5px 20px;
    cursor: pointer;
}
.btEtntrar:hover {
    background: #222;
    color: var(--neon-primario);
}
.btSair b {
    background: var(--neon-secundario);
    width: 70px;
    height: 40px;
    display: inline-block;
    text-align: center;
    border-radius: 30px;
    color: var(--neon-primario);
    font-size: 22px;
}
.btSair {
    margin-top: -5px;
    padding: 3px 10px;
    cursor: pointer;
    text-decoration: none;
}
.btSair span {
    position: relative;
    top: +3px;
    color: #fff;
}
.btSair:hover {
    background: #222;
}
#mnuAcesso {
    display: none;
    position: absolute;
    right: 30px;
    top: 46px;
    list-style: none;
    border:solid 1px var(--neon-primario);
    border-bottom: none;
}
#mnuAcesso li {
    padding: 10px 20px;
    border-bottom: solid 1px var(--neon-primario);   
    cursor: pointer;
}
#mnuAcesso li:hover {
    background: rgba(0,0,0,0.3);
}
#mnuAcesso li:hover span {
    text-decoration: underline;
}
/* Seletor de Idioma */
.lang-selector {
    background-color: rgba(0, 255, 224, 0.1);
    color: var(--neon-primario);
    border: 1px solid var(--neon-primario);
    padding: 8px 12px;
    border-radius: 2px;
    font-family: 'Roboto Mono', monospace;
    font-size: 0.9em;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-right: 20px;
    outline: none;
    box-shadow: 0 0 5px rgba(0, 255, 224, 0.3);
}

.lang-selector:hover {
    background-color: rgba(0, 255, 224, 0.2);
    box-shadow: 0 0 10px var(--neon-primario);
}

.lang-selector:focus {
    box-shadow: 0 0 15px var(--neon-primario);
}

.lang-selector option {
    background-color: var(--fundo-base);
    color: var(--texto-claro);
    padding: 10px;
}


.btn-cta-neon {
    background-color: var(--neon-secundario);
    color: var(--texto-claro) !important;
    padding: 10px 20px;
    border-radius: 2px; /* Cantos angulares */
    font-weight: 700;
    border: 1px solid var(--neon-secundario);
    transition: all 0.3s ease;
    text-shadow: 0 0 5px var(--neon-secundario);
}

.btn-cta-neon:hover {
    background-color: transparent;
    box-shadow: 0 0 15px var(--neon-secundario);
}

/* 4. SEÇÕES E CONTEÚDO */
section {
    padding: var(--espacamento-secao) 0;
    border-bottom: 1px solid var(--borda-detalhe); 
}

.titulo-secao-neon {
    font-family: 'Orbitron', sans-serif;
    font-size: 1.5em;
    color: var(--neon-primario);
    text-align: center;
    margin-bottom: 50px;
    text-shadow: 0 0 8px rgba(0, 255, 224, 0.6);
}

/* A. SEÇÃO HERO - O DISPLAY HOLOGRÁFICO */
#hero {
    display: flex;
    align-items: center;
    min-height: 85vh;
    gap: 50px;
    position: relative;
}

.hero-conteudo {
    flex: 2;
}

.hero-visual {
    flex: 1;
    text-align: right;
    position: relative;
    padding: 20px;
}

.hero-visual img {
    width: 100%;
    max-width: 450px;
    filter: drop-shadow(0 0 15px rgba(0, 255, 224, 0.5)); /* Sombra para simular brilho */
}

.data-text {
    color: var(--neon-primario);
    font-size: 0.8em;
    margin-bottom: 10px;
}

#hero h1 {
    font-family: 'Orbitron', sans-serif;
    font-size: 4.5em;
    line-height: 1.1;
    margin-bottom: 20px;
}

.neon-primary-text {
    color: var(--neon-primario);
    text-shadow: 0 0 10px rgba(0, 255, 224, 0.8);
}

.sub-hero-text {
    font-size: 1.1em;
    color: var(--texto-claro);
    margin-bottom: 40px;
}

/* BOTOES PRINCIPAIS */
.btn-cta-principal {
    background-color: var(--neon-secundario);
    color: var(--texto-claro);
    padding: 18px 35px;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 700;
    font-family: 'Orbitron', sans-serif;
    transition: all 0.3s ease;
    border: 2px solid var(--neon-secundario);
    text-shadow: 0 0 5px var(--neon-secundario);
    position: relative;
    white-space: nowrap;
    top: +50px;
}

.btn-cta-principal:hover {
    background-color: transparent;
    box-shadow: 0 0 20px var(--neon-secundario);
    color: var(--neon-secundario);
}

/* EFEITO PULSE (OPCIONAL JS/CSS ANIMATION) */
@keyframes pulse {
    0% { box-shadow: 0 0 10px var(--neon-secundario); }
    50% { box-shadow: 0 0 20px var(--neon-secundario), 0 0 5px rgba(255, 0, 153, 0.4); }
    100% { box-shadow: 0 0 10px var(--neon-secundario); }
}

.pulse-effect {
    animation: pulse 2s infinite ease-in-out;
}

/* B. SEÇÃO MATRIZ DE COMPETÊNCIAS */
.destaques-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.card-tecnologia {
    background-color: var(--fundo-card);
    border: 1px solid var(--neon-primario);
    padding: 30px;
    border-radius: 0; /* Cantos angulares */
    box-shadow: 0 0 15px rgba(0, 255, 224, 0.3); /* Brilho de profundidade */
    transition: transform 0.3s ease, border-color 0.3s ease;
}

.card-tecnologia:hover {
    transform: translateY(-8px);
    border-color: var(--neon-secundario);
}

.icone-neon {
    font-size: 2.5em;
    display: block;
    margin-bottom: 15px;
    color: var(--neon-primario);
    text-shadow: 0 0 8px var(--neon-primario);
}

.card-tecnologia h4 {
    font-family: 'Orbitron', sans-serif;
    color: var(--texto-claro);
    margin-bottom: 10px;
}

/* C. SEÇÃO SERVIÇOS - PAINEL DE CONTROLE */
.servicos-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
}

.servico-item-dark {
    background-color: var(--borda-detalhe);
    border: 1px solid var(--borda-detalhe);
    padding: 20px;
    transition: border-color 0.3s ease, background-color 0.3s ease;
}

.servico-item-dark:hover {
    border-color: var(--neon-secundario);
    background-color: #30305A;
}

.code-tag {
    color: var(--neon-primario);
    font-size: 0.8em;
    margin-bottom: 5px;
}

.servico-item-dark h5 {
    color: var(--texto-claro);
    font-size: 1em;
}

/* D. SEÇÃO CHAMADA FINAL */
.secao-final-neon {
    text-align: center;
    padding: 120px 0;
    border-top: 5px solid var(--neon-secundario); /* Linha de energia */
    background-color: rgba(255, 0, 153, 0.05); /* Sombra de fundo Magenta */
}

.neon-secondary-text {
    color: var(--neon-secundario);
    text-shadow: 0 0 10px var(--neon-secundario);
}

/* 5. RODAPÉ (CONSOLE DE STATUS) */
#rodape-console {
    background-color: #000005; /* Preto absoluto no rodapé */
    padding: 10px 0;
    border-top: 1px dashed var(--borda-detalhe);
    font-size: 0.85em;
}
.footer-principal {
   bottom: 0;
   position: fixed; 
   width: 100%;
}
#rodape-console .container-futurista {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.status-line {
    color: var(--neon-primario);
}

.status-ok {
    font-weight: 700;
    text-shadow: 0 0 5px var(--neon-primario);
}

.domain-info, .version-info {
    margin-left: 15px;
    color: #999;
}

.info-links a {
    color: var(--texto-claro);
    text-decoration: none;
    margin-right: 20px;
}

.info-links a:hover {
    color: var(--neon-secundario);
}

.mmModalOverlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.72);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:99999;
  padding:20px;
}

.mmModalOverlay.mmModalOn{
  display:flex;
}

.mmModalBox{
  width:100%;
  max-width:540px;
  background:linear-gradient(180deg, rgba(0,255,224,.06), rgba(8,8,26,.95));
  border:1px solid rgba(0,255,224,.45);
  box-shadow:0 0 18px rgba(0,255,224,.25), 0 0 30px rgba(255,0,153,.12);
  font-family:'Roboto Mono', monospace;
  color:#EBEBF2;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: #000;
}

.mmModalHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 14px;
  border-bottom:1px solid rgba(32,32,64,.9);
  background:rgba(8,8,26,.92);
}

.mmModalTitle{
  font-family:'Orbitron', sans-serif;
  font-weight:700;
  letter-spacing:.5px;
  color:#00FFE0;
  text-shadow:0 0 8px rgba(0,255,224,.55);
  font-size:16px;
}

.mmModalClose{
  background:transparent;
  border:1px solid rgba(0,255,224,.35);
  color:#00FFE0;
  width:34px;
  height:34px;
  cursor:pointer;
  font-size:20px;
  line-height:28px;
  box-shadow:0 0 10px rgba(0,255,224,.12);
}

.mmModalClose:hover{
  border-color:#FF0099;
  color:#FF0099;
  box-shadow:0 0 14px rgba(255,0,153,.25);
}

.mmModalBody{
  padding:18px 16px 16px 16px;
}

.mmField{
  margin-bottom:14px;
}

.mmLabel{
  display:block;
  margin-bottom:6px;
  color:#00FFE0;
  font-size:12px;
  letter-spacing:.4px;
}

.mmInput{
  width:100%;
  padding:12px;
  background:#101028;
  border:1px solid rgba(32,32,64,.95);
  color:#EBEBF2;
  outline:none;
}

.mmInput:focus{
  border-color:#00FFE0;
  box-shadow:0 0 10px rgba(0,255,224,.18);
}

.mmRowLinks{
  display:flex;
  gap:10px;
  justify-content:space-between;
  align-items:center;
  margin:6px 0 14px 0;
}

.mmLink{
  color:#00FFE0;
  text-decoration:none;
  font-size:12px;
}

.mmLink:hover{
  color:#FF0099;
  text-shadow:0 0 10px rgba(255,0,153,.25);
}

.mmBtnSec{
  display:inline-block;
  text-decoration:none;
  padding:8px 12px;
  border:1px solid rgba(0,255,224,.55);
  color:#00FFE0;
  background:rgba(0,255,224,.08);
  font-weight:700;
  font-size:12px;
}

.mmBtnSec:hover{
  border-color:#FF0099;
  color:#FF0099;
  background:rgba(255,0,153,.10);
}

@keyframes mmPulse{
  0%{ box-shadow:0 0 10px rgba(255,0,153,.35); }
  50%{ box-shadow:0 0 22px rgba(255,0,153,.55); }
  100%{ box-shadow:0 0 10px rgba(255,0,153,.35); }
}

.mmBtnMain{
  width:100%;
  padding:14px 12px;
  background:#FF0099;
  color:#EBEBF2;
  border:2px solid #FF0099;
  cursor:pointer;
  font-family:'Orbitron', sans-serif;
  font-weight:700;
  letter-spacing:.6px;
  animation:mmPulse 2s infinite ease-in-out;
}

.mmBtnMain:hover{
  background:transparent;
  color:#FF0099;
}

.mmSep{
  display:flex;
  gap:10px;
  align-items:center;
  margin:16px 0 12px 0;
}

.mmSepLine{
  flex:1;
  height:1px;
  background:rgba(32,32,64,.95);
}

.mmSepText{
  font-size:11px;
  color:#00FFE0;
}

.mmGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.mmBtnProv{
  display:block;
  text-align:center;
  text-decoration:none;
  padding:10px 10px;
  border:1px solid rgba(0,255,224,.55);
  color:#EBEBF2;
  background:rgba(0,255,224,.06);
  font-weight:700;
  font-size:12px;
}

.mmBtnProv:hover{
  border-color:#FF0099;
  color:#FF0099;
  background:rgba(255,0,153,.10);
}

#ico-mapa {
  position: fixed;
  bottom: 85px;
  right: 10px;
  background: linear-gradient(135deg, var(--neon-secundario), var(--neon-secundario));
  color: #fff;
  border: none;
  padding: 2px 7px;
  border-radius: 50px;
  font-family: "Orbitron", sans-serif;
  font-weight: 700;
  font-size: 0.9rem;
  cursor: pointer;
  box-shadow: 0 5px 30px rgba(0, 255, 224, 0.4);
  transition: all 0.3s ease;
  z-index: 1000;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  opacity: .5;
  font-size: 28px;
   min-width: 50px;
}
#ico-mapa:hover {opacity: 1;}
#ico-mapa span {display: none;font-size:16px;margin-right:10px;}
#ico-mapa:hover span {display: block;}
#ico-mapa:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 40px rgba(0, 255, 224, 0.5);
}
#dvWhats {position:fixed;bottom:80px;left:5px;width:50px;opacity:.5;}
#dvWhats:hover {opacity: 1;}
#dvWhats svg {height: 50px;width: 50px;}
#mmAlertWrap{
  position:fixed;
  top: 5px;
  right:5px;
  display:flex;
  flex-direction:column;
  gap:12px;
  z-index:9999999;
  pointer-events:none;
  max-width:520px;
}

.mm-alert{
  pointer-events:auto;
  position:relative;
  display:flex;
  min-width:320px;
  border-radius:5px;
  overflow:hidden;
  box-shadow:0 14px 34px rgba(0,0,0,.18);
  border:1px solid rgba(0,0,0,.08);
  transition:opacity .14s ease, transform .14s ease;
}

.mm-alert.mm-hide{
  opacity:0;
  transform:translateY(-6px);
}

.mm-left{
  flex:0 0 56px;
  background:var(--mm-brd);
  display:flex;
  align-items:center;
  justify-content:center;
}

.mm-badge{
  width:30px;
  padding: 5px 0 8px 0;
  border-radius:999px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  line-height:1;
}

.mm-right{
  flex:1 1 auto;
  background:var(--mm-bg);
  padding:12px 40px 12px 12px;
}

.mm-ttl{
  margin:0;
  font-size:14px;
  line-height:1.2;
  font-weight:800;
  color:#0b0b0b;
}

.mm-msg{
  margin:4px 0 0 0;
  font-size:13px;
  line-height:1.4;
  color:#424242;
}

.mm-close{
  position:absolute;
  top:8px;
  right:8px;
  width:26px;
  height:26px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  user-select:none;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(0,0,0,.12);
  box-shadow:0 8px 16px rgba(0,0,0,.12);
}

.mm-close:active{
  transform:scale(.97);
}

.mm-close:focus{
  outline:2px solid rgba(0,0,0,.22);
  outline-offset:2px;
}

.mm-x{
  font-size:14px;
  line-height:1;
}

.bubble .staff_alerta {
	background: url('../imagem/staff-alerta.png');
}
.bubble .staff_duvida {
	background: url('../imagem/staff-duvida.png');
}
.bubble .staff_erro {
	background: url('../imagem/staff-erro.png');
}
.bubble .staff_ola {
	background: url('../imagem/staff-inicio.png');
}
.bubble .staff_ok {
	background: url('../imagem/staff-ok.png');
}
.logo_linktalk {
  background: url('../imagem/linktalk.png');
  width: 26px;
  height: 26px;
  display: inline-block;
  background-position: center center !important;
  background-size: 100% 100% !important;
  margin-left: 5px;
}
.tit_linktalk {
  position: relative;
  top: -7px;
  font-size: 16px;
}
.bubble {
  position: fixed;
  background: var(--destacar);
  font-family: Arial;
  max-width: 400px;
  min-width: 310px;
  max-height: 79vh;
  border-radius: 10px;
  padding: 0;
  border: solid 1px var(--bordas);
  bottom: 94px;
  right: 10px;
  z-index: 99;
  padding: 10px;
}
@media only screen and (min-width: 1024px) {
  .bubble {
    right: 40vh
  }
}
.bubble:after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  z-index: 8;
  border-style: solid;
  border-width: 0 20px 20px 0;
  border-color: transparent var(--bordas) transparent transparent;
  bottom: -20px;
  right: 45px;
  margin-left: -10px;
}
.bubble .i_staff {
  position: absolute;
  top: -28px;
  right: 0;
  font-size: 20px;
  color: #000;
  cursor: pointer;
  font-family: Arial;
  color: #fff;
  line-height: 20px;
  background: #000;
  padding: 3px 7px;
  text-align: center;
  border-radius: 20px;
  font-style: normal;
  font-weight: bold;
}
.bubble .ico_staff {
  position: absolute;
  right: 0;
  top: auto;
  bottom: -74px;
  width: 64px;
  height: 64px;
  background-size: 95%;
  background-repeat: no-repeat;
  background-position: center;
}
.cp_staff {
  clear: both;
  overflow: auto;
  overflow-x: hidden;
  width: calc(100% - 10px);
  height: 100%;
  margin: 0;
  background: #000;
  border-radius: 10px;
  padding: 10px 5px;
}
.cp_staff button {
  font-weight: bold;
  float: right;
  margin: 10px;
}
.cp_staff button.direita {float: right;}
.cp_staff button.esquerda {float: left;}
.cp_staff h4 {
  text-align: center;
  font-weight: bold;
  color: #00f2ff;
}
.tit_staff_erro,.tit_staff_ola,.tit_staff_alerta,.tit_staff_ok,.tit_staff_duvida {
  text-align: center;
  font-size: 22px;
  font-family: 'Sans serif';
  font-family: sans-serif;
}
.tit_staff_erro span {
  font-size: 14px;
  color: #a00;
}
.cp_staff h3 {
  text-align: center;
}
h3.aviso {
  text-align: center;
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-style: italic;
}
p.aviso {
  max-width: 310px;
  padding:0 10px;
  color: var(--texto);
  text-indent: 40px;
  text-align: justify;
}
.cp_staff {color: var(--texto);}
.cp_staff .staff_load {
  display: block;
  margin: 50px auto;
  max-width: 50px;
}
.cp_staff .tx_staff_erro {
  text-align: justify;
  padding: 0 10px;
  line-height: 22px;
}
.tx_staff {
  display: block;
  width: 100%;
  overflow-y: auto;
  min-width: 480px;
  height: 250px;
}

p.ola {
  max-width: 310px;
  padding: 10px;
  text-align: justify;
  text-indent: 50px;
  font-weight: bold;
  font-size: 18px;
  font-style: italic;
}
.cp_staff .frm-staff {
  width: 480px;
  float: right;
  margin-right: 5px;
}
.cp_staff .form-group {
  clear: both;
  display: block;
  min-height: 35px;
}
.cp_staff .input-group-addon i {
  background: var(--btsucesso);
  height: 30px;
  width: 30px;
  line-height: 25px;
  margin-top: -7px;
  margin-right: -12px;
  border: solid 1px var(--bordasucesso);
  font-size: 16px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.cp_staff .form-group input {
  background: var(--fundo-form);
}
.cp_staff .form-group label {
  font-weight: bold;
  margin-left: +20px;
  margin-left: 20px;
}
.btn {
  cursor: pointer;
  padding: 5px 15px;
}
.btn-primary {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
  opacity: .9;
}
.btn-primary:hover {
  opacity: 1;
}

.btn-success {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
  opacity: .9;
}
.btn-success:hover {
  opacity: 1;
}

.btn-warning {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
  opacity: .9;
}
.btn-warning:hover {
  opacity: 1;
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
  opacity: .9;
}
.btn-danger:hover {
  opacity: 1;
}

.btn-default {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #dee2e6;
  opacity: .9;
}
.btn-default:hover {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
  opacity: 1;
}
@media (max-width:520px){
  .mmGrid{ grid-template-columns:1fr; }
}
/* 6. RESPONSIVIDADE (MEDIA QUERIES) */
@media (max-width: 992px) {
  #hero {
    flex-direction: column-reverse;
    text-align: center;
  }
  .hero-conteudo, .hero-visual {
    flex: none;
    width: 100%;
  }
  #hero h1 {
    font-size: 3em;
  }
  #rodape-console .container-futurista {
    flex-direction: column;
    text-align: center;
  }
  .status-line {
    margin-bottom: 10px;
  }
  .domain-info, .version-info {
    display: block;
    margin-left: 0;
  }
}

@media (max-width: 600px) {
    #ico-mapa {
        display: none;
    }
    #dvWhats {
        position:fixed;
        bottom:0px;
        left:5px;
        opacity:.5;
    }
    #dvWhats svg {
        height: 32px;
        width: 32px;
    }
    body {padding-bottom: 35px;}
    .footer-principal {
        position:  unset;
    }
    .btEtntrar span {
        display: none;
    }
    .btEtntrar {
        padding: 3px 15px;
        position: relative;
        top: +2px;
    }
    #mnuSite {
        display: none;
    }
    .lang-selector {
       padding: 5px 0;
    }
    .hero-visual {
        display: none;
    }
  .logo {
      font-size: 12px;
      margin-right: 5px;
  }
  #navbar .container-futurista {
    flex-direction: column;
  }
  nav {
    margin-top: 15px;
  }
  nav a {
    display: block;
    margin: 5px 0;
  }
  .btn-cta-principal {
    padding: 15px 25px;
    font-size: 14px;
      
  }
  .container-futurista {
    padding: 0 5px; 
    width: 100%;
  }
  .secao-final-neon p, .secao-final-neon h2 {
    padding: 0 30px;
  }
}