jobs

heading

subheading

title

text

button

playButton

<div style="
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: clamp(24px, 4vw, 52px);
      padding: clamp(30px, 5vw, 58px);
      box-sizing: border-box;
    ">
    <div style="flex: 1 1 520px; min-width: 0;">
      <p style="
          margin: 0 0 14px;
          color: #F0B5B9;
          font-size: 13px;
          font-weight: 700;
          line-height: 1.4;
          letter-spacing: 0.12em;
          text-transform: uppercase;
        ">
        <span style="color: rgb(53, 53, 53);">Carreiras no Ecossistema IBPTECH
      </span></p>

      <h2 id="ibptech-oportunidades-titulo" style="
          margin: 0 0 18px;
          color: #FFFFFF;
          font-size: clamp(28px, 4vw, 42px);
          font-weight: 700;
          line-height: 1.15;
          letter-spacing: -0.02em;
        "><span style="color: rgb(53, 53, 53);">
        Seu próximo desafio pode começar aqui
      </span></h2>

      <p style="
          max-width: 720px;
          margin: 0;
          color: rgba(255,255,255,0.88);
          font-size: 17px;
          line-height: 1.7;
        "><span style="color: rgb(53, 53, 53);">
        Conheça oportunidades em tecnologia, ciências forenses, gestão de
        riscos, consultoria e educação. Buscamos profissionais que valorizem
        conhecimento, método, ética, evidências e aprendizagem contínua.
      </span></p>

      <div style="
          display: flex;
          flex-wrap: wrap;
          gap: 9px;
          margin-top: 26px;
        " aria-label="Áreas de atuação"><span style="color: rgb(53, 53, 53);">
        </span><span style="color: rgb(53, 53, 53); padding: 7px 13px; border: 1px solid rgba(255, 255, 255, 0.24); border-radius: 999px; font-size: 13px;">
          Tecnologia
        </span><span style="color: rgb(53, 53, 53);">

        </span><span style="color: rgb(53, 53, 53); padding: 7px 13px; border: 1px solid rgba(255, 255, 255, 0.24); border-radius: 999px; font-size: 13px;">
          Ciências Forenses
        </span><span style="color: rgb(53, 53, 53);">

        </span><span style="color: rgb(53, 53, 53); padding: 7px 13px; border: 1px solid rgba(255, 255, 255, 0.24); border-radius: 999px; font-size: 13px;">
          Risk &amp; Advisory
        </span><span style="color: rgb(53, 53, 53);">

        </span><span style="
            padding: 7px 13px;
            border: 1px solid rgba(255,255,255,0.24);
            border-radius: 999px;
            color: #FFFFFF;
            font-size: 13px;
          "><span style="color: rgb(53, 53, 53);">
          Educação</span>
        </span>
      </div>
    </div>

    <div style="
        flex: 1 1 310px;
        max-width: 410px;
        min-width: 0;
        box-sizing: border-box;
        padding: clamp(24px, 3vw, 34px);
        border-radius: 13px;
        background: #FFFFFF;
        box-shadow: 0 12px 30px rgba(0,0,0,0.14);
      ">
      <h3 style="
          margin: 0 0 10px;
          color: #17191B;
          font-size: 23px;
          font-weight: 700;
          line-height: 1.25;
        ">
        Encontre sua oportunidade
      </h3>

      <p style="
          margin: 0 0 22px;
          color: #4A5560;
          font-size: 15px;
          line-height: 1.65;
        ">
        Consulte as posições abertas e identifique aquelas mais alinhadas à
        sua formação, experiência e aos seus interesses profissionais.
      </p>

      <a href="https://jobs.compleo.app/ibptech/joblist" aria-label="Ver oportunidades profissionais no Ecossistema IBPTECH" style="
          display: block;
          box-sizing: border-box;
          width: 100%;
          padding: 14px 20px;
          border-radius: 7px;
          background: #B6202A;
          color: #FFFFFF;
          font-size: 14px;
          font-weight: 700;
          line-height: 1.3;
          letter-spacing: 0.03em;
          text-align: center;
          text-decoration: none;
        ">
        VER OPORTUNIDADES&nbsp;&nbsp;→
      </a>

      <div style="
          margin-top: 22px;
          padding-top: 19px;
          border-top: 1px solid #E3E8EC;
        ">
        <p style="
            margin: 0;
            color: #5A6570;
            font-size: 14px;
            line-height: 1.6;
          ">
          <strong style="color: #0A3D62;">
            Ainda não encontrou uma posição compatível?
          </strong><br>
          Na página de oportunidades, você também poderá cadastrar seu
          currículo no Banco de Talentos.
        </p>
      </div>
    </div>
  </div>