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;
        ">
        Avalie as oportunidades de carreira em IBPTECH</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>

name

card

question

answer

<p style="
  margin: 48px 0 12px;
  padding: 30px 24px;
  text-align: center;
  background-color: #F3F7F9;
  border: 1px solid #D6E2E8;
  border-top: 4px solid #0A3D62;
  border-radius: 8px;
  color: #3F4952;
  font-size: 16px;
  line-height: 1.65;
">
  <strong style="
    color: #0A3D62;
    font-size: 24px;
    line-height: 1.3;
  ">
    Conheça as oportunidades abertas
  </strong>

  <br><br>

  Explore as vagas no Ecossistema IBPTECH e encontre uma posição alinhada à
  sua formação, experiência e aos seus interesses profissionais.

  <br><br>

  <a href="https://jobs.compleo.app/ibptech/joblist" style="
    display: inline-block;
    padding: 12px 24px;
    background-color: #0A3D62;
    color: #FFFFFF;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none;
  ">
    VER OPORTUNIDADES →
  </a>

  <br><br>

  
    Se nenhuma posição for compatível neste momento, você também poderá
    cadastrar seu currículo no Banco de Talentos.
  
</p>

<div style="box-sizing:border-box;width:100%;margin:28px 0;padding:30px 22px;background-color:#f3f6f8;border-top:1px solid #dce4e9;border-bottom:1px solid #dce4e9;font-family:Arial,Helvetica,sans-serif;text-align:center;">
  <h2 style="margin:0 0 12px;color:#204d69;font-size:25px;line-height:1.3;font-weight:600;">Explore nossas principais áreas de atuação</h2>
  <p style="max-width:760px;margin:0 auto 22px;color:#46545e;font-size:16px;line-height:1.6;">Conheça os temas, métodos e aplicações que fazem parte do trabalho das divisões IBPTECH.</p>
  <div style="max-width:1080px;margin:0 auto;">
    <a href="https://ciberneticaforense.com.br/" target="_blank" rel="noopener noreferrer" style="display:inline-block;box-sizing:border-box;max-width:100%;margin:6px;padding:13px 18px;background-color:#ffffff;border:1px solid #cbd8e1;border-radius:5px;color:#204d69;font-size:15px;line-height:1.5;font-weight:600;text-decoration:none;vertical-align:middle;">Cibernética Forense</a>
<a href="https://engenhariaforense.com.br/" target="_blank" rel="noopener noreferrer" style="display:inline-block;box-sizing:border-box;max-width:100%;margin:6px;padding:13px 18px;background-color:#ffffff;border:1px solid #cbd8e1;border-radius:5px;color:#204d69;font-size:15px;line-height:1.5;font-weight:600;text-decoration:none;vertical-align:middle;">Engenharia Forense</a>
    <a href="https://economiaforense.com.br/" target="_blank" rel="noopener noreferrer" style="display:inline-block;box-sizing:border-box;max-width:100%;margin:6px;padding:13px 18px;background-color:#ffffff;border:1px solid #cbd8e1;border-radius:5px;color:#204d69;font-size:15px;line-height:1.5;font-weight:600;text-decoration:none;vertical-align:middle;">Economia e Finanças Forenses</a>
    <a href="https://documentoforense.com.br/" target="_blank" rel="noopener noreferrer" style="display:inline-block;box-sizing:border-box;max-width:100%;margin:6px;padding:13px 18px;background-color:#ffffff;border:1px solid #cbd8e1;border-radius:5px;color:#204d69;font-size:15px;line-height:1.5;font-weight:600;text-decoration:none;vertical-align:middle;">Documentoscopia e Grafoscopia</a>
    <a href="https://foneticaforense.com.br/" target="_blank" rel="noopener noreferrer" style="display:inline-block;box-sizing:border-box;max-width:100%;margin:6px;padding:13px 18px;background-color:#ffffff;border:1px solid #cbd8e1;border-radius:5px;color:#204d69;font-size:15px;line-height:1.5;font-weight:600;text-decoration:none;vertical-align:middle;">Fonética Forense</a>
    <a href="https://auditoriadesistemas.com.br/" target="_blank" rel="noopener noreferrer" style="display:inline-block;box-sizing:border-box;max-width:100%;margin:6px;padding:13px 18px;background-color:#ffffff;border:1px solid #cbd8e1;border-radius:5px;color:#204d69;font-size:15px;line-height:1.5;font-weight:600;text-decoration:none;vertical-align:middle;">Auditoria de Sistemas</a>
    <a href="https://auditoriadesoftware.com.br/" target="_blank" rel="noopener noreferrer" style="display:inline-block;box-sizing:border-box;max-width:100%;margin:6px;padding:13px 18px;background-color:#ffffff;border:1px solid #cbd8e1;border-radius:5px;color:#204d69;font-size:15px;line-height:1.5;font-weight:600;text-decoration:none;vertical-align:middle;">Auditoria de Software</a>
    <a href="https://forenseambiental.com.br/" target="_blank" rel="noopener noreferrer" style="display:inline-block;box-sizing:border-box;max-width:100%;margin:6px;padding:13px 18px;background-color:#ffffff;border:1px solid #cbd8e1;border-radius:5px;color:#204d69;font-size:15px;line-height:1.5;font-weight:600;text-decoration:none;vertical-align:middle;">Forense Ambiental</a>
    <a href="https://forensetrabalhista.com.br/" target="_blank" rel="noopener noreferrer" style="display:inline-block;box-sizing:border-box;max-width:100%;margin:6px;padding:13px 18px;background-color:#ffffff;border:1px solid #cbd8e1;border-radius:5px;color:#204d69;font-size:15px;line-height:1.5;font-weight:600;text-decoration:none;vertical-align:middle;">Forense Trabalhista</a>
