.elementor-7191 .elementor-element.elementor-element-29908ce{--display:flex;}.elementor-7191 .elementor-element.elementor-element-44847c7 > .elementor-widget-container{margin:0px 00px 0px 0px;padding:0000px 0000px 0000px 0000px;}:root{--page-title-display:none;}/* Start custom CSS */<style>
  .concen-steps-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    font-family: sans-serif;
  }
  .concen-step-card {
    background: #f8f9fa;
    border-left: 4px solid #0056b3;
    padding: 20px;
    border-radius: 8px;
    width: calc(33.333% - 20px);
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    transition: transform 0.2s ease;
  }
  .concen-step-card:hover {
    transform: translateY(-5px);
  }
  .concen-step-number {
    font-size: 24px;
    font-weight: bold;
    color: #0056b3;
    margin-bottom: 10px;
  }
  .concen-step-text {
    font-size: 16px;
    color: #333;
    line-height: 1.5;
  }
  @media (max-width: 768px) {
    .concen-step-card { width: 100%; }
  }
</style>

<div class="concen-steps-container">
  <div class="concen-step-card">
    <div class="concen-step-number">01</div>
    <div class="concen-step-text">Acesse: concen.sp.gov.br [cite: 113]</div>
  </div>
  <div class="concen-step-card">
    <div class="concen-step-number">02</div>
    <div class="concen-step-text">Localize a Ata MFJ Treinamentos [cite: 114]</div>
  </div>
  <div class="concen-step-card">
    <div class="concen-step-number">03</div>
    <div class="concen-step-text">Preencha o modelo de adesão [cite: 115]</div>
  </div>
  <div class="concen-step-card">
    <div class="concen-step-number">04</div>
    <div class="concen-step-text">Informe as quantidades desejadas [cite: 116]</div>
  </div>
  <div class="concen-step-card">
    <div class="concen-step-number">05</div>
    <div class="concen-step-text">Envie ao CONCEN [cite: 117]</div>
  </div>
</div>/* End custom CSS */