
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li class="w-full">
    <span class="block w-full h-px bg-gradient-block-base-border"></span>

  <div class="relative flex flex-col items-center py-6 text-center @sm:px-6 @lg:px-16 hover:bg-gradient-block-base-bg">
      <div class="flex justify-center h-[3.125rem] w-full mb-1">
        <figure class="flex h-[3.125rem] w-[5rem] max-w-[5rem] justify-center">
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg" alt="Logotipo para Grupo Clave" loading="lazy" class="animate__animated animate__faster object-contain h-full w-full">
</picture>
  
</figure>
      </div>

    <a class="@sm:line-clamp-2 flex" data-turbo="false" href="https://jobs.grupoclave.es/jobs/8102850-director-a-de-obra-electrica">
      <span class="absolute inset-0"></span>
      Director/a  de Obra Eléctrica
</a>
    <div class="mt-1 text-md">



    <span>Santander</span>

</div>
</div>
    <span class="block w-full h-px bg-gradient-block-base-border"></span>
</li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li class="w-full">

  <div class="relative flex flex-col items-center py-6 text-center @sm:px-6 @lg:px-16 hover:bg-gradient-block-base-bg">
      <div class="flex justify-center h-[3.125rem] w-full mb-1">
        <figure class="flex h-[3.125rem] w-[5rem] max-w-[5rem] justify-center">
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg" alt="Logotipo para Grupo Clave" loading="lazy" class="animate__animated animate__faster object-contain h-full w-full">
</picture>
  
</figure>
      </div>

    <a class="@sm:line-clamp-2 flex" data-turbo="false" href="https://jobs.grupoclave.es/jobs/8099561-encargado-a-de-obra">
      <span class="absolute inset-0"></span>
      Encargado/a de Obra
</a>
    <div class="mt-1 text-md">



    <span>Barcelona</span>

</div>
</div>
    <span class="block w-full h-px bg-gradient-block-base-border"></span>
</li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li class="w-full">

  <div class="relative flex flex-col items-center py-6 text-center @sm:px-6 @lg:px-16 hover:bg-gradient-block-base-bg">
      <div class="flex justify-center h-[3.125rem] w-full mb-1">
        <figure class="flex h-[3.125rem] w-[5rem] max-w-[5rem] justify-center">
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg" alt="Logotipo para Grupo Clave" loading="lazy" class="animate__animated animate__faster object-contain h-full w-full">
</picture>
  
</figure>
      </div>

    <a class="@sm:line-clamp-2 flex" data-turbo="false" href="https://jobs.grupoclave.es/jobs/8096301-responsable-de-calidad">
      <span class="absolute inset-0"></span>
      Responsable de Calidad
</a>
    <div class="mt-1 text-md">
<span>Prevención de Riesgos Laborales</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Vigo</span>

</div>
</div>
    <span class="block w-full h-px bg-gradient-block-base-border"></span>
</li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li class="w-full">

  <div class="relative flex flex-col items-center py-6 text-center @sm:px-6 @lg:px-16 hover:bg-gradient-block-base-bg">
      <div class="flex justify-center h-[3.125rem] w-full mb-1">
        <figure class="flex h-[3.125rem] w-[5rem] max-w-[5rem] justify-center">
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg" alt="Logotipo para Grupo Clave" loading="lazy" class="animate__animated animate__faster object-contain h-full w-full">
</picture>
  
</figure>
      </div>

    <a class="@sm:line-clamp-2 flex" data-turbo="false" href="https://jobs.grupoclave.es/jobs/8096275-ingeniero-a-de-diseno-electromecanico-de-subestaciones">
      <span class="absolute inset-0"></span>
      Ingeniero/a de Diseño Electromecánico de Subestaciones
</a>
    <div class="mt-1 text-md">
<span>Ingenierías</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Zaragoza</span>

</div>
</div>
    <span class="block w-full h-px bg-gradient-block-base-border"></span>