<a href="https://periciaautoral.com.br/" target="_blank" rel="noopener noreferrer" style="display:inline-block;box-sizing:border-box;max-width:100%;margin:6px;padding:13px 18px;background-color:#ffffff;border:1px solid #cbd8e1;border-radius:5px;color:#204d69;font-size:15px;line-height:1.5;font-weight:600;text-decoration:none;vertical-align:middle;">Propriedade Intelectual</a>
<a href="https://ibptech.edu.br/" target="_blank" rel="noopener noreferrer" style="display:inline-block;box-sizing:border-box;max-width:100%;margin:6px;padding:13px 18px;background-color:#ffffff;border:1px solid #cbd8e1;border-radius:5px;color:#204d69;font-size:15px;line-height:1.5;font-weight:600;text-decoration:none;vertical-align:middle;">Faculdade IBPTECH</a>

  </div>
  <p style="margin:18px 0 0;color:#586773;font-size:13px;line-height:1.5;">Os links abrem em uma nova aba. Esta página de carreiras permanecerá aberta.</p>
</div>

<div style="padding:24px 16px;text-align:center;font-family:Arial,Helvetica,sans-serif;border-top:1px solid #dce4e9;">

  <h3 style="margin:0 0 10px;color:#204d69;font-size:21px;line-height:1.4;">
    Compartilhe com quem pode se interessar
  </h3>

  <p style="margin:0 0 18px;color:#46545e;font-size:15px;line-height:1.6;">
    Apresente o portal de carreiras IBPTECH a colegas e profissionais da sua rede.
  </p>

  <a href="https://wa.me/?text=Conhe%C3%A7a%20o%20portal%20de%20carreiras%20IBPTECH%3A%20https%3A%2F%2Ftalentos.ibptech.net.br%2Fhome" target="_blank" rel="noopener noreferrer" style="display:inline-block;margin:5px;padding:12px 20px;border:1px solid #204d69;border-radius:5px;color:#204d69;background-color:#ffffff;font-size:15px;line-height:1.5;text-decoration:none;">
    Compartilhar pelo WhatsApp
  </a>

  <a href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Ftalentos.ibptech.net.br%2Fhome" target="_blank" rel="noopener noreferrer" style="display:inline-block;margin:5px;padding:12px 20px;border:1px solid #204d69;border-radius:5px;color:#204d69;background-color:#ffffff;font-size:15px;line-height:1.5;text-decoration:none;">
    Compartilhar no LinkedIn
  </a>

  <a href="mailto:?subject=Carreiras%20IBPTECH&amp;body=Conhe%C3%A7a%20o%20portal%20de%20carreiras%20IBPTECH%3A%0D%0Ahttps%3A%2F%2Ftalentos.ibptech.net.br%2Fhome" style="display:inline-block;margin:5px;padding:12px 20px;border:1px solid #204d69;border-radius:5px;color:#204d69;background-color:#ffffff;font-size:15px;line-height:1.5;text-decoration:none;">
    Compartilhar por e-mail
  </a>

  <p style="margin:16px 0 0;color:#586773;font-size:13px;line-height:1.5;">
    WhatsApp e LinkedIn abrem em nova aba ou no aplicativo.
    O e-mail abre no aplicativo configurado no seu dispositivo.
  </p>

</div>