/*
 * MasterPlating V768 — PADRÃO ÚNICO DE CABEÇALHO (modelo: Manutenção / PCM)
 *
 * Todas as telas usam o mesmo cabeçalho que a Manutenção já usa:
 *   caixa ........ altura mínima 96px (88px no celular), fundo em degradê branco → azul-claro,
 *                  linha inferior, barra laranja 4×54px à esquerda
 *   identificação  9px / 700 / maiúsculas / #6780a0
 *   título ....... 23px / 500 / Inter / azul-escuro
 *   subtítulo .... 11px / 400 / #466687
 *   ícone ........ 38×38px, raio 10px, fundo #e7f1fd
 *   imagem ....... à direita, 48% da largura, com esmaecimento à esquerda
 *
 * Esta folha é carregada POR ÚLTIMO no index.html. Ela só ajusta aparência: não muda
 * HTML, rotas, APIs ou banco. Para deixar um cabeçalho fora do padrão, use a classe
 * "mpc-livre" no elemento do cabeçalho.
 */
:root{
  --mpc-altura:96px;
  --mpc-fundo:linear-gradient(90deg,#fff 0%,#f8fbff 58%,#edf5fc 100%);
  --mpc-borda:var(--mp-border,#d6e3f2);
  --mpc-laranja:var(--mp-orange,#ef7d1a);
  --mpc-titulo:var(--mp-blue-950,#0c3d78);
  --mpc-subtitulo:#466687;
  --mpc-identificacao:#6780a0;
  --mpc-icone-fundo:#e7f1fd;
  --mpc-icone-borda:#cfe1f5;
  --mpc-icone-cor:var(--mp-blue-600,#1766b3);
  --mpc-fonte:var(--mp-font-global,Inter,Arial,Helvetica,sans-serif);
}
@media(max-width:700px){:root{--mpc-altura:88px}}

/* 1. Caixa do cabeçalho (barra laranja desenhada no próprio fundo) */
#main .topbar:not(.mpc-livre),
.mp-module-hero:not(.mpc-livre),
.mp-hero:not(.mpc-livre),
.fp-page-head:not(.mpc-livre),
.lab-dashboard-hero:not(.mpc-livre),
.sgq-hero:not(.mpc-livre),
.sgq-page-hero:not(.mpc-livre),
.pessoas-hero:not(.mpc-livre),
.pcu-hero:not(.mpc-livre),
.pricing-dashboard-hero:not(.mpc-livre),
.fin-hero:not(.mpc-livre),
.obz-hero:not(.mpc-livre),
.home-hero:not(.mpc-livre),
.mp711-hero:not(.mpc-livre),
.peca-hero-panel:not(.mpc-livre),
.oc-hero:not(.mpc-livre),
.rgo-hero:not(.mpc-livre),
.ac93-hero:not(.mpc-livre),
.gp-rede-head:not(.mpc-livre),
.mp84-photo-head:not(.mpc-livre){
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  min-height:var(--mpc-altura) !important;
  height:auto !important;
  max-height:none !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  margin:0 0 14px !important;
  padding:12px 18px 12px 22px !important;
  border:0 !important;
  border-bottom:1px solid var(--mpc-borda) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:linear-gradient(var(--mpc-laranja),var(--mpc-laranja)) left 18px / 4px 54px no-repeat, var(--mpc-fundo) !important;
  color:#17324d !important;
  font-family:var(--mpc-fonte) !important;
}

/* 2. Barras laranjas e enfeites antigos saem (a barra agora vem do fundo da caixa) */
#main .topbar:not(.mpc-livre) h1::before,
#main .topbar:not(.mpc-livre) p::before,
.mp-module-hero:not(.mpc-livre)::before,
.fp-page-head:not(.mpc-livre)::before,
.mp711-hero:not(.mpc-livre)::before,
.peca-hero-panel:not(.mpc-livre)::before,
.mp-hero:not(.mpc-livre)::after,
.sgq-hero:not(.mpc-livre)::after,
.pricing-dashboard-hero:not(.mpc-livre)::after,
.gp-rede-head:not(.mpc-livre)::after,
.rgo-hero:not(.mpc-livre)::before,
.rgo-hero:not(.mpc-livre)::after{
  content:none !important;
  display:none !important;
}

/* 3. Título */
#main .topbar:not(.mpc-livre) h1,
.mp-module-hero:not(.mpc-livre) h1,
.mp-hero:not(.mpc-livre) h1,
.fp-page-head:not(.mpc-livre) h1,
.lab-dashboard-hero:not(.mpc-livre) h1,
.sgq-hero:not(.mpc-livre) h1,
.sgq-page-hero:not(.mpc-livre) h1,
.pessoas-hero:not(.mpc-livre) h1,
.pcu-hero:not(.mpc-livre) h1,
.pricing-dashboard-hero:not(.mpc-livre) h1,
.fin-hero:not(.mpc-livre) h1,
.obz-hero:not(.mpc-livre) h1,
.home-hero:not(.mpc-livre) h1,
.mp711-hero:not(.mpc-livre) h1,
.peca-hero-panel:not(.mpc-livre) h1,
.oc-hero:not(.mpc-livre) h1,
.rgo-hero:not(.mpc-livre) h1,
.ac93-hero:not(.mpc-livre) h1,
.gp-rede-head:not(.mpc-livre) h1,
.mp84-photo-head:not(.mpc-livre) h1{
  margin:0 !important;
  padding:0 !important;
  font-family:var(--mpc-fonte) !important;
  font-size:23px !important;
  font-weight:500 !important;
  line-height:1.1 !important;
  letter-spacing:-.1px !important;
  color:var(--mpc-titulo) !important;
  text-transform:none !important;
  background:none !important;
  border:0 !important;
}

/* 4. Subtítulo (parágrafo do cabeçalho) */
#main .topbar:not(.mpc-livre) h1 + p,
.mp-module-hero:not(.mpc-livre) h1 + p,
.mp-hero:not(.mpc-livre) h1 + p,
.fp-page-head:not(.mpc-livre) h1 + p,
.lab-dashboard-hero:not(.mpc-livre) h1 + p,
.sgq-hero:not(.mpc-livre) h1 + p,
.sgq-page-hero:not(.mpc-livre) h1 + p,
.pessoas-hero:not(.mpc-livre) h1 + p,
.pcu-hero:not(.mpc-livre) h1 + p,
.pricing-dashboard-hero:not(.mpc-livre) h1 + p,
.fin-hero:not(.mpc-livre) h1 + p,
.obz-hero:not(.mpc-livre) h1 + p,
.home-hero:not(.mpc-livre) h1 + p,
.mp711-hero:not(.mpc-livre) h1 + p,
.peca-hero-panel:not(.mpc-livre) h1 + p,
.oc-hero:not(.mpc-livre) h1 + p,
.rgo-hero:not(.mpc-livre) h1 + p,
.ac93-hero:not(.mpc-livre) h1 + p,
.gp-rede-head:not(.mpc-livre) h1 + p,
.mp84-photo-head:not(.mpc-livre) h1 + p,
#main .topbar:not(.mpc-livre) .mp-hero-subtitle,
.mp-module-hero:not(.mpc-livre) .mp-hero-subtitle,
.mp-hero:not(.mpc-livre) .mp-hero-subtitle,
.fp-page-head:not(.mpc-livre) .mp-hero-subtitle,
.lab-dashboard-hero:not(.mpc-livre) .mp-hero-subtitle,
.sgq-hero:not(.mpc-livre) .mp-hero-subtitle,
.sgq-page-hero:not(.mpc-livre) .mp-hero-subtitle,
.pessoas-hero:not(.mpc-livre) .mp-hero-subtitle,
.pcu-hero:not(.mpc-livre) .mp-hero-subtitle,
.pricing-dashboard-hero:not(.mpc-livre) .mp-hero-subtitle,
.fin-hero:not(.mpc-livre) .mp-hero-subtitle,
.obz-hero:not(.mpc-livre) .mp-hero-subtitle,
.home-hero:not(.mpc-livre) .mp-hero-subtitle,
.mp711-hero:not(.mpc-livre) .mp-hero-subtitle,
.peca-hero-panel:not(.mpc-livre) .mp-hero-subtitle,
.oc-hero:not(.mpc-livre) .mp-hero-subtitle,
.rgo-hero:not(.mpc-livre) .mp-hero-subtitle,
.ac93-hero:not(.mpc-livre) .mp-hero-subtitle,
.gp-rede-head:not(.mpc-livre) .mp-hero-subtitle,
.mp84-photo-head:not(.mpc-livre) .mp-hero-subtitle{
  margin:3px 0 0 !important;
  font-family:var(--mpc-fonte) !important;
  font-size:11px !important;
  font-weight:400 !important;
  line-height:1.3 !important;
  color:var(--mpc-subtitulo) !important;
}

/* 5. Identificação / trilha acima do título */
#main .topbar:not(.mpc-livre) [class*='eyebrow'],
.mp-module-hero:not(.mpc-livre) [class*='eyebrow'],
.mp-hero:not(.mpc-livre) [class*='eyebrow'],
.fp-page-head:not(.mpc-livre) [class*='eyebrow'],
.lab-dashboard-hero:not(.mpc-livre) [class*='eyebrow'],
.sgq-hero:not(.mpc-livre) [class*='eyebrow'],
.sgq-page-hero:not(.mpc-livre) [class*='eyebrow'],
.pessoas-hero:not(.mpc-livre) [class*='eyebrow'],
.pcu-hero:not(.mpc-livre) [class*='eyebrow'],
.pricing-dashboard-hero:not(.mpc-livre) [class*='eyebrow'],
.fin-hero:not(.mpc-livre) [class*='eyebrow'],
.obz-hero:not(.mpc-livre) [class*='eyebrow'],
.home-hero:not(.mpc-livre) [class*='eyebrow'],
.mp711-hero:not(.mpc-livre) [class*='eyebrow'],
.peca-hero-panel:not(.mpc-livre) [class*='eyebrow'],
.oc-hero:not(.mpc-livre) [class*='eyebrow'],
.rgo-hero:not(.mpc-livre) [class*='eyebrow'],
.ac93-hero:not(.mpc-livre) [class*='eyebrow'],
.gp-rede-head:not(.mpc-livre) [class*='eyebrow'],
.mp84-photo-head:not(.mpc-livre) [class*='eyebrow'],
#main .topbar:not(.mpc-livre) [class*='breadcrumb'],
.mp-module-hero:not(.mpc-livre) [class*='breadcrumb'],
.mp-hero:not(.mpc-livre) [class*='breadcrumb'],
.fp-page-head:not(.mpc-livre) [class*='breadcrumb'],
.lab-dashboard-hero:not(.mpc-livre) [class*='breadcrumb'],
.sgq-hero:not(.mpc-livre) [class*='breadcrumb'],
.sgq-page-hero:not(.mpc-livre) [class*='breadcrumb'],
.pessoas-hero:not(.mpc-livre) [class*='breadcrumb'],
.pcu-hero:not(.mpc-livre) [class*='breadcrumb'],
.pricing-dashboard-hero:not(.mpc-livre) [class*='breadcrumb'],
.fin-hero:not(.mpc-livre) [class*='breadcrumb'],
.obz-hero:not(.mpc-livre) [class*='breadcrumb'],
.home-hero:not(.mpc-livre) [class*='breadcrumb'],
.mp711-hero:not(.mpc-livre) [class*='breadcrumb'],
.peca-hero-panel:not(.mpc-livre) [class*='breadcrumb'],
.oc-hero:not(.mpc-livre) [class*='breadcrumb'],
.rgo-hero:not(.mpc-livre) [class*='breadcrumb'],
.ac93-hero:not(.mpc-livre) [class*='breadcrumb'],
.gp-rede-head:not(.mpc-livre) [class*='breadcrumb'],
.mp84-photo-head:not(.mpc-livre) [class*='breadcrumb'],
#main .topbar:not(.mpc-livre) [class*='kicker'],
.mp-module-hero:not(.mpc-livre) [class*='kicker'],
.mp-hero:not(.mpc-livre) [class*='kicker'],
.fp-page-head:not(.mpc-livre) [class*='kicker'],
.lab-dashboard-hero:not(.mpc-livre) [class*='kicker'],
.sgq-hero:not(.mpc-livre) [class*='kicker'],
.sgq-page-hero:not(.mpc-livre) [class*='kicker'],
.pessoas-hero:not(.mpc-livre) [class*='kicker'],
.pcu-hero:not(.mpc-livre) [class*='kicker'],
.pricing-dashboard-hero:not(.mpc-livre) [class*='kicker'],
.fin-hero:not(.mpc-livre) [class*='kicker'],
.obz-hero:not(.mpc-livre) [class*='kicker'],
.home-hero:not(.mpc-livre) [class*='kicker'],
.mp711-hero:not(.mpc-livre) [class*='kicker'],
.peca-hero-panel:not(.mpc-livre) [class*='kicker'],
.oc-hero:not(.mpc-livre) [class*='kicker'],
.rgo-hero:not(.mpc-livre) [class*='kicker'],
.ac93-hero:not(.mpc-livre) [class*='kicker'],
.gp-rede-head:not(.mpc-livre) [class*='kicker'],
.mp84-photo-head:not(.mpc-livre) [class*='kicker']{
  margin:0 0 2px !important;
  font-family:var(--mpc-fonte) !important;
  font-size:9px !important;
  font-weight:700 !important;
  letter-spacing:1.1px !important;
  text-transform:uppercase !important;
  color:var(--mpc-identificacao) !important;
}

/* 6. Ícone ao lado do título */
#main .topbar:not(.mpc-livre) [class*='hero-icon'],
.mp-module-hero:not(.mpc-livre) [class*='hero-icon'],
.mp-hero:not(.mpc-livre) [class*='hero-icon'],
.fp-page-head:not(.mpc-livre) [class*='hero-icon'],
.lab-dashboard-hero:not(.mpc-livre) [class*='hero-icon'],
.sgq-hero:not(.mpc-livre) [class*='hero-icon'],
.sgq-page-hero:not(.mpc-livre) [class*='hero-icon'],
.pessoas-hero:not(.mpc-livre) [class*='hero-icon'],
.pcu-hero:not(.mpc-livre) [class*='hero-icon'],
.pricing-dashboard-hero:not(.mpc-livre) [class*='hero-icon'],
.fin-hero:not(.mpc-livre) [class*='hero-icon'],
.obz-hero:not(.mpc-livre) [class*='hero-icon'],
.home-hero:not(.mpc-livre) [class*='hero-icon'],
.mp711-hero:not(.mpc-livre) [class*='hero-icon'],
.peca-hero-panel:not(.mpc-livre) [class*='hero-icon'],
.oc-hero:not(.mpc-livre) [class*='hero-icon'],
.rgo-hero:not(.mpc-livre) [class*='hero-icon'],
.ac93-hero:not(.mpc-livre) [class*='hero-icon'],
.gp-rede-head:not(.mpc-livre) [class*='hero-icon'],
.mp84-photo-head:not(.mpc-livre) [class*='hero-icon'],
#main .topbar:not(.mpc-livre) [class*='head-icon'],
.mp-module-hero:not(.mpc-livre) [class*='head-icon'],
.mp-hero:not(.mpc-livre) [class*='head-icon'],
.fp-page-head:not(.mpc-livre) [class*='head-icon'],
.lab-dashboard-hero:not(.mpc-livre) [class*='head-icon'],
.sgq-hero:not(.mpc-livre) [class*='head-icon'],
.sgq-page-hero:not(.mpc-livre) [class*='head-icon'],
.pessoas-hero:not(.mpc-livre) [class*='head-icon'],
.pcu-hero:not(.mpc-livre) [class*='head-icon'],
.pricing-dashboard-hero:not(.mpc-livre) [class*='head-icon'],
.fin-hero:not(.mpc-livre) [class*='head-icon'],
.obz-hero:not(.mpc-livre) [class*='head-icon'],
.home-hero:not(.mpc-livre) [class*='head-icon'],
.mp711-hero:not(.mpc-livre) [class*='head-icon'],
.peca-hero-panel:not(.mpc-livre) [class*='head-icon'],
.oc-hero:not(.mpc-livre) [class*='head-icon'],
.rgo-hero:not(.mpc-livre) [class*='head-icon'],
.ac93-hero:not(.mpc-livre) [class*='head-icon'],
.gp-rede-head:not(.mpc-livre) [class*='head-icon'],
.mp84-photo-head:not(.mpc-livre) [class*='head-icon'],
#main .topbar:not(.mpc-livre) .lab-dashboard-icon,
.mp-module-hero:not(.mpc-livre) .lab-dashboard-icon,
.mp-hero:not(.mpc-livre) .lab-dashboard-icon,
.fp-page-head:not(.mpc-livre) .lab-dashboard-icon,
.lab-dashboard-hero:not(.mpc-livre) .lab-dashboard-icon,
.sgq-hero:not(.mpc-livre) .lab-dashboard-icon,
.sgq-page-hero:not(.mpc-livre) .lab-dashboard-icon,
.pessoas-hero:not(.mpc-livre) .lab-dashboard-icon,
.pcu-hero:not(.mpc-livre) .lab-dashboard-icon,
.pricing-dashboard-hero:not(.mpc-livre) .lab-dashboard-icon,
.fin-hero:not(.mpc-livre) .lab-dashboard-icon,
.obz-hero:not(.mpc-livre) .lab-dashboard-icon,
.home-hero:not(.mpc-livre) .lab-dashboard-icon,
.mp711-hero:not(.mpc-livre) .lab-dashboard-icon,
.peca-hero-panel:not(.mpc-livre) .lab-dashboard-icon,
.oc-hero:not(.mpc-livre) .lab-dashboard-icon,
.rgo-hero:not(.mpc-livre) .lab-dashboard-icon,
.ac93-hero:not(.mpc-livre) .lab-dashboard-icon,
.gp-rede-head:not(.mpc-livre) .lab-dashboard-icon,
.mp84-photo-head:not(.mpc-livre) .lab-dashboard-icon{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  flex:0 0 38px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:10px !important;
  background:var(--mpc-icone-fundo) !important;
  border:1px solid var(--mpc-icone-borda) !important;
  color:var(--mpc-icone-cor) !important;
  font-size:21px !important;
  box-shadow:none !important;
}

/* 7. Bloco de texto acima da imagem */
#main .topbar:not(.mpc-livre) [class*='hero-copy'],
.mp-module-hero:not(.mpc-livre) [class*='hero-copy'],
.mp-hero:not(.mpc-livre) [class*='hero-copy'],
.fp-page-head:not(.mpc-livre) [class*='hero-copy'],
.lab-dashboard-hero:not(.mpc-livre) [class*='hero-copy'],
.sgq-hero:not(.mpc-livre) [class*='hero-copy'],
.sgq-page-hero:not(.mpc-livre) [class*='hero-copy'],
.pessoas-hero:not(.mpc-livre) [class*='hero-copy'],
.pcu-hero:not(.mpc-livre) [class*='hero-copy'],
.pricing-dashboard-hero:not(.mpc-livre) [class*='hero-copy'],
.fin-hero:not(.mpc-livre) [class*='hero-copy'],
.obz-hero:not(.mpc-livre) [class*='hero-copy'],
.home-hero:not(.mpc-livre) [class*='hero-copy'],
.mp711-hero:not(.mpc-livre) [class*='hero-copy'],
.peca-hero-panel:not(.mpc-livre) [class*='hero-copy'],
.oc-hero:not(.mpc-livre) [class*='hero-copy'],
.rgo-hero:not(.mpc-livre) [class*='hero-copy'],
.ac93-hero:not(.mpc-livre) [class*='hero-copy'],
.gp-rede-head:not(.mpc-livre) [class*='hero-copy'],
.mp84-photo-head:not(.mpc-livre) [class*='hero-copy'],
#main .topbar:not(.mpc-livre) [class*='head-copy'],
.mp-module-hero:not(.mpc-livre) [class*='head-copy'],
.mp-hero:not(.mpc-livre) [class*='head-copy'],
.fp-page-head:not(.mpc-livre) [class*='head-copy'],
.lab-dashboard-hero:not(.mpc-livre) [class*='head-copy'],
.sgq-hero:not(.mpc-livre) [class*='head-copy'],
.sgq-page-hero:not(.mpc-livre) [class*='head-copy'],
.pessoas-hero:not(.mpc-livre) [class*='head-copy'],
.pcu-hero:not(.mpc-livre) [class*='head-copy'],
.pricing-dashboard-hero:not(.mpc-livre) [class*='head-copy'],
.fin-hero:not(.mpc-livre) [class*='head-copy'],
.obz-hero:not(.mpc-livre) [class*='head-copy'],
.home-hero:not(.mpc-livre) [class*='head-copy'],
.mp711-hero:not(.mpc-livre) [class*='head-copy'],
.peca-hero-panel:not(.mpc-livre) [class*='head-copy'],
.oc-hero:not(.mpc-livre) [class*='head-copy'],
.rgo-hero:not(.mpc-livre) [class*='head-copy'],
.ac93-hero:not(.mpc-livre) [class*='head-copy'],
.gp-rede-head:not(.mpc-livre) [class*='head-copy'],
.mp84-photo-head:not(.mpc-livre) [class*='head-copy'],
#main .topbar:not(.mpc-livre) .lab-dashboard-copy,
.mp-module-hero:not(.mpc-livre) .lab-dashboard-copy,
.mp-hero:not(.mpc-livre) .lab-dashboard-copy,
.fp-page-head:not(.mpc-livre) .lab-dashboard-copy,
.lab-dashboard-hero:not(.mpc-livre) .lab-dashboard-copy,
.sgq-hero:not(.mpc-livre) .lab-dashboard-copy,
.sgq-page-hero:not(.mpc-livre) .lab-dashboard-copy,
.pessoas-hero:not(.mpc-livre) .lab-dashboard-copy,
.pcu-hero:not(.mpc-livre) .lab-dashboard-copy,
.pricing-dashboard-hero:not(.mpc-livre) .lab-dashboard-copy,
.fin-hero:not(.mpc-livre) .lab-dashboard-copy,
.obz-hero:not(.mpc-livre) .lab-dashboard-copy,
.home-hero:not(.mpc-livre) .lab-dashboard-copy,
.mp711-hero:not(.mpc-livre) .lab-dashboard-copy,
.peca-hero-panel:not(.mpc-livre) .lab-dashboard-copy,
.oc-hero:not(.mpc-livre) .lab-dashboard-copy,
.rgo-hero:not(.mpc-livre) .lab-dashboard-copy,
.ac93-hero:not(.mpc-livre) .lab-dashboard-copy,
.gp-rede-head:not(.mpc-livre) .lab-dashboard-copy,
.mp84-photo-head:not(.mpc-livre) .lab-dashboard-copy{
  position:relative !important;
  z-index:2 !important;
  padding:0 !important;
}
#main .topbar:not(.mpc-livre) .mp-hero-title-row,
.mp-module-hero:not(.mpc-livre) .mp-hero-title-row,
.mp-hero:not(.mpc-livre) .mp-hero-title-row,
.fp-page-head:not(.mpc-livre) .mp-hero-title-row,
.lab-dashboard-hero:not(.mpc-livre) .mp-hero-title-row,
.sgq-hero:not(.mpc-livre) .mp-hero-title-row,
.sgq-page-hero:not(.mpc-livre) .mp-hero-title-row,
.pessoas-hero:not(.mpc-livre) .mp-hero-title-row,
.pcu-hero:not(.mpc-livre) .mp-hero-title-row,
.pricing-dashboard-hero:not(.mpc-livre) .mp-hero-title-row,
.fin-hero:not(.mpc-livre) .mp-hero-title-row,
.obz-hero:not(.mpc-livre) .mp-hero-title-row,
.home-hero:not(.mpc-livre) .mp-hero-title-row,
.mp711-hero:not(.mpc-livre) .mp-hero-title-row,
.peca-hero-panel:not(.mpc-livre) .mp-hero-title-row,
.oc-hero:not(.mpc-livre) .mp-hero-title-row,
.rgo-hero:not(.mpc-livre) .mp-hero-title-row,
.ac93-hero:not(.mpc-livre) .mp-hero-title-row,
.gp-rede-head:not(.mpc-livre) .mp-hero-title-row,
.mp84-photo-head:not(.mpc-livre) .mp-hero-title-row{display:flex !important;align-items:center !important;gap:12px !important}

/* 8. Imagem à direita, como na Manutenção */
.mp-module-hero:not(.mpc-livre) .mp-module-hero-image,
.fp-page-head:not(.mpc-livre) .fp-head-photo,
.sgq-hero:not(.mpc-livre) .sgq-hero-image,
.pessoas-hero:not(.mpc-livre) .pessoas-hero-image,
.obz-hero:not(.mpc-livre) .obz-hero-image,
.peca-hero-panel:not(.mpc-livre) .peca-hero-image,
.mp711-hero:not(.mpc-livre) .mp711-hero-image,
.pricing-dashboard-hero:not(.mpc-livre) .pricing-dashboard-image,
.fin-hero:not(.mpc-livre) .fin-hero-image{
  position:absolute !important;
  inset:0 0 0 auto !important;
  width:48% !important;
  max-width:560px !important;
  height:100% !important;
  z-index:1 !important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 14%,#000 32%,#000 100%) !important;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 14%,#000 32%,#000 100%) !important;
}
.mp-module-hero:not(.mpc-livre) .mp-module-hero-image img,
.fp-page-head:not(.mpc-livre) .fp-head-photo img,
.sgq-hero:not(.mpc-livre) .sgq-hero-image img,
.pessoas-hero:not(.mpc-livre) .pessoas-hero-image img,
.obz-hero:not(.mpc-livre) .obz-hero-image img,
.peca-hero-panel:not(.mpc-livre) .peca-hero-image img,
.mp711-hero:not(.mpc-livre) .mp711-hero-image img,
.pricing-dashboard-hero:not(.mpc-livre) .pricing-dashboard-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:right center !important;
}
.mp-module-hero:not(.mpc-livre) .mp-module-hero-side,
.mp-module-hero:not(.mpc-livre) .mp-module-hero-callout{display:none !important}

/* 9. Ações e botões do cabeçalho ficam acima da imagem */
#main .topbar:not(.mpc-livre) .btn-row,
.mp-module-hero:not(.mpc-livre) .btn-row,
.mp-hero:not(.mpc-livre) .btn-row,
.fp-page-head:not(.mpc-livre) .btn-row,
.lab-dashboard-hero:not(.mpc-livre) .btn-row,
.sgq-hero:not(.mpc-livre) .btn-row,
.sgq-page-hero:not(.mpc-livre) .btn-row,
.pessoas-hero:not(.mpc-livre) .btn-row,
.pcu-hero:not(.mpc-livre) .btn-row,
.pricing-dashboard-hero:not(.mpc-livre) .btn-row,
.fin-hero:not(.mpc-livre) .btn-row,
.obz-hero:not(.mpc-livre) .btn-row,
.home-hero:not(.mpc-livre) .btn-row,
.mp711-hero:not(.mpc-livre) .btn-row,
.peca-hero-panel:not(.mpc-livre) .btn-row,
.oc-hero:not(.mpc-livre) .btn-row,
.rgo-hero:not(.mpc-livre) .btn-row,
.ac93-hero:not(.mpc-livre) .btn-row,
.gp-rede-head:not(.mpc-livre) .btn-row,
.mp84-photo-head:not(.mpc-livre) .btn-row,
#main .topbar:not(.mpc-livre) [class*='actions'],
.mp-module-hero:not(.mpc-livre) [class*='actions'],
.mp-hero:not(.mpc-livre) [class*='actions'],
.fp-page-head:not(.mpc-livre) [class*='actions'],
.lab-dashboard-hero:not(.mpc-livre) [class*='actions'],
.sgq-hero:not(.mpc-livre) [class*='actions'],
.sgq-page-hero:not(.mpc-livre) [class*='actions'],
.pessoas-hero:not(.mpc-livre) [class*='actions'],
.pcu-hero:not(.mpc-livre) [class*='actions'],
.pricing-dashboard-hero:not(.mpc-livre) [class*='actions'],
.fin-hero:not(.mpc-livre) [class*='actions'],
.obz-hero:not(.mpc-livre) [class*='actions'],
.home-hero:not(.mpc-livre) [class*='actions'],
.mp711-hero:not(.mpc-livre) [class*='actions'],
.peca-hero-panel:not(.mpc-livre) [class*='actions'],
.oc-hero:not(.mpc-livre) [class*='actions'],
.rgo-hero:not(.mpc-livre) [class*='actions'],
.ac93-hero:not(.mpc-livre) [class*='actions'],
.gp-rede-head:not(.mpc-livre) [class*='actions'],
.mp84-photo-head:not(.mpc-livre) [class*='actions'],
#main .topbar:not(.mpc-livre) .fp-head-art,
.mp-module-hero:not(.mpc-livre) .fp-head-art,
.mp-hero:not(.mpc-livre) .fp-head-art,
.fp-page-head:not(.mpc-livre) .fp-head-art,
.lab-dashboard-hero:not(.mpc-livre) .fp-head-art,
.sgq-hero:not(.mpc-livre) .fp-head-art,
.sgq-page-hero:not(.mpc-livre) .fp-head-art,
.pessoas-hero:not(.mpc-livre) .fp-head-art,
.pcu-hero:not(.mpc-livre) .fp-head-art,
.pricing-dashboard-hero:not(.mpc-livre) .fp-head-art,
.fin-hero:not(.mpc-livre) .fp-head-art,
.obz-hero:not(.mpc-livre) .fp-head-art,
.home-hero:not(.mpc-livre) .fp-head-art,
.mp711-hero:not(.mpc-livre) .fp-head-art,
.peca-hero-panel:not(.mpc-livre) .fp-head-art,
.oc-hero:not(.mpc-livre) .fp-head-art,
.rgo-hero:not(.mpc-livre) .fp-head-art,
.ac93-hero:not(.mpc-livre) .fp-head-art,
.gp-rede-head:not(.mpc-livre) .fp-head-art,
.mp84-photo-head:not(.mpc-livre) .fp-head-art{
  position:relative !important;
  z-index:3 !important;
}

/* 10. Cabeçalho simples (topbar): título e subtítulo empilhados, ações à direita */
#main .topbar:not(.mpc-livre) > div:first-child{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:0 !important;
  min-width:0 !important;
}
#main .topbar:not(.mpc-livre){flex-wrap:wrap !important}

@media(max-width:700px){
  #main .topbar:not(.mpc-livre) h1,
.mp-module-hero:not(.mpc-livre) h1,
.mp-hero:not(.mpc-livre) h1,
.fp-page-head:not(.mpc-livre) h1,
.lab-dashboard-hero:not(.mpc-livre) h1,
.sgq-hero:not(.mpc-livre) h1,
.sgq-page-hero:not(.mpc-livre) h1,
.pessoas-hero:not(.mpc-livre) h1,
.pcu-hero:not(.mpc-livre) h1,
.pricing-dashboard-hero:not(.mpc-livre) h1,
.fin-hero:not(.mpc-livre) h1,
.obz-hero:not(.mpc-livre) h1,
.home-hero:not(.mpc-livre) h1,
.mp711-hero:not(.mpc-livre) h1,
.peca-hero-panel:not(.mpc-livre) h1,
.oc-hero:not(.mpc-livre) h1,
.rgo-hero:not(.mpc-livre) h1,
.ac93-hero:not(.mpc-livre) h1,
.gp-rede-head:not(.mpc-livre) h1,
.mp84-photo-head:not(.mpc-livre) h1{font-size:20px !important}
  .mp-module-hero:not(.mpc-livre) .mp-module-hero-image,
  .fp-page-head:not(.mpc-livre) .fp-head-photo,
  .sgq-hero:not(.mpc-livre) .sgq-hero-image,
  .pessoas-hero:not(.mpc-livre) .pessoas-hero-image,
  .obz-hero:not(.mpc-livre) .obz-hero-image,
  .peca-hero-panel:not(.mpc-livre) .peca-hero-image,
  .mp711-hero:not(.mpc-livre) .mp711-hero-image,
  .pricing-dashboard-hero:not(.mpc-livre) .pricing-dashboard-image,
  .fin-hero:not(.mpc-livre) .fin-hero-image{display:none !important}
}

/* 11. Títulos de seção dentro das telas: mesma família, peso e cor */
.mp-section-title,
.card > h2,
.fpa-card > header h3,
.gp-card-head h3{
  font-family:var(--mpc-fonte) !important;
  font-weight:600 !important;
  color:var(--mpc-titulo) !important;
}
