/* SEU ARQUIVO custom.css COM A SOLUÇÃO FINAL */
:root{
  /* === SUAS CORES === */
  --brand-50:  #f0f6fb;
  --brand-100: #e2eff8;
  --brand-300: #7bb0d6;
  --brand-500: #0b3a5b;    /* primária */
  --brand-600: #082d47;    /* tom mais escuro para o degradê do hero */
  --accent-500:#24c1a8;    /* realce/ações */
  --text-900:  #0b1320;
  --muted-600: #6b7a90;

  /* Header / CTA (mantidos para uso geral) */
  --header-bg:      #eef4ff;
  --header-border:  #e5edf8;
  --cta-red:        #df2a2a;
  --cta-red-hover:  #c71f1f;

  /* Bootstrap override */
  --bs-primary: var(--brand-500);
  --bs-primary-rgb: 11,58,91;
}

body{ color: var(--text-900); }
a{ text-decoration: none; }

/* ===== HERO ===== */
.hero{
  position: relative;
  background: linear-gradient(135deg, var(--brand-600) 0%, var(--brand-500) 100%);
  color:#fff;
}
.hero-figure{
  background: #fff;
  border-radius: 1.25rem;
  box-shadow: 0 1.25rem 2.25rem rgba(0,0,0,.08);
  padding: 1rem;
}

/* ===== Faixa de módulos ===== */
.modules-strip{
  /* A faixa agora não tem fundo nem borda, integrando-se à página */
}

.modules-strip .container {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Esconde scrollbar no Firefox */
  padding: 1rem 0; /* Espaçamento vertical simples, sem truques */
}
/* Esconde scrollbar no Chrome/Safari */
.modules-strip .container::-webkit-scrollbar { display: none; }


/* Cards verticais com design aprimorado */
.module-chip {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 0 0 140px;
    height: 140px;
    padding: 1rem;
    gap: .75rem;
    background-color: #f8f9fa;
    color: var(--brand-600);
    border: 2px solid #f8f9fa;
    border-radius: 1rem;
    box-shadow: 0 4px 12px rgba(0,0,0,.05);
    font-weight: 700;
    font-size: 1rem;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.module-chip i {
    font-size: 2.25rem;
    line-height: 1;
    /* >>> MUDANÇA 1: Adicionamos 'transform' à transição do ícone <<< */
    transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.module-chip:hover {
    /* >>> MUDANÇA 2: REMOVEMOS o 'transform' que movia o card para cima <<< */
    /* transform: translateY(-6px); */
    
    border-color: var(--brand-300);
    background-color: #fff;
    /* A ilusão de elevação agora vem de uma sombra mais forte */
    box-shadow: 0 16px 32px rgba(0,0,0,.12);
}

/* >>> MUDANÇA 3: Adicionamos uma nova regra para mover o ÍCONE no hover <<< */
.module-chip:hover i {
    transform: translateY(-5px);
}

/* CORES VIBRANTES PARA CADA ÍCONE */
.icon-estrategia  { color: #0d6efd; }
.icon-projetos    { color: #6f42c1; }
.icon-governanca  { color: #198754; }
.icon-riscos      { color: #dc3545; }
.icon-documentos  { color: #fd7e14; }
.icon-pessoas     { color: #0dcaf0; }
.icon-orcamento   { color: #ffc107; }
.icon-dashboards  { color: #d63384; }

/* ===== Seções ===== */
.section-alt{ background: #f8fafc; }
.section-title{ font-weight: 800; letter-spacing: -.015em; }
.section-lead{ color: var(--muted-600); font-size: 1.15rem; }
.check{ color: var(--accent-500); }

/* CTA final */
.footer-cta{
  background: var(--brand-600);
  color: #fff;
}

/* =========================================================
   SEU HEADER ORIGINAL
   ========================================================= */
.header-nav{
  background: linear-gradient(135deg, var(--brand-600) 0%, var(--brand-500) 100%);
  border-bottom: none;
}
.logo-header{ height: 32px; }
.header-nav.navbar{
  --bs-navbar-color: rgba(255,255,255,.9);
  --bs-navbar-hover-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255,255,255,.35);
}
.header-nav .nav-link{
  color: var(--bs-navbar-color);
  font-weight: 600;
  padding: .9rem 1rem;
}
.header-nav .nav-link:hover,
.header-nav .nav-link:focus{
  color: var(--bs-navbar-hover-color);
}
.header-nav .navbar-toggler{ border-color: var(--bs-navbar-toggler-border-color); }
.header-nav .navbar-toggler:focus{ box-shadow: none; }
.header-nav .navbar-toggler-icon{ filter: invert(1) grayscale(100%); }
.header-nav .dropdown-menu{
  border-radius: .75rem;
  border: 1px solid #edf2f7;
  margin-top: .5rem;
}
.btn-cta{
  background: var(--cta-red);
  color: #fff;
  border: 0;
  box-shadow: 0 .5rem 1.25rem rgba(223,42,42,.25);
}
.btn-cta:hover{
  background: var(--cta-red-hover);
  color: #fff;
}
.header-nav,
.header-nav.bg-light,
.header-nav.bg-white,
.header-nav.bg-body,
.header-nav.bg-transparent {
  background: linear-gradient(135deg, var(--brand-600) 0%, var(--brand-500) 100%) !important;
  background-color: var(--brand-600) !important;
  border-bottom: none !important;
  --bs-navbar-bg: transparent !important;
}
.header-nav .nav-link{
  color: rgba(255,255,255,.9) !important;
}
.header-nav .nav-link:hover,
.header-nav .nav-link:focus{
  color: #fff !important;
}
.header-nav .navbar-toggler{ border-color: rgba(255,255,255,.35) !important; }
.header-nav .navbar-toggler:focus{ box-shadow: none !important; }