.elementor-84 .elementor-element.elementor-element-b29fcd7{width:100%;max-width:100%;}.elementor-84 .elementor-element.elementor-element-0a6cf98{width:100%;max-width:100%;}.elementor-84 .elementor-element.elementor-element-d644a84{width:100%;max-width:100%;}.elementor-84 .elementor-element.elementor-element-616fba0{width:100%;max-width:100%;}.elementor-84 .elementor-element.elementor-element-0a3bb08{width:100%;max-width:100%;}.elementor-84 .elementor-element.elementor-element-3f06665{width:100%;max-width:100%;}.elementor-84 .elementor-element.elementor-element-2f2c5c8{width:100%;max-width:100%;}.elementor-84 .elementor-element.elementor-element-bdc1d1b{width:100%;max-width:100%;}.elementor-84 .elementor-element.elementor-element-23466f2{width:100%;max-width:100%;}.elementor-84 .elementor-element.elementor-element-901c5ae{width:100%;max-width:100%;}.elementor-84 .elementor-element.elementor-element-6c080f9{width:100%;max-width:100%;}.elementor-84 .elementor-element.elementor-element-d72a81c{width:100%;max-width:100%;}.elementor-84 .elementor-element.elementor-element-9251aec{width:100%;max-width:100%;}.elementor-84 .elementor-element.elementor-element-064a202{width:100%;max-width:100%;}.elementor-84 .elementor-element.elementor-element-bcd97e0{width:100%;max-width:100%;}.elementor-84 .elementor-element.elementor-element-0471bda{width:100%;max-width:100%;}/* Start custom CSS *//* ============================================================
   MGTM FISCAL — DESIGN SYSTEM BASE
   Colar em: Elementor > Configurações da Página > CSS Personalizado
   Inspirado no layout/animações de motta.srv.br, recolorido para MGTM.
   ============================================================ */

:root{
  /* Cores principais */
  --mgtm-azul:        #2F3164;
  --mgtm-azul-deep:   #21223f; /* variação mais escura p/ gradientes */
  --mgtm-azul-surface:#3c3f7c; /* variação mais clara p/ cards sobre fundo azul */
  --mgtm-dourado:       #C5A96E;
  --mgtm-dourado-light: #ddc79a;
  --mgtm-dourado-dark:  #a3844e;
  --mgtm-off-white: #f9f9f9;
  --mgtm-white: #ffffff;

  /* Texto */
  --mgtm-texto-claro: #ffffff;          /* títulos sobre fundo azul */
  --mgtm-texto-claro-mudo: #b7bad6;     /* corpo/legendas sobre fundo azul */
  --mgtm-texto-escuro: #1c1d33;         /* títulos sobre fundo claro */
  --mgtm-texto-escuro-mudo: #5b5d78;    /* corpo/legendas sobre fundo claro */

  /* Tipografia */
  --mgtm-font: "Rubik","-apple-system",BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;

  /* Espaçamento (escala base 8px) */
  --mgtm-sp-xs: 5px;   --mgtm-sp-sm: 7.5px; --mgtm-sp-md: 12px;
  --mgtm-sp-base: 16px;--mgtm-sp-lg: 20px;  --mgtm-sp-xl: 24px;
  --mgtm-sp-2xl: 32px; --mgtm-sp-3xl: 44.8px; --mgtm-sp-4xl: 56px; --mgtm-sp-5xl: 80px;

  /* Raios */
  --mgtm-r-btn: 0px; --mgtm-r-card: 8px; --mgtm-r-pill: 100px;
}

/* ---------- Reset leve escopado ---------- */
.mgtm-section *{ box-sizing: border-box; }
.mgtm-section{ font-family: var(--mgtm-font); position: relative; overflow: hidden; }

/* ---------- Fundo alternado ---------- */
.mgtm-section--dark{
  background: var(--mgtm-azul);
  color: var(--mgtm-texto-claro);
}
.mgtm-section--light{
  background: var(--mgtm-off-white);
  color: var(--mgtm-texto-escuro);
}

