/* =================================================================== Pele do site — modo de teste 18/09/2026 ESCOPO: tudo aqui esta' preso a .rgfmm-ligado, a classe que o menu novo poe no quando o endereco tem ?menu=novo. Sem o parametro, nenhuma destas regras existe para o visitante. E' a mesma tranca do menu. O QUE ESTA PELE FAZ: da' ao site inteiro o ritmo da pagina de Reestruturacao e da home nova — respiro entre secoes, tipografia mais contida, cartoes sem sombra pesada, vermelho como pontuacao e nao como pano de fundo. NAO mexe em conteudo, nao esconde secao, nao muda texto. =================================================================== */ .rgfmm-ligado{ --rgf-tinta:#0b1220; --rgf-texto:#3f4a5a; --rgf-claro:#7b8697; --rgf-tenue:#9aa4b2; --rgf-linha:#e7e9ee; --rgf-areia:#f7f7f5; --rgf-realce:#c00d1e; } /* ------------------------------------------------------------ respiro */ .rgfmm-ligado section.section{padding-block:clamp(54px,6.5vw,90px)} .rgfmm-ligado .container{max-width:1180px} .rgfmm-ligado .section-header{margin-bottom:clamp(28px,3.4vw,46px)} /* --------------------------------------------------------- tipografia */ /* (18/09, CORRIGIDO) Esta regra pintava TODO h1/h2/h3 com a tinta escura (#0b1220), sem perguntar qual era o fundo atras. Nas capas escuras — Entenda RJ, Formacao, Plataforma de Inteligencia, os monitores — o titulo sumia: contraste medido de 1,24, contra os 4,5 que um texto precisa para ser lido. CSS nao sabe que cor tem o fundo; quem sabe e' a propria pagina, que ja' definia isso certo antes de eu mexer. Entao a cor sai daqui. O espacamento entre letras fica, porque esse nao depende do fundo. */ .rgfmm-ligado h1,.rgfmm-ligado h2,.rgfmm-ligado h3{letter-spacing:-.024em} .rgfmm-ligado h2{font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.18} .rgfmm-ligado h3{font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.28} .rgfmm-ligado .section-header p,.rgfmm-ligado .section-subtitle{ color:var(--rgf-claro);font-size:15.5px;line-height:1.62;max-width:64ch} /* a etiqueta de secao: o vermelho vira pontuacao, em letra pequena */ .rgfmm-ligado .section-tag{ display:inline-block;font:700 11px/1 system-ui;letter-spacing:.2em; text-transform:uppercase;color:var(--rgf-realce);margin-bottom:14px; background:none;padding:0;border:0} /* ------------------------------------------------------------ cartoes */ .rgfmm-ligado .card, .rgfmm-ligado .feature-showcase-card, .rgfmm-ligado .glossary-term, .rgfmm-ligado .solution-card{ border:1px solid var(--rgf-linha);border-radius:12px; box-shadow:none;transition:border-color .16s,transform .16s,box-shadow .16s} .rgfmm-ligado .card:hover, .rgfmm-ligado .feature-showcase-card:hover, .rgfmm-ligado .solution-card:hover{ border-color:var(--rgf-tinta);transform:translateY(-2px); box-shadow:0 14px 30px rgba(11,18,32,.07)} /* --------------------------------------------------------- os botoes */ .rgfmm-ligado .btn,.rgfmm-ligado .btn-primary,.rgfmm-ligado .btn-cta-primary, .rgfmm-ligado .btn-hero-primary{border-radius:3px;letter-spacing:.005em} .rgfmm-ligado .btn-secondary,.rgfmm-ligado .btn-hero-secondary, .rgfmm-ligado .btn-cta-whatsapp{border-radius:3px} /* ------------------------------------------- listas de marcacao */ .rgfmm-ligado .check{color:var(--rgf-texto)} /* ----------------------------------------- o fio vermelho das secoes */ .rgfmm-ligado .section-title-bar,.rgfmm-ligado .titulo-barra{background:var(--rgf-realce)} /* --------------------------------------------------- tarja do teste */ .rgfmm-tarja{position:fixed;left:0;right:0;bottom:0;z-index:9994; background:#fef3c7;color:#92400e;border-top:1px solid #fde68a; font:500 12px/1.4 system-ui;padding:7px 14px;text-align:center} .rgfmm-tarja b{font-weight:800;text-transform:uppercase;letter-spacing:.09em;font-size:10.5px} .rgfmm-tarja a{color:#92400e;text-decoration:underline;margin-left:10px} .rgfmm-ligado .rgfmm-selo{display:none} /* a tarja de baixo substitui o selo antigo */ .rgfmm-ligado body{padding-bottom:36px} /* =================================================================== O TOPO — GRAFITE ------------------------------------------------------------------- O cabecalho era branco e ficava colado na capa escura: uma faixa clara atravessando o alto da tela. Agora e' grafite (#1c2230) — nem o branco, nem o marinho da capa. Ele separa o menu do conteudo por tom, e funciona tanto sobre pagina clara quanto escura. "Planos" vai para o cinza pedido. Num topo escuro, cinza sobre escuro sumiria; por isso ele leva um contorno claro e texto branco — continua sobrio, mas continua sendo um botao. =================================================================== */ .rgfmm-ligado{--rgf-topo:#1c2230} .rgfmm-ligado header.site-header, .rgfmm-ligado .header-top-bar{background:var(--rgf-topo) !important} .rgfmm-ligado .header-subnav-bar{background:#161b27 !important; border-top:1px solid rgba(255,255,255,.07)} /* as abas, agora sobre escuro */ .rgfmm-ligado .header-tab{color:rgba(255,255,255,.74) !important;font-weight:600} .rgfmm-ligado .header-tab:hover{color:#fff !important} .rgfmm-ligado .header-tab.active,.rgfmm-ligado .header-tab[aria-current]{ color:#fff !important;box-shadow:inset 0 -3px 0 0 var(--rgf-realce)} .rgfmm-ligado .subnav-panel a{color:rgba(255,255,255,.8) !important} .rgfmm-ligado .subnav-panel a:hover{color:#fff !important} /* PLANOS — cinza-escuro, com contorno para nao sumir no topo escuro */ .rgfmm-ligado .header-tab[data-tab="planos"]{ background:#2b3444 !important;color:#fff !important; border:1px solid rgba(255,255,255,.26) !important;border-radius:3px; padding:9px 20px;font-size:13.5px;font-weight:700;box-shadow:none; transition:background .15s,border-color .15s} .rgfmm-ligado .header-tab[data-tab="planos"]:hover{ background:#38445a !important;border-color:rgba(255,255,255,.5) !important} /* ENTRAR — o mais discreto dos tres */ .rgfmm-ligado .btn-login{ background:transparent !important;color:rgba(255,255,255,.9) !important; border:1px solid rgba(255,255,255,.22) !important;border-radius:3px; padding:8px 16px;font-size:13px;font-weight:700;box-shadow:none !important} .rgfmm-ligado .btn-login:hover{ border-color:rgba(255,255,255,.55) !important;background:rgba(255,255,255,.07) !important} .rgfmm-ligado .btn-login svg{stroke:currentColor} /* o risquinho do menu de celular tambem e' escuro agora */ .rgfmm-ligado .menu-toggle span{background:#fff} /* os botoes do corpo do site seguem a hierarquia: cheio vermelho e vazado */ .rgfmm-ligado .btn-cta-primary,.rgfmm-ligado .btn-hero-primary,.rgfmm-ligado .btn-primary{ background:var(--rgf-realce);color:#fff;border-radius:3px;font-weight:700; padding:13px 24px;box-shadow:0 6px 16px rgba(192,13,30,.22)} .rgfmm-ligado .btn-cta-primary:hover,.rgfmm-ligado .btn-hero-primary:hover, .rgfmm-ligado .btn-primary:hover{background:#a80b1a;box-shadow:0 9px 22px rgba(192,13,30,.3)} .rgfmm-ligado .btn-hero-secondary,.rgfmm-ligado .btn-secondary{ background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:3px; font-weight:700;padding:13px 22px} /* o botao flutuante estava no azul da tela de contratacao: vira chumbo */ .rgfmm-ligado .rgfsol{background:var(--rgf-tinta) !important} .rgfmm-ligado .rgfsol:hover{background:#1c2739 !important} /* ---------------------------------------------------- celular: os flutuantes No telefone o "Conhecer Soluções" e o WhatsApp caiam em cima do conteudo e da tarja de teste. Sobem acima dela, e a tarja passa a caber em uma linha. */ @media(max-width:760px){ .rgfmm-tarja{font-size:11px;padding:6px 10px;line-height:1.3} .rgfmm-tarja a{margin-left:6px} .rgfmm-ligado body{padding-bottom:30px} .rgfmm-ligado .whatsapp-float{bottom:56px !important} .rgfmm-ligado .rgfsol{bottom:60px !important;right:82px !important; height:34px;padding:0 10px;font-size:10.5px} } @media(max-width:420px){ .rgfmm-ligado .rgfsol{display:none} /* nao cabem os dois lado a lado */ } /* =================================================================== A "BARRA UNICA" — as 45 paginas do outro sistema (18/09/2026) ------------------------------------------------------------------- O site tem DOIS cabecalhos. O de cima (header.site-header) atende a home, /produtos, /reestruturacao e as demais paginas montadas pelo roteador. As analises, a formacao e os 30 monitores usam outro: uma barra escrita dentro de cada arquivo, marcada "barra unica v3". Trocar a marcacao dos 45 arquivos seria reescrever 45 vezes a mesma coisa, com 45 chances de errar. Nao e' preciso: as quatro variacoes que existem usam as MESMAS classes. Entao a barra continua onde esta', do jeito que esta', e so' recebe a pele por cima. O que muda, para ficar igual ao cabecalho principal: - fundo grafite #1c2230, o mesmo tom; - "Planos" em cinza-escuro com contorno claro; - "Consultar Empresas" vazado, como o "Entrar" do outro; - "<- Inicio" sai: o logotipo ja' leva para a home, e no cabecalho principal esse item nao existe. Era ele que fazia o menu parecer outro menu quando a pessoa trocava de pagina. =================================================================== */ .rgfmm-ligado .rgfbar{ background:var(--rgf-topo) !important; border-bottom:1px solid rgba(255,255,255,.08) !important; box-shadow:none !important} .rgfmm-ligado .rgfbar-nav a{color:rgba(255,255,255,.74) !important;font-weight:600} .rgfmm-ligado .rgfbar-nav a:hover{color:#fff !important} /* o item da pagina atual: branco, com o risco vermelho embaixo — igual ao .header-tab.active do cabecalho principal */ .rgfmm-ligado .rgfbar-nav a.rgfbar-ativo{ color:#fff !important;border-bottom:0 !important;padding-bottom:0 !important; box-shadow:inset 0 -3px 0 0 var(--rgf-realce)} /* "<- Inicio" nao existe no cabecalho principal; o logotipo faz esse papel */ .rgfmm-ligado .rgfbar-nav a.rgfbar-home{display:none !important} /* PLANOS — o mesmo cinza-escuro com contorno do outro cabecalho. Na barra antiga ele era azul (#1d4ed8), a unica peca azul do site. */ .rgfmm-ligado .rgfbar-nav a.rgfbar-planos{ background:#2b3444 !important;color:#fff !important; border:1px solid rgba(255,255,255,.26) !important;border-radius:3px !important; padding:9px 20px !important;font-size:13.5px !important;font-weight:700 !important; box-shadow:none !important;transition:background .15s,border-color .15s} .rgfmm-ligado .rgfbar-nav a.rgfbar-planos:hover{ background:#38445a !important;border-color:rgba(255,255,255,.5) !important} /* CONSULTAR EMPRESAS — vazado, como o "Entrar" */ .rgfmm-ligado .rgfbar-nav a.rgfbar-cta{ background:transparent !important;color:rgba(255,255,255,.9) !important; border:1px solid rgba(255,255,255,.22) !important;border-radius:3px !important; padding:8px 16px !important;font-size:13px !important;font-weight:700 !important; box-shadow:none !important} .rgfmm-ligado .rgfbar-nav a.rgfbar-cta:hover{ border-color:rgba(255,255,255,.55) !important;background:rgba(255,255,255,.07) !important}