/* ===================================================================
   menu-painel.css — a folha do painel, para as paginas da BARRA UNICA.
   Copia exata do estilo.css que o menu-padrao.php ja' usa; sai do mesmo
   fonte, pelo build.py. Nao editar aqui: editar estilo.css e rodar o build.
   =================================================================== */
/* ===================================================================
   Menu com painel — tudo prefixado .rgfmm para nao encostar em nada do
   site. Nenhuma regra desta folha seleciona elemento existente sem o
   prefixo, com uma excecao declarada: .rgfmm-ligado .header-tab, que
   marca a aba aberta. Ela so' vale quando o modo de teste esta' ligado.
   =================================================================== */
.rgfmm-veu{position:fixed;inset:0;z-index:996;background:rgba(11,18,32,.28);
  opacity:0;transition:opacity .18s;pointer-events:none}
.rgfmm-veu.on{opacity:1}

.rgfmm{position:fixed;left:0;right:0;top:var(--mmtop,65px);z-index:998;
  background:#fff;border-top:1px solid #e7e9ee;
  box-shadow:0 18px 44px rgba(11,18,32,.12);
  font-family:Inter,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:#3f4a5a;
  opacity:0;transform:translateY(-8px);pointer-events:none;
  transition:opacity .16s ease,transform .16s ease}
.rgfmm.on{opacity:1;transform:none;pointer-events:auto}
.rgfmm *{box-sizing:border-box}

.rgfmm-dentro{max-width:1180px;margin:0 auto;padding:34px 24px 36px;
  display:grid;grid-template-columns:290px minmax(0,1fr);gap:0 56px;align-items:start}

/* coluna da esquerda: o que e' aquela area */
.rgfmm-cabeca{border-right:1px solid #eef0f3;padding-right:40px;min-height:112px}
.rgfmm-cabeca h3{margin:0;font:700 21px/1.24 system-ui;color:#0b1220;letter-spacing:-.022em}
.rgfmm-cabeca p{margin:10px 0 0;font:400 13.5px/1.55 system-ui;color:#7b8697}
.rgfmm-ver{display:inline-flex;align-items:center;gap:7px;margin-top:16px;
  font:700 12.5px/1 system-ui;color:#c00d1e;text-decoration:none}
.rgfmm-ver span{transition:transform .15s;display:inline-block}
.rgfmm-ver:hover span{transform:translateX(3px)}

/* coluna da direita: os destinos */
.rgfmm-itens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 36px}
.rgfmm-item{display:block;text-decoration:none;color:inherit;
  padding:11px 12px 12px 14px;border-left:2px solid transparent;border-radius:2px;
  transition:background .14s,border-color .14s}
.rgfmm-item b{display:block;font:600 14.5px/1.35 system-ui;color:#0b1220;
  letter-spacing:-.008em;transition:color .14s}
.rgfmm-item i{display:block;font-style:normal;margin-top:3px;
  font:400 12.5px/1.45 system-ui;color:#8b95a4}
.rgfmm-item:hover,.rgfmm-item:focus-visible{background:#f7f7f5;border-left-color:#c00d1e;outline:0}
.rgfmm-item:hover b,.rgfmm-item:focus-visible b{color:#c00d1e}

/* a aba aberta ganha o mesmo sublinhado da aba ativa do site.
   Sao as DUAS excecoes declaradas desta folha: o .header-tab do cabecalho
   principal e o link da barra unica. Nada mais aqui toca em elemento do site. */
.rgfmm-ligado .header-tab.rgfmm-aberta{box-shadow:inset 0 -3px 0 0 #c00d1e}
.rgfmm-ligado .rgfbar-nav a.rgfmm-aberta{color:#fff !important;
  box-shadow:inset 0 -3px 0 0 #c00d1e}
/* PLANOS e CONSULTAR EMPRESAS sao botoes: neles o risco embaixo nao cabe,
   e o contorno claro ja' diz que estao abertos. */
.rgfmm-ligado .rgfbar-nav a.rgfbar-planos.rgfmm-aberta,
.rgfmm-ligado .rgfbar-nav a.rgfbar-cta.rgfmm-aberta{
  box-shadow:none;border-color:rgba(255,255,255,.55) !important}

/* Sob a barra unica o painel sobe: a barra esta' em 9990 e varios monitores
   tem faixas proprias grudadas no alto. A classe so' existe nessas paginas. */
.rgfmm-barra .rgfmm{z-index:9989}
.rgfmm-barra .rgfmm-veu{z-index:9988}

/* tarja discreta avisando que o modo de teste esta' ligado */
.rgfmm-selo{position:fixed;left:14px;bottom:14px;z-index:9995;
  background:#fef3c7;color:#92400e;border:1px solid #fde68a;border-radius:4px;
  padding:7px 12px;font:400 12px/1.3 system-ui;box-shadow:0 4px 14px rgba(0,0,0,.10)}
.rgfmm-selo b{font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:10.5px}
.rgfmm-selo a{color:#92400e;margin-left:8px;text-decoration:underline}

/* No celular o site tem o menu proprio dele, que nao se toca. O painel e' de
   cursor: sem cursor, nao existe. */
@media(max-width:960px){
  .rgfmm,.rgfmm-veu{display:none}
  .rgfmm-selo{left:10px;bottom:10px;font-size:11px;padding:6px 9px}
}