html {
      scroll-behavior: smooth;
    }

    /* Slide Sistema */
    /* Slide do Sistema */
    .slide-sistema {
      position: relative;
      width: 100%;
      max-width: 1200px;
      margin: 60px auto;
      overflow: hidden;
      border-radius: 12px;
      box-shadow: 0 8px 20px rgba(0,0,0,0.2);
      font-family: 'Poppins', sans-serif;
      height: 600px; /* Altura maior */
    }

    .slides-wrapper {
      display: flex;
      width: 100%;
      height: 100%;
      transition: transform 0.5s ease-in-out;
    }

    .slide-item {
      flex: 0 0 100%; /* garante que cada slide ocupe 100% da largura do wrapper */
      height: 100%; /* ocupa toda a altura da seção */
      background-size: cover;
      background-position: center;
      position: relative;
    }

    .slide-texto {
      position: absolute;
      bottom: 0;
      width: 100%;
      padding: 15px 20px;
      background: rgba(0,0,0,0.5);
      color: #fff;
      font-size: 1.4rem;
      font-weight: 600;
      text-align: center;
      border-bottom-left-radius: 12px;
      border-bottom-right-radius: 12px;
    }

    .slide-texto2 {
      position: absolute;
      bottom: -12;
      width: 100%;
      padding: 15px 20px;
      color: #fff;
      font-size: 0.7rem;
      font-weight: 100;
      text-align: center;
      border-bottom-left-radius: 12px;
      border-bottom-right-radius: 12px;
    }

    .slide-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: rgba(0,0,0,0.4);
      color: #fff;
      border: none;
      padding: 12px 20px;
      cursor: pointer;
      font-size: 2rem;
      border-radius: 50%;
      transition: background 0.3s;
      z-index: 10;
    }

    .slide-btn:hover {
      background: rgba(0,0,0,0.7);
    }

    .slide-btn.prev { left: 20px; }
    .slide-btn.next { right: 20px; }

    /* CSS DO BLOCO DOS PARCEIROS */
    :root{
      --bg:#f9fafb;
      --card:#ffffff;
      --muted:#4b5563;
      --text:#111827;
      --brand:#22c55e;
      --brand-600:#16a34a;
      --brand-700:#15803d;
      --ring: rgba(34,197,94,.35);
      --danger:#ef4444;
    }

    *{box-sizing:border-box}
    html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
    a{color:inherit;text-decoration:none}
    .container{max-width:1120px;margin:0 auto;padding:24px}

    .btn{display:inline-flex;align-items:center;gap:.6rem;padding:14px 18px;border-radius:14px;background:var(--brand);color:#fff;font-weight:700;border:0;cursor:pointer;transition:.2s box-shadow,.2s transform,.2s background}
    .btn:hover{background:var(--brand-600);transform:translateY(-1px)}
    .btn:active{transform:translateY(0)}
    .btn.secondary{background:transparent;color:var(--text);border:1px solid #d1d5db}
    .btn.secondary:hover{background:#f3f4f6}

    .badge{display:inline-flex;gap:.5rem;align-items:center;padding:6px 10px;border:1px solid #d1d5db;border-radius:999px;color:var(--muted);background:#f3f4f6;font-weight:600}

    .hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:56px 0}
    .hero h1{font-size:clamp(32px,5vw,52px);line-height:1.05;margin:10px 0 16px}
    .hero p{font-size:clamp(16px,2.2vw,18px);color:var(--muted);max-width:640px}
    .hero-card{background:var(--card);border:1px solid #e5e7eb;border-radius:22px;padding:22px;box-shadow:0 4px 16px rgba(0,0,0,.05)}
    .hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
    .stat{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:16px;padding:14px}
    .stat b{font-size:20px}
    .muted{color:var(--muted)}

    .calc{background:var(--card);border:1px solid #e5e7eb;border-radius:18px;padding:18px;box-shadow:0 2px 6px rgba(0,0,0,.04)}
    .calc .row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:10px}
    .field{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
    input,select,textarea{background:#fff;border:1px solid #d1d5db;color:var(--text);border-radius:14px;padding:12px 14px;outline:none;transition:.2s border,.2s box-shadow}
    input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 6px var(--ring)}

    @media (max-width: 980px){
      .hero{grid-template-columns:1fr;gap:22px}
    }

    @media (max-width: 640px){
      .hero{padding:32px 16px;}
      .hero h1{font-size:28px;}
      .hero p{font-size:16px;}
      .hero-stats{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
      .hero-card{margin-top:24px;padding:16px}
      .calc .row{grid-template-columns:1fr;gap:12px;margin-top:8px}
      .field{margin-bottom:12px}
      .btn{width:100%;justify-content:center}
      .btn.secondary{width:100%;justify-content:center}
    }

    /* Estilização MOBILE */
    @media (max-width: 768px) {
      .slide-sistema {
        position: relative;
        width: 100%;
        height: 300px; /* altura menor para caber bem no mobile */
        overflow: hidden;
      }

      .slides-wrapper {
        display: flex;
        transition: transform 0.5s ease-in-out;
        width: 100%;
        height: 100%;
      }

      .slide-item {
        min-width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        position: relative;
      }

      .slide-texto {
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
        background: rgba(0,0,0,0.6);
        color: #fff;
        padding: 6px 12px;
        border-radius: 6px;
        font-size: 14px;
        text-align: center;
        max-width: 90%;
      }

      .slide-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: rgba(0,0,0,0.5);
        border: none;
        color: white;
        font-size: 20px;
        padding: 8px;
        cursor: pointer;
        border-radius: 50%;
        z-index: 10;
      }

      .slide-btn.prev {
        left: 10px;
      }

      .slide-btn.next {
        right: 10px;
      }
    }

    /* Cabeçalho da calculadora */
    .secao-calculadora .calc-head{
      text-align:center;
      margin-bottom:14px;
    }
    .secao-calculadora .calc-head h2{
      display:inline-flex;
      align-items:center;
      gap:8px;
      margin:0 0 6px;
      font-size:clamp(24px,4vw,32px);
    }
    .secao-calculadora .calc-head p{
      margin:0 auto;
      max-width:760px;
      color:var(--muted);
    }
    .secao-calculadora .calc-head i{
      color:var(--brand);
    }

    /*CSS PARA QUEM FUNCIONA*/
    .para-quem-funciona {
      padding: 80px 20px;
      text-align: center;
    }

    .para-quem-funciona .cards-container {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 24px;
      max-width: 1100px;
      margin: 40px auto 0;
    }

    .para-quem-funciona .card {
      background: #ffffff;
      border-radius: 14px;
      padding: 30px 20px;
      box-shadow: 0 8px 20px rgba(0,0,0,0.08);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .para-quem-funciona .card:hover {
      transform: translateY(-6px);
      box-shadow: 0 14px 30px rgba(0,0,0,0.12);
    }

    .para-quem-funciona .card i {
      font-size: 52px;
      color: #0d6efd; /* ajuste para a cor principal do site */
      margin-bottom: 14px;
      display: inline-block;
    }

    .para-quem-funciona .card h3 {
      font-size: 18px;
      font-weight: 600;
      margin: 0;
    }
  
    .card-icone {
      font-size: 58px;      /* antes ~48px */
      color: #6f42c1;       /* mantém o roxo */
      margin-bottom: 12px;
    }

    /*CSS DOS BOTÕES DO BANNER*/
    .banner-acoes {
      margin-top: 25px;
      display: flex;
      gap: 15px;
      justify-content: center; /* CENTRALIZA os botões */
      flex-wrap: wrap;
    }

    .btn-banner {
      padding: 14px 26px;
      font-size: 14px;
      font-weight: 600;
      text-decoration: none;
      border-radius: 6px; /* levemente arredondado */
      transition: all 0.2s ease;
      text-align: center;
      letter-spacing: 0.5px;
    }

    /* Botão principal */
    .btn-primario {
      background-color: #e344e3;
      color: #FFFFFF;
      border: 1px solid #e344e3;
    }

    .btn-primario:hover {
      background-color: #ac3dac;
      border: 1px solid #ac3dac;
    }

    /* Botão secundário */
    .btn-secundario {
      background-color: #e0e0e0;
      color: #111;
      border: 1px solid #d0d0d0;
    }

    .btn-secundario:hover {
      background-color: #d5d5d5;
    }

    /* Botão DEMO */
    .btn-demo {
      background-color: #999;
      color: #fff;
      border: 1px solid #999;
    }

    .btn-demo:hover {
      background-color: #666;
    }

    /*CSS PORQUE USAR?*/

    .prejuizo-section-claro {
      padding: 80px 20px;
      background: #f1f5f9; /* cinza bem claro */
      text-align: center;
    }

    .prejuizo-section-claro h2 {
      font-size: 2.4rem;
      color: #0f172a;
      margin-bottom: 10px;
    }

    .prejuizo-section-claro .subtitulo {
      color: #475569;
      max-width: 820px;
      margin: 0 auto 50px;
    }

    .prejuizo-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
      gap: 30px;
      max-width: 1100px;
      margin: 0 auto;
    }

    .prejuizo-card {
      background: #ffffff;
      border-radius: 18px;
      padding: 30px;
      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
    }

    .prejuizo-card h3 {
      font-size: 1.6rem;
      margin-bottom: 25px;
      color: #0284c7;
    }

    .numeros {
      display: flex;
      justify-content: space-between;
      gap: 15px;
      margin-bottom: 25px;
    }

    .numero {
      background: #f8fafc;
      border: 1px solid #e2e8f0;
      border-radius: 14px;
      padding: 16px;
      flex: 1;
    }

    .numero strong {
      display: block;
      font-size: 1.5rem;
      color: #16a34a;
    }

    .numero span {
      font-size: 0.9rem;
      color: #64748b;
    }

    .fonte {
      font-size: 0.75rem;
      color: #94a3b8;
      margin-top: 16px;
    }

    /* LISTAGEM DE ARTIGOS */
    main {
        max-width: 1100px;
        margin: 30px auto;
        padding: 0 20px;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        gap: 20px;
    }

    .artigo2 {
        background: white;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        transition: transform 0.2s ease;
    }

    .artigo2:hover {
        transform: translateY(-3px);
    }

    .artigo2 img {
        width: 100%;
        height: 180px;
        object-fit: cover;
    }

    .artigo-content {
        padding: 15px;
    }

    .artigo-content h2 {
        font-size: 18px;
        margin-top: 0;
    }

    .artigo-content p {
        font-size: 14px;
        color: #555;
        line-height: 1.5;
    }

    .ler-mais {
        display: inline-block;
        margin-top: 10px;
        font-size: 14px;
        color: #2e2e2e;
        text-decoration: none;
        font-weight: bold;
    }

    .ler-mais:hover {
        text-decoration: underline;
    }

    .whatsapp-float {
        position: fixed;
        width: 60px;
        height: 60px;
        bottom: 20px;
        right: 20px;
        background-color: #25d366;
        border-radius: 50%;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 9999;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .whatsapp-float:hover {
        transform: scale(1.1);
        box-shadow: 0 6px 14px rgba(0, 0, 0, 0.4);
    }

    .whatsapp-float img {
        width: 32px;
        height: 32px;
    }

/* ENTERPRISE - CARD PREMIUM */
.card-enterprise {
  grid-column: 1 / -1;
  padding: 40px;
  border: 2px solid #6d28d9;
  border-radius: 18px;
  background: linear-gradient(
    180deg,
    rgba(109, 40, 217, 0.06),
    rgba(255, 255, 255, 1)
  );
}

/* TOPO */
.enterprise-header {
  margin-bottom: 30px;
}

.enterprise-tag {
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 700;
  color: #6d28d9;
  background: rgba(109, 40, 217, 0.12);
  padding: 6px 12px;
  border-radius: 999px;
  margin-bottom: 10px;
}

.enterprise-header h3 {
  font-size: 1.9rem;
}

.enterprise-sub {
  font-size: 1rem;
  color: #555;
  max-width: 700px;
}

/* CORPO */
.enterprise-body {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 30px;
  align-items: center;
}

/* CAIXA DE PREÇO - ENTERPRISE */
.enterprise-preco-box {
  position: relative;
  text-align: center;
  align-self: center;
  padding: 36px 32px;
  border-radius: 18px;
  background: #ffffff;
  border: 2px solid #6d28d9;

  /* alinhamento e destaque */
  box-shadow: 0 20px 40px rgba(109, 40, 217, 0.18);
  transform: translateY(-10px);
}

/* SELO SUPERIOR */
.enterprise-selo {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  background: #6d28d9;
  color: #ffffff;
  font-size: 0.7rem;
  font-weight: 700;
  padding: 6px 14px;
  border-radius: 999px;
}

/* PREÇO */
.enterprise-preco-box .preco {
  font-size: 2.6rem;
  font-weight: 800;
  margin-bottom: 18px;
}

.enterprise-preco-box .preco span {
  font-size: 0.95rem;
  font-weight: 500;
  color: #6b7280;
}

/* BOTÃO */
.enterprise-preco-box .btn-contratar {
  width: 100%;
  padding: 16px;
  font-size: 15px;
}

/* TEXTO AUXILIAR */
.enterprise-preco-box small {
  display: block;
  margin-top: 14px;
  color: #6b7280;
}


/* MOBILE */
@media (max-width: 900px) {
  .enterprise-body {
    grid-template-columns: 1fr;
  }
}

/* FAQ */

.secao-faq {
  padding: 60px 20px;
  background: #f9fafb;
}

.secao-faq h2 {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 30px;
}

.faq-item {
  background: #fff;
  border-radius: 12px;
  margin-bottom: 15px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  overflow: hidden;
  transition: 0.3s;
}

.faq-pergunta {
  width: 100%;
  text-align: left;
  padding: 18px 20px;
  font-size: 16px;
  font-weight: 600;
  background: none;
  border: none;
  cursor: pointer;
  position: relative;
}

.faq-pergunta::after {
  content: "+";
  position: absolute;
  right: 20px;
  font-size: 20px;
  transition: 0.3s;
}

.faq-item.ativo .faq-pergunta::after {
  content: "-";
}

.faq-resposta {
  max-height: 0;
  overflow: hidden;
  padding: 0 20px;
  color: #555;
  transition: max-height 0.3s ease;
}

.faq-item.ativo .faq-resposta {
  max-height: 200px;
  padding: 15px 20px 20px;
}

/* MENU COMPACTO */
#header-compacto {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 48px;
  background: #222222;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);

  z-index: 9999;

  /* COMEÇA ESCONDIDO */
  transform: translateY(-100%);
  opacity: 0;
  transition: all 0.3s ease;
}

/* QUANDO ATIVO */
#header-compacto.ativo {
  transform: translateY(0);
  opacity: 1;
}

/* LOGO */
.logo-compacto {
  height: 38px;
}

/* MENU */
.menu-compacto {
  display: flex;
  gap: 18px;
  align-items: center;
}

.menu-compacto a {
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  color: #fff;
}

/* BOTÃO ENTRAR */
.menu-compacto .entrar {
  padding: 6px 12px;
  border-radius: 6px;
  background: #e344e3;
  color: #fff;
}

.rodape-coluna ul{
    padding-left:20px;
}

.topo-planos{
    text-align:center;
    margin-bottom:60px;
    max-width:900px;
    margin-left:auto;
    margin-right:auto;
}

.badge-planos{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#fff3cd;
    color:#856404;
    padding:10px 18px;
    border-radius:50px;
    font-size:13px;
    font-weight:700;
    letter-spacing:1px;
    margin-bottom:25px;
    border:1px solid #ffe69c;
}

.titulo-planos{
    font-size:52px;
    line-height:1.1;
    font-weight:800;
    color:#1d1d1d;
    margin-bottom:22px;
}

.subtitulo-planos{
    font-size:21px;
    line-height:1.6;
    color:#666;
    max-width:760px;
    margin:0 auto;
}