</li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li class="w-full">

  <div class="relative flex flex-col items-center py-6 text-center @sm:px-6 @lg:px-16 hover:bg-gradient-block-base-bg">
      <div class="flex justify-center h-[3.125rem] w-full mb-1">
        <figure class="flex h-[3.125rem] w-[5rem] max-w-[5rem] justify-center">
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg" alt="Logotipo para Grupo Clave" loading="lazy" class="animate__animated animate__faster object-contain h-full w-full">
</picture>
  
</figure>
      </div>

    <a class="@sm:line-clamp-2 flex" data-turbo="false" href="https://jobs.grupoclave.es/jobs/8096177-coordinador-a-de-seguridad-en-obra">
      <span class="absolute inset-0"></span>
      Coordinador/a de Seguridad en Obra
</a>
    <div class="mt-1 text-md">
<span>Prevención de Riesgos Laborales</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Zaragoza</span>

</div>
</div>
    <span class="block w-full h-px bg-gradient-block-base-border"></span>
</li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li class="w-full">

  <div class="relative flex flex-col items-center py-6 text-center @sm:px-6 @lg:px-16 hover:bg-gradient-block-base-bg">
      <div class="flex justify-center h-[3.125rem] w-full mb-1">
        <figure class="flex h-[3.125rem] w-[5rem] max-w-[5rem] justify-center">
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg" alt="Logotipo para Grupo Clave" loading="lazy" class="animate__animated animate__faster object-contain h-full w-full">
</picture>
  
</figure>
      </div>

    <a class="@sm:line-clamp-2 flex" data-turbo="false" href="https://jobs.grupoclave.es/jobs/8093079-tecnico-a-prl-industrial-en-aranda-de-duero">
      <span class="absolute inset-0"></span>
      Técnico/a PRL industrial en Aranda de Duero
</a>
    <div class="mt-1 text-md">
<span>RRHH</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Burgos</span>

</div>
</div>
    <span class="block w-full h-px bg-gradient-block-base-border"></span>
</li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li class="w-full">

  <div class="relative flex flex-col items-center py-6 text-center @sm:px-6 @lg:px-16 hover:bg-gradient-block-base-bg">
      <div class="flex justify-center h-[3.125rem] w-full mb-1">
        <figure class="flex h-[3.125rem] w-[5rem] max-w-[5rem] justify-center">
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg" alt="Logotipo para Grupo Clave" loading="lazy" class="animate__animated animate__faster object-contain h-full w-full">
</picture>
  
</figure>
      </div>

    <a class="@sm:line-clamp-2 flex" data-turbo="false" href="https://jobs.grupoclave.es/jobs/8072368-junior-ai-software-engineer">
      <span class="absolute inset-0"></span>
      Junior AI Software Engineer
</a>
    <div class="mt-1 text-md">
<span>IT</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Vigo</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-2">
    Completamente remoto
    <i class="w-4 h-5 text-xs fas fa-wifi"></i>
</span></div>
</div>
    <span class="block w-full h-px bg-gradient-block-base-border"></span>
</li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li class="w-full">

  <div class="relative flex flex-col items-center py-6 text-center @sm:px-6 @lg:px-16 hover:bg-gradient-block-base-bg">
      <div class="flex justify-center h-[3.125rem] w-full mb-1">
        <figure class="flex h-[3.125rem] w-[5rem] max-w-[5rem] justify-center">
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg" alt="Logotipo para Grupo Clave" loading="lazy" class="animate__animated animate__faster object-contain h-full w-full">
</picture>
  
</figure>
      </div>

    <a class="@sm:line-clamp-2 flex" data-turbo="false" href="https://jobs.grupoclave.es/jobs/8071998-staff-software-engineer">
      <span class="absolute inset-0"></span>
      Staff Software Engineer
</a>
    <div class="mt-1 text-md">
<span>IT</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Vigo</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-2">
    Completamente remoto
    <i class="w-4 h-5 text-xs fas fa-wifi"></i>
</span></div>
</div>
    <span class="block w-full h-px bg-gradient-block-base-border"></span>
</li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li class="w-full">

  <div class="relative flex flex-col items-center py-6 text-center @sm:px-6 @lg:px-16 hover:bg-gradient-block-base-bg">
      <div class="flex justify-center h-[3.125rem] w-full mb-1">
        <figure class="flex h-[3.125rem] w-[5rem] max-w-[5rem] justify-center">
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg" alt="Logotipo para Grupo Clave" loading="lazy" class="animate__animated animate__faster object-contain h-full w-full">
</picture>
  
</figure>
      </div>

    <a class="@sm:line-clamp-2 flex" data-turbo="false" href="https://jobs.grupoclave.es/jobs/8071957-senior-back-end-developer">
      <span class="absolute inset-0"></span>
      Senior Back-End Developer
</a>
    <div class="mt-1 text-md">
<span>IT</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Vigo</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-2">
    Completamente remoto
    <i class="w-4 h-5 text-xs fas fa-wifi"></i>
</span></div>
</div>
    <span class="block w-full h-px bg-gradient-block-base-border"></span>
</li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li class="w-full">

  <div class="relative flex flex-col items-center py-6 text-center @sm:px-6 @lg:px-16 hover:bg-gradient-block-base-bg">
      <div class="flex justify-center h-[3.125rem] w-full mb-1">
        <figure class="flex h-[3.125rem] w-[5rem] max-w-[5rem] justify-center">
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg" alt="Logotipo para Grupo Clave" loading="lazy" class="animate__animated animate__faster object-contain h-full w-full">
</picture>
  
</figure>
      </div>

    <a class="@sm:line-clamp-2 flex" data-turbo="false" href="https://jobs.grupoclave.es/jobs/8068525-mecanico-de-grupos-electrogenos">
      <span class="absolute inset-0"></span>
      Mecánico de Grupos Electrógenos
</a>
    <div class="mt-1 text-md">



    <span>Lima</span>

</div>
</div>
    <span class="block w-full h-px bg-gradient-block-base-border"></span>
</li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li class="w-full">

  <div class="relative flex flex-col items-center py-6 text-center @sm:px-6 @lg:px-16 hover:bg-gradient-block-base-bg">
      <div class="flex justify-center h-[3.125rem] w-full mb-1">
        <figure class="flex h-[3.125rem] w-[5rem] max-w-[5rem] justify-center">
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg" alt="Logotipo para Grupo Clave" loading="lazy" class="animate__animated animate__faster object-contain h-full w-full">
</picture>
  
</figure>
      </div>

    <a class="@sm:line-clamp-2 flex" data-turbo="false" href="https://jobs.grupoclave.es/jobs/8066435-tecnico-a-departamento-estudios">
      <span class="absolute inset-0"></span>
      Técnico/a Departamento Estudios
</a>
    <div class="mt-1 text-md">



    <span>Valencia</span>

</div>
</div>
    <span class="block w-full h-px bg-gradient-block-base-border"></span>
</li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li class="w-full">

  <div class="relative flex flex-col items-center py-6 text-center @sm:px-6 @lg:px-16 hover:bg-gradient-block-base-bg">
      <div class="flex justify-center h-[3.125rem] w-full mb-1">
        <figure class="flex h-[3.125rem] w-[5rem] max-w-[5rem] justify-center">
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg" alt="Logotipo para Grupo Clave" loading="lazy" class="animate__animated animate__faster object-contain h-full w-full">
</picture>
  
</figure>
      </div>

    <a class="@sm:line-clamp-2 flex" data-turbo="false" href="https://jobs.grupoclave.es/jobs/8065106-tecnico-a-de-produccion-administrativo-a-de-mantenimiento">
      <span class="absolute inset-0"></span>
      Técnico/a de Producción - Administrativo/a de mantenimiento
</a>
    <div class="mt-1 text-md">



    <span>Barcelona</span>

</div>
</div>
    <span class="block w-full h-px bg-gradient-block-base-border"></span>
</li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li class="w-full">

  <div class="relative flex flex-col items-center py-6 text-center @sm:px-6 @lg:px-16 hover:bg-gradient-block-base-bg">
      <div class="flex justify-center h-[3.125rem] w-full mb-1">
        <figure class="flex h-[3.125rem] w-[5rem] max-w-[5rem] justify-center">
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg" alt="Logotipo para Grupo Clave" loading="lazy" class="animate__animated animate__faster object-contain h-full w-full">
</picture>
  
</figure>
      </div>

    <a class="@sm:line-clamp-2 flex" data-turbo="false" href="https://jobs.grupoclave.es/jobs/8064251-consultor-a-seleccion">
      <span class="absolute inset-0"></span>
      Consultor/a selección
</a>
    <div class="mt-1 text-md">



    <span>Barcelona</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-2">
    Híbrido
    <i class="w-4 h-5 text-xs fas fa-wifi"></i>
</span></div>
</div>
    <span class="block w-full h-px bg-gradient-block-base-border"></span>
</li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li class="w-full">

  <div class="relative flex flex-col items-center py-6 text-center @sm:px-6 @lg:px-16 hover:bg-gradient-block-base-bg">
      <div class="flex justify-center h-[3.125rem] w-full mb-1">
        <figure class="flex h-[3.125rem] w-[5rem] max-w-[5rem] justify-center">
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg" alt="Logotipo para Grupo Clave" loading="lazy" class="animate__animated animate__faster object-contain h-full w-full">
</picture>
  
</figure>
      </div>

    <a class="@sm:line-clamp-2 flex" data-turbo="false" href="https://jobs.grupoclave.es/jobs/8053579-director-a-general-industrial-i-d">
      <span class="absolute inset-0"></span>
      Director/a General Industrial &amp; I+D
</a>
    <div class="mt-1 text-md">



    <span>Madrid</span>

</div>
</div>
    <span class="block w-full h-px bg-gradient-block-base-border"></span>
</li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li class="w-full">

  <div class="relative flex flex-col items-center py-6 text-center @sm:px-6 @lg:px-16 hover:bg-gradient-block-base-bg">
      <div class="flex justify-center h-[3.125rem] w-full mb-1">
        <figure class="flex h-[3.125rem] w-[5rem] max-w-[5rem] justify-center">
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg" alt="Logotipo para Grupo Clave" loading="lazy" class="animate__animated animate__faster object-contain h-full w-full">
</picture>
  
</figure>
      </div>

    <a class="@sm:line-clamp-2 flex" data-turbo="false" href="https://jobs.grupoclave.es/jobs/8050066-copy-4-of-of-of-desarrollo-de-negocio-b2b-sector-it-santiago-de-compostela">
      <span class="absolute inset-0"></span>
      Copy #4 of of of Desarrollo de Negocio B2B sector IT - Santiago de Compostela
</a>
    <div class="mt-1 text-md">
<span>IT</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Santiago de Compostela</span>

</div>
</div>
    <span class="block w-full h-px bg-gradient-block-base-border"></span>
</li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li class="w-full">

  <div class="relative flex flex-col items-center py-6 text-center @sm:px-6 @lg:px-16 hover:bg-gradient-block-base-bg">
      <div class="flex justify-center h-[3.125rem] w-full mb-1">
        <figure class="flex h-[3.125rem] w-[5rem] max-w-[5rem] justify-center">
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg" alt="Logotipo para Grupo Clave" loading="lazy" class="animate__animated animate__faster object-contain h-full w-full">
</picture>
  
</figure>
      </div>

    <a class="@sm:line-clamp-2 flex" data-turbo="false" href="https://jobs.grupoclave.es/jobs/8050063-copy-3-of-of-desarrollo-de-negocio-b2b-sector-it-palma">
      <span class="absolute inset-0"></span>
      Copy #3 of of Desarrollo de Negocio B2B sector IT - Palma
</a>
    <div class="mt-1 text-md">
<span>IT</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Palma</span>

</div>
</div>
    <span class="block w-full h-px bg-gradient-block-base-border"></span>
</li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li class="w-full">

  <div class="relative flex flex-col items-center py-6 text-center @sm:px-6 @lg:px-16 hover:bg-gradient-block-base-bg">
      <div class="flex justify-center h-[3.125rem] w-full mb-1">
        <figure class="flex h-[3.125rem] w-[5rem] max-w-[5rem] justify-center">
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg" alt="Logotipo para Grupo Clave" loading="lazy" class="animate__animated animate__faster object-contain h-full w-full">
</picture>
  
</figure>
      </div>

    <a class="@sm:line-clamp-2 flex" data-turbo="false" href="https://jobs.grupoclave.es/jobs/8050055-copy-2-of-desarrollo-de-negocio-b2b-sector-it-malaga">
      <span class="absolute inset-0"></span>
      Copy #2 of Desarrollo de Negocio B2B sector IT - Málaga
</a>
    <div class="mt-1 text-md">
<span>IT</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Málaga</span>

</div>
</div>
    <span class="block w-full h-px bg-gradient-block-base-border"></span>
</li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li class="w-full">

  <div class="relative flex flex-col items-center py-6 text-center @sm:px-6 @lg:px-16 hover:bg-gradient-block-base-bg">
      <div class="flex justify-center h-[3.125rem] w-full mb-1">
        <figure class="flex h-[3.125rem] w-[5rem] max-w-[5rem] justify-center">
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg" alt="Logotipo para Grupo Clave" loading="lazy" class="animate__animated animate__faster object-contain h-full w-full">
</picture>
  
</figure>
      </div>

    <a class="@sm:line-clamp-2 flex" data-turbo="false" href="https://jobs.grupoclave.es/jobs/8050050-copy-of-desarrollo-de-negocio-b2b-sector-it-madrid">
      <span class="absolute inset-0"></span>
      Copy of Desarrollo de Negocio B2B sector IT - Madrid
</a>
    <div class="mt-1 text-md">
<span>IT</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Madrid</span>

</div>
</div>
    <span class="block w-full h-px bg-gradient-block-base-border"></span>
</li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li class="w-full">

  <div class="relative flex flex-col items-center py-6 text-center @sm:px-6 @lg:px-16 hover:bg-gradient-block-base-bg">
      <div class="flex justify-center h-[3.125rem] w-full mb-1">
        <figure class="flex h-[3.125rem] w-[5rem] max-w-[5rem] justify-center">
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg" alt="Logotipo para Grupo Clave" loading="lazy" class="animate__animated animate__faster object-contain h-full w-full">
</picture>
  
</figure>
      </div>

    <a class="@sm:line-clamp-2 flex" data-turbo="false" href="https://jobs.grupoclave.es/jobs/8050044-desarrollo-de-negocio-b2b-sector-it-barcelona">
      <span class="absolute inset-0"></span>
      Desarrollo de Negocio B2B sector IT - Barcelona
</a>
    <div class="mt-1 text-md">
<span>IT</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Barcelona</span>

</div>
</div>
    <span class="block w-full h-px bg-gradient-block-base-border"></span>
</li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li class="w-full">

  <div class="relative flex flex-col items-center py-6 text-center @sm:px-6 @lg:px-16 hover:bg-gradient-block-base-bg">
      <div class="flex justify-center h-[3.125rem] w-full mb-1">
        <figure class="flex h-[3.125rem] w-[5rem] max-w-[5rem] justify-center">
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a40d5570-b95d-42e0-ac81-e7602335835b/original.svg" alt="Logotipo para Grupo Clave" loading="lazy" class="animate__animated animate__faster object-contain h-full w-full">
</picture>
  
</figure>
      </div>

    <a class="@sm:line-clamp-2 flex" data-turbo="false" href="https://jobs.grupoclave.es/jobs/8046040-socio-a-derecho-laboral">
      <span class="absolute inset-0"></span>
      Socio/a derecho laboral
</a>
    <div class="mt-1 text-md">



    <span>Barcelona</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-2">
    Híbrido
    <i class="w-4 h-5 text-xs fas fa-wifi"></i>
</span></div>
</div>
</li>

</template></turbo-stream>
<turbo-stream action="update" target="show_more_button"><template>

    <a href="/jobs/show_more?page=3" class="careersite-button min-w-[13.75rem] group careersite-button--outlined" data-turbo-stream="true" id="show_more_button">
  <span class="flex items-center justify-center gap-x-3">
    
    <span class="truncate">Mostrar 20 más</span>

  </span>
</a>
</template></turbo-stream>