/* ========= BOTÃO OUTLINE LARANJA ========= */
.btn-outline-orange {
    display: inline-block;
    padding: 0.25rem 0.75rem;          /* Ajuste o espaçamento interno */
    font-size: 0.875rem;              /* Tamanho de fonte levemente menor */
    font-weight: 500;                 /* Negrito médio */
    color: #F68716;                   /* Laranja para o texto */
    background-color: #ffffff;        /* Fundo branco */
    border: 1px solid #F68716;        /* Borda laranja */
    border-radius: 4px;               /* Cantos levemente arredondados */
    cursor: pointer;
    transition:
      background-color 0.15s ease,
      color 0.15s ease,
      border-color 0.15s ease;
  }
  
  .btn-outline-orange:hover {
    background-color: rgba(246, 135, 22, 0.1); /* Fundo laranja clarinho no hover */
    color: #F68716;
    border-color: #F68716;
  }
  
  .btn-outline-orange:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(246, 135, 22, 0.25);
  }
  
  /* ========= BOTÃO SOLID AZUL ========= */
  .btn-solid-blue {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #ffffff;                   /* Texto branco */
    background-color: #2563EB;        /* Azul mais escuro (#2563EB) */
    border: 1px solid #2563EB;
    border-radius: 4px;
    cursor: pointer;
    transition:
      background-color 0.15s ease,
      border-color 0.15s ease;
  }
  
  .btn-solid-blue:hover {
    background-color: #1E4BBB;        /* Azul um pouco mais escuro no hover */
    border-color: #1E4BBB;
  }
  
  .btn-solid-blue:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.25);
  }
  


  /* aparece / esconde linhas extras */
.hidden-insight { display: none; }
.progress-xs { height: 6px; }
.cursor-pointer { cursor: pointer; }
.hidden-row     { display: none; }



/* --- FLE cards (estrutura) --- */
.fle-card {                      /* <— trocamos aqui                */
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 22px;
    border-radius: 6px;
    color: #fff;
    min-width: 170px;
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
    font-weight: 600;
  }
  
  .fle-card i     { font-size: 1.4rem; opacity: .9; }
  .fle-card small { font-size: .75rem; letter-spacing: .4px; opacity: .85; }
  .kpi-value      { font-size: 1.4rem; line-height: 1; }
  
  /* --- cores por contexto (mantém as mesmas) --- */
  .kpi-total-leads  { background:#007bff; }
  .kpi-nao-pediu    { background:#dc3545; }
  .kpi-solicitacoes { background:#f1b600; }
  .kpi-nao-clicou   { background:#117a3c; }
  .kpi-cotacoes     { background:#17a2b8; }   /* teal (altere se quiser) */

  /* --- divisores verticais --- */
  .divider { width:1px; height:48px; background:rgba(0,0,0,.15); }
  @media (max-width:575px){ .divider{display:none;} }
  


  /* —— estilos restritos ao banner —— */
  #howto-funil {
    font-size: .88rem;
  }
  #howto-funil .badge-step {
    display: inline-block;
    width: 22px; height: 22px; line-height: 22px;
    text-align: center;
    border-radius: .25rem;
    font-weight: 600;
    background: #0d6efd;          /* cor primary */
    color: #fff;
    margin-right: .55rem;
  }
  #howto-funil ul { margin-bottom: 0; padding-left: .1rem; }
  #howto-funil li + li { margin-top: .25rem; }