/* Textura pontilhada opcional (mesmo espírito motta.srv.br) */
.mgtm-dotgrid::before{
  content:"";
  position:absolute; inset:0;
  background-image: radial-gradient(currentColor 1px, transparent 1px);
  background-size: 22px 22px;
  opacity:.06;
  pointer-events:none;
}
.mgtm-section--dark.mgtm-dotgrid::before{ color:#ffffff; }
.mgtm-section--light.mgtm-dotgrid::before{ color:#2F3164; }

/* ---------- Container ---------- */
.mgtm-container{
  max-width: 1180px;
  margin: 0 auto;
  padding: var(--mgtm-sp-5xl) var(--mgtm-sp-xl);
  position: relative; z-index: 1;
}
@media (max-width: 767px){
  .mgtm-container{ padding: var(--mgtm-sp-3xl) var(--mgtm-sp-lg); }
}

/* Full-bleed (escapar do container do Elementor) */
.mgtm-fullbleed{
  position: relative; left: 50%; width: 100vw; margin-left: -50vw;
}

/* ---------- Tipografia ---------- */
.mgtm-eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font-size:13.06px; font-weight:600; letter-spacing:1.5px; text-transform:uppercase;
  color: var(--mgtm-dourado); margin-bottom: var(--mgtm-sp-base);
}
.mgtm-h2{
  font-size:29.86px; line-height:32.85px; letter-spacing:-1.79px; font-weight:600;
  margin:0 0 var(--mgtm-sp-lg);
}
.mgtm-sub{
  font-size:22.40px; line-height:24.64px; letter-spacing:-1.34px; font-weight:600;
  margin:0 0 var(--mgtm-sp-md);
}
.mgtm-body{
  font-size:16.80px; line-height:23.52px; font-weight:400;
  color: inherit; opacity:.85;
}
.mgtm-caption{
  font-size:13.06px; line-height:18.29px; font-weight:600;
}

/* ---------- Botões ---------- */
.mgtm-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  font-family: var(--mgtm-font); font-size:14.93px; font-weight:600; letter-spacing:.3px;
  text-transform:uppercase; text-decoration:none; cursor:pointer;
  padding: 15px 28px; border-radius: var(--mgtm-r-btn); border:2px solid transparent;
  transition: transform .25s ease, background .25s ease, border-color .25s ease, color .25s ease;
}
.mgtm-btn:hover{ transform: translateY(-2px); }
.mgtm-btn--primary{ background: var(--mgtm-dourado); color: var(--mgtm-azul-deep); }
.mgtm-btn--primary:hover{ background: var(--mgtm-dourado-light); }
.mgtm-btn--outline-light{ border-color: rgba(255,255,255,.35); color:#fff; }
.mgtm-btn--outline-light:hover{ border-color:#fff; }
.mgtm-btn--outline-dark{ border-color: rgba(47,49,100,.35); color: var(--mgtm-azul); }
.mgtm-btn--outline-dark:hover{ border-color: var(--mgtm-azul); }

/* ---------- Cards ---------- */
.mgtm-card{
  border-radius: var(--mgtm-r-card);
  padding: var(--mgtm-sp-xl);
  transition: transform .3s ease, box-shadow .3s ease;
}
.mgtm-section--dark .mgtm-card{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
}
.mgtm-section--light .mgtm-card{
  background:#fff;
  border: 1px solid rgba(47,49,100,.08);
  box-shadow: 0 10px 30px rgba(30,32,70,.06);
}
.mgtm-card:hover{ transform: translateY(-4px); }

/* ---------- Grid genérico ---------- */
.mgtm-grid{ display:grid; gap: var(--mgtm-sp-xl); }
.mgtm-grid--2{ grid-template-columns: repeat(2,1fr); }
.mgtm-grid--3{ grid-template-columns: repeat(3,1fr); }
.mgtm-grid--4{ grid-template-columns: repeat(4,1fr); }
@media (max-width: 991px){
  .mgtm-grid--3, .mgtm-grid--4{ grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 600px){
  .mgtm-grid--2, .mgtm-grid--3, .mgtm-grid--4{ grid-template-columns: 1fr; }
}

/* ---------- Ícones (lucide) ---------- */
.mgtm-icon{ width:22px; height:22px; stroke: var(--mgtm-dourado); flex-shrink:0; }

/* ---------- Animação de entrada (scroll reveal) ---------- */
.mgtm-reveal{
  opacity:0; transform: translateY(28px);
  transition: opacity .7s cubic-bezier(.2,.65,.3,1), transform .7s cubic-bezier(.2,.65,.3,1);
}
.mgtm-reveal.is-visible{ opacity:1; transform: translateY(0); }
.mgtm-reveal.mgtm-delay-1{ transition-delay:.1s; }
.mgtm-reveal.mgtm-delay-2{ transition-delay:.2s; }
.mgtm-reveal.mgtm-delay-3{ transition-delay:.3s; }
.mgtm-reveal.mgtm-delay-4{ transition-delay:.4s; }/* End custom CSS */