.badges { display: grid; gap: 14px; grid-template-columns: repeat(2, minmax(0,1fr)); max-width: 520px; }
    .badge { display:flex; align-items:center; gap:10px; background: #fff; padding: 12px 14px; border-radius: 12px; box-shadow: var(--shadow-soft); border: 1px solid rgba(2,8,23,.06); }
    .badge b { color: var(--blue); }
	
	    /* Benefits */
    .grid { display: grid; gap: 16px; }
    .benefits .card { background: #fff; border-radius: var(--radius); padding: 20px; box-shadow: var(--shadow-soft); border: 1px solid rgba(2,8,23,.06); }
    .card h3 { margin: 0 0 6px; font-size: 18px; color: var(--charcoal); }
    .card p { margin: 0; color: var(--muted); }
    .chip { display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:999px; background: rgba(255,138,0,.1); color:#8a4a00; font-size:12px; font-weight:700; }

    /* Proof */
    .proof .kpis { display:grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
    .kpi { background:#fff; padding:18px; border-radius:14px; box-shadow: var(--shadow-soft); border: 1px solid rgba(2,8,23,.06); text-align:center; }
    .kpi b { font-size:28px; color: var(--blue); display:block; }
    .kpi span { color: var(--muted); font-size: 14px; }


    /* Process */
    .process .step { background:#fff; padding:18px; border-radius:14px; box-shadow: var(--shadow-soft); border: 1px solid rgba(2,8,23,.06); display:flex; gap:14px; align-items:flex-start; }

     	    .flow-marker {
      font-size: 2.25rem;
      font-weight: 800;
      color: var(--blue);
      line-height: 1;
      flex-shrink: 0;
      position: relative;
      padding-right: 1.5rem;
    }
       .flow-marker::after {
      content: '';
      position: absolute;
      top: 0.5rem;
      right: 0;
      width: 4px;
      height: 70%;
      background-color: var(--green);
      border-radius: 99px;
    }
	
	/* animação carrossel testemunhas*/
.section_testemunha {
  /* Reduzi o padding vertical de 4rem-7rem para 3rem-5rem */
  padding: clamp(3rem, 5vw, 5rem) 1.5rem;
  max-width: 850px; /* Leve redução para concentrar o olhar */
  margin: auto;
  text-align: center;
}

.slider {
  position: relative;
  max-width: 900px; /* Ou a largura que você desejar */
  margin: 0 auto;   /* O "auto" nas laterais centraliza o bloco na tela */
  display: flex;
  align-items: center;
  justify-content: center; /* Garante que o conteúdo interno também centralize */
  min-height: 375px; 
  overflow: hidden;
}

.testimonial {
  position: absolute;
  top: 0;
  left: 0; /* Começa na ponta esquerda do slider centralizado */
  width: 100%; /* Ocupa toda a largura do slider */
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.testimonial.is-active {
  opacity: 1;
  visibility: visible;
  /* Se você quiser o fade-in vindo de baixo para o centro */
  transform: translateY(0); 
  position: relative; /* Para manter a altura do container pai ativa */
}

blockquote {
  font-size: 1rem;
  line-height: 1.6; /* Mais compacto e legível */
  margin-bottom: 1.2rem; /* Reduzido de 2.5rem */
  color: #4b5563;
  max-width: 55ch;
  font-style: italic;
}

/* --- AJUSTE DO AUTOR (AVATAR ACIMA DO NOME) --- */
.testimonial-author {
  display: flex;
  flex-direction: column; /* Empilha o avatar em cima do texto */
  align-items: center;    /* Centraliza os itens horizontalmente */
  gap: 0.75rem;           /* Espaçamento entre foto e nome */
  margin-top: 1rem;
}

.testimonial-author img {
  border-radius: 50%;
  width: 70px;            /* Tamanho levemente maior para destaque superior */
  height: 70px;
  object-fit: cover;
  border: 3px solid #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.author-info {
  text-align: center;     /* Centraliza o nome e o cargo */
}

.testimonial-author strong {
  display: block;
  font-size: 1rem;
  color: var(--charcoal);
  line-height: 1.2;
}

.testimonial-author span {
  font-size: 0.85rem;
  color: var(--muted);
}

/*##############################*/
 /* CTA Bar 
    .cta-bar { position: sticky; bottom: 12px; z-index: 40; }
    .cta-wrap { background: #0b3b67; color: #fff; border-radius: 12px; padding: 12px; box-shadow: var(--shadow); display:flex; align-items:center; justify-content:space-between; gap:12px; }
    .cta-wrap p { margin:0; font-weight:600; }*/

  /* CTA Bar Otimizada */
.cta-bar { 
  position: sticky; 
  bottom: 16px; /* Aumentei um pouco para não colar na borda do navegador */
  z-index: 100; /* Garante que fique acima de tudo */
  max-width: 600px; /* Evita que a barra estique demais em monitores ultra-wide */
  margin: 0 auto; /* Centraliza a barra na tela */
}

.cta-wrap { 
  background: #0b3b67; 
  color: #fff; 
  border-radius: 50px; /* Bordas arredondadas (pills) passam mais modernidade */
  padding: 8px 20px; 
  box-shadow: 0 10px 25px rgba(0,0,0,0.2); 
  display: flex; 
  align-items: center; 
  justify-content: space-between; 
  gap: 16px; 
  border: 1px solid rgba(255,255,255,0.1); /* Brilho sutil na borda */
}

.cta-wrap p { 
  margin: 0; 
  font-weight: 600; 
  font-size: 0.95rem;
  letter-spacing: -0.01em;
}

/* Estilização do Botão (Ajuste conforme suas cores) */
.cta {
  padding: 10px 20px;
  border-radius: 40px;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.85rem;
  transition: transform 0.2s ease, background 0.2s ease;
  white-space: nowrap; /* Impede o texto do botão de quebrar linha */
}

.cta:hover {
  transform: scale(1.05); /* Efeito de pulso discreto ao passar o mouse */
 }

/* Ajuste para Mobile */
@media (max-width: 480px) {
  .cta-wrap { 
    flex-direction: column; 
    text-align: center; 
    border-radius: 16px; 
    gap: 8px;
  }
}

    /* Form */
    .contact { background: linear-gradient(180deg, rgba(11,59,103,.06), transparent); border-top: 1px solid rgba(2,8,23,.06); }
    form { background:#fff; border:1px solid rgba(2,8,23,.08); box-shadow: var(--shadow-soft); padding: 18px; border-radius: 16px; }
	label { font-weight: 700; font-size: 14px; color: var(--ink); }
     input, select, textarea { /*width:100%;*/ padding:12px 12px; border-radius: 10px; border:1.5px solid #e5e7eb; background:#fff; font: inherit; }
    input:focus, select:focus, textarea:focus { border-color: var(--blue); box-shadow: var(--focus); }
    .field { display:grid; gap:8px; }
    .form-grid { display:grid; gap:12px; grid-template-columns: 1fr; }
    .error { color: #9b1c1c; font-size: 12px; display:none; }
    .legal { font-size: 12px; color: var(--muted); }

    /* FAQ */
    .faq details { background:#fff; border:1px solid rgba(2,8,23,.06); border-radius: 14px; padding: 14px 16px; box-shadow: var(--shadow-soft); }
    .faq details + details { margin-top: 10px; }
    .faq summary { cursor: pointer; font-weight: 700; color: var(--charcoal); }

    /* Footer */
    footer { background: #0b3b67; color:#cfe7ff; 
	 padding: 50px 20px 20px;
   }  
.footer-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 40px;
  margin-bottom: 30px;
}

.footer-col h3 {
  font-size: 18px;
  margin-bottom: 15px;
  color: #9cc6e9;
}

  .footer-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .footer-col ul li {
    margin-bottom: 8px;
  }
  .footer-col ul li a {
    color: #ccc;
    text-decoration: none;
    transition: color 0.3s;
  }
  .footer-col ul li a:hover {
    color: #9cc6e9;
  }
  .footer-about {
    margin-top: 15px;
    font-size: 14px;
    color: #bbb;
    line-height: 1.5;
  }
  .socials a {
    margin-right: 10px;
    display: inline-block;
  }
  .socials img {
    width: 20px;
    height: 20px;
    filter: brightness(0) invert(1);
    transition: transform 0.3s;
  }
  .socials a:hover img {
    transform: scale(1.2);
  }
  .footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-top: 15px;
    text-align: center;
    font-size: 13px;
    color: #888;
  }
	
    .foot { display:grid; gap: 16px; padding: 28px 0; }
    .foot small { color:#9cc6f0; }
	
	
    /* Utilities */
    .center { text-align:center; }
    .mt-2 { margin-top: 8px; }
    .mt-3 { margin-top: 12px; }
    .mt-4 { margin-top: 16px; }
    .mt-6 { margin-top: 24px; }

    /* Regra para desabilitar o scroll */
    body.no-scroll { overflow: hidden; }
     
    /* Reveal on scroll */
    .reveal { opacity: 0; transform: translateY(14px); transition: opacity .6s ease, transform .6s ease; }
    .reveal.visible { opacity: 1; transform: none; }

    /* Responsive */
    @media (min-width: 760px) {
      .nav-links { gap: 20px; }
      .nav-actions { gap: 10px; }
      .burger { display:none; }
      .hero { grid-template-columns: 1.2fr 1fr; }
      .badges { grid-template-columns: repeat(2,minmax(0,1fr)); }
      .logos { grid-template-columns: repeat(6,1fr); }
      .grid-3 { grid-template-columns: repeat(3, 1fr); }
      .form-grid { grid-template-columns: 1fr 1fr; }
    }
    
    /* Regras do menu mobile */
    @media (max-width: 760px) {
      .burger {
        display: flex;
        z-index: 101; /* Garante que o burger fique acima do menu */
      }
      .brand {
        z-index: 101; /* Garante que a marca fique acima do menu */
      }

      .nav-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: white;
        z-index: 99;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 40px;
        transform: translateX(-100%);
        visibility: hidden;
        transition: transform 0.5s ease-in-out, visibility 0.5s ease-in-out;
      }

      .nav-wrapper.is-active {
        transform: translateX(0);
        visibility: visible;
      }

      /* Links e botões sempre visíveis dentro do wrapper */
      .nav-links, .nav-actions {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 30px;
        font-size: 1.5rem;
      }

      .nav-actions {
        gap: 20px;
      }
    }
	
		/* Animação do cursor que pisca escrevendo no topo header */
		.digita {
		color:var(--green);	
	
		}