<!DOCTYPE html>
<html lang="pt-BR">
<head>
            <!-- Google Tag Manager -->
        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
                    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
                j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
            })(window,document,'script','dataLayer','GTM-N5L99L');</script>
        <!-- End Google Tag Manager -->
        <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="csrf-token" content="RaJ6CnZh5pjM9yyT9ZVxilPB6NBRjg18ZfKuYq3p">
    <meta name="description" content="Encontre o profissional ideal para sua vaga ou impulsione sua carreira criativa. A plataforma brasileira que conecta os talentos certos, com empresas.">
    <meta name="keywords" content="Comoequetalá - Contrate, Aprenda, Crie!">
    <meta name="author" content="Comoequetalá">
    <meta name="robots" content="index, follow">
    <meta name="language" content="pt-BR">
    <meta name="revisit-after" content="7 days">
    <meta name="theme-color" content="#0007cc">
    <meta name="msapplication-TileColor" content="#0007cc">
    <meta name="msapplication-TileImage" content="https://comoequeta.la/favicon.ico">

    <meta property="og:title" content="Comoequetalá - Contrate criativos para sua empresa">
    <meta property="og:description" content="Encontre o profissional ideal para sua vaga ou impulsione sua carreira criativa. A plataforma brasileira que conecta os talentos certos, com empresas.">
    <meta property="og:url" content="https://comoequeta.la/index.php">
    <meta property="og:type" content="website">
    <meta property="og:image" content="https://comoequeta.la/favicon.ico">




    <title>Comoequetalá - Contrate criativos para sua empresa</title>

    <!-- Styles -->
    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap" rel="stylesheet">

    <!-- Scripts -->
    <link rel="preload" as="style" href="https://comoequeta.la/build/assets/app-DSr4vzwy.css" /><link rel="modulepreload" as="script" href="https://comoequeta.la/build/assets/app-CFlR9GYX.js" /><link rel="modulepreload" as="script" href="https://comoequeta.la/build/assets/livewire.esm-DGlg1SOo.js" /><link rel="stylesheet" href="https://comoequeta.la/build/assets/app-DSr4vzwy.css" data-navigate-track="reload" /><script type="module" src="https://comoequeta.la/build/assets/app-CFlR9GYX.js" data-navigate-track="reload"></script>
    
    <style>
    :root.dark {
        color-scheme: dark;
    }
</style>
<script>
    window.Flux = {
        applyAppearance (appearance) {
            let applyDark = () => document.documentElement.classList.add('dark')
            let applyLight = () => document.documentElement.classList.remove('dark')

            if (appearance === 'system') {
                let media = window.matchMedia('(prefers-color-scheme: dark)')

                window.localStorage.removeItem('flux.appearance')

                media.matches ? applyDark() : applyLight()
            } else if (appearance === 'dark') {
                window.localStorage.setItem('flux.appearance', 'dark')

                applyDark()
            } else if (appearance === 'light') {
                window.localStorage.setItem('flux.appearance', 'light')

                applyLight()
            }
        }
    }

    window.Flux.applyAppearance(window.localStorage.getItem('flux.appearance') || 'system')
</script>

</head>
<body class="font-sans antialiased" x-data x-init="$flux.appearance = 'light'">
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N5L99L"
                      height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
<div>
    <!-- Page Heading -->
    <header class="">
        <div wire:snapshot="{&quot;data&quot;:{&quot;user&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;4Jl8jBSiMg3IOluI12a9&quot;,&quot;name&quot;:&quot;menus.default-nav&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;pt_BR&quot;},&quot;checksum&quot;:&quot;017e182b2531b1e792879096300f32874a262b467b08febd72530142d9f846e5&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;logged_in&quot;]}" wire:id="4Jl8jBSiMg3IOluI12a9">
    <nav class="bg-cqtl-blue fixed w-full z-20 top-0 start-0">
        <div class="max-w-7xl flex flex-wrap items-center justify-between mx-auto p-4">
            <a href="https://comoequeta.la/index.php" class="space-x-3 rtl:space-x-reverse">
                <img src="https://comoequeta.la/cqtl_marca_horizontal.svg" alt="Comoequetalá" class="h-10">
            </a>
            <div class="flex md:order-2 space-x-3 md:space-x-0 rtl:space-x-reverse">
                <button data-collapse-toggle="navbar-sticky" type="button" class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-body rounded-base  text-cqtl-yellow md:hidden hover:bg-cqtl-blue hover:text-heading focus:outline-none focus:ring-2 focus:ring-cqtl-yellow" aria-controls="navbar-sticky" aria-expanded="false">
                    <span class="sr-only">Abrir menu</span>
                    <svg class="w-6 h-6" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                        <path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M5 7h14M5 12h14M5 17h14"/>
                    </svg>
                </button>
            </div>
            <div class="items-center justify-between hidden w-full md:flex md:w-auto md:order-1 flex-auto translate" id="navbar-sticky">
                <div class="flex-auto flex justify-start md:justify-center">
                    <ul class="flex flex-col p-4 md:p-0 mt-4 md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0">
                    <li>
                        <a class="text-cqtl-white uppercase text-sm" href="https://comoequeta.la/index.php/vagas">Trabalhe</a>
                    </li>
                    <li>
                        <button class="text-cqtl-white uppercase text-sm inline-flex gap-2 cursor-pointer" data-dropdown-toggle="dropdownContrate">
                            Contrate
                            <svg class="w-4 h-4 ms-1.5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"/></svg>
                        </button>
                        <div id="dropdownContrate" class="z-10 hidden bg-neutral-primary-medium border border-default-medium rounded-base shadow-lg w-56">
                            <ul class="p-2 text-sm text-body font-medium" aria-labelledby="dropdownContrateButton">
                                <li>
                                    <a class="inline-flex items-center w-full p-2 hover:bg-neutral-tertiary-medium hover:text-heading rounded"
                                       href="https://comoequeta.la/index.php/contrate/profissionais">
                                        Profissionais
                                    </a>
                                </li>
                                <li>
                                    <a class="inline-flex items-center w-full p-2 hover:bg-neutral-tertiary-medium hover:text-heading rounded"
                                       href="https://comoequeta.la/index.php/contrate/servicos">
                                        Agências & Fornecedores</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                         <button class="text-cqtl-white uppercase text-sm inline-flex gap-2 cursor-pointer" data-dropdown-toggle="dropdownAprenda">
                            Eventos
                            <svg class="w-4 h-4 ms-1.5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"/></svg>
                        </button>
                        <div id="dropdownAprenda" class="z-10 hidden bg-neutral-primary-medium border border-default-medium rounded-base shadow-lg w-56">
                            <ul class="p-2 text-sm text-body font-medium" aria-labelledby="dropdownAprendaButton">
                                <li>
                                    <a class="inline-flex items-center w-full p-2 hover:bg-neutral-tertiary-medium hover:text-heading rounded"
                                       href="https://comoequeta.la/index.php/cqtlxp">
                                        CQTL XP</a>
                                </li>
                                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            </ul>
                        </div>
                    </li>
                    <li>
                        <a class="text-cqtl-white uppercase text-sm" href="https://comoequeta.la/index.php/planos">Planos</a>
                    </li>
                </ul>
                </div>
                <div class="flex-none flex flex-col md:flex-row md:justify-end gap-3">
                    <ul class="flex-none flex-col md:flex md:flex-row justify-center md:min-h-0 p-4 md:p-0 md:mb-0 gap-4 space-y-3 md:space-y-0">
                            <!--[if BLOCK]><![endif]-->
                                <li class="">
                                    <a href="https://comoequeta.la/index.php/login" title="Fazer login" type="button" class="button button-light button-xs sm:w-full uppercase">Entrar</a>
                                </li>
                                <li class="">
                                    <a href="https://comoequeta.la/index.php/register" title="Cadastrar" type="button" class="button button-orange button-xs sm:w-full uppercase">Começar grátis</a>
                                </li>
                            <!--[if ENDBLOCK]><![endif]-->                        </ul>
                </div>

            </div>
        </div>
    </nav>
</div>
    </header>

    <!-- Page Content -->
    <main class="pt-18">
        <div class="grow shrink-0">
<!-- Removi o max-w-7xl daqui para o fundo ocupar tudo -->
<section class="bg-cqtl-blue min-h-fit lg:h-[calc(100vh-160px)] overflow-hidden">
    <div class="w-full h-full bg-repeat bg-bottom bg-[url('https://storage.comoequeta.la/brand/screens/home/icons-bg-home.svg')] bg-size-[auto_110px]">
        
        <!-- Grid principal: No Desktop são 2 colunas -->
        <div class="flex flex-col md:flex-row md:gap-24 h-full bg-gradient-to-b from-cqtl-blue via-cqtl-blue/90 to-cqtl-blue/60">
            
            <!-- LADO ESQUERDO: Alinhado com o max-w-7xl -->
            <!-- O cálculo do padding-left simula o mx-auto do max-w-7xl -->
            <div class="flex-none max-lg:w-full lg:w-5/12 flex items-center justify-end py-12">
                <!-- Limitamos a largura interna para manter a proporção que você tinha (3/8 de 1280px é aprox 480px) -->
                <div class="w-full px-8 lg:px-0 lg:max-w-[470px]">
                    <h1 class="text-4xl lg:text-6xl max-lg:text-center  leading-12 lg:leading-16 tracking-tight lg:tracking-tighter text-cqtl-white font-black font-display pb-6">
                        Conecte-se com os melhores talentos criativos do Brasil
                    </h1>
                    <p class="lg:text-[1.8rem] max-lg:text-center font-medium leading-6 lg:leading-8 text-cqtl-yellow">
                        A plataforma brasileira que conecta os talentos certos à sua empresa
                    </p>
                    <div class="flex max-lg:flex-col lg:flex-row lg:flex-center gap-8 mt-6">
                        <a href="https://comoequeta.la/index.php/vagas" class="button button-yellow text-cqtl-blue uppercase">Candidate-se</a>
                        <a href="https://comoequeta.la/index.php/register" class="button button-yellow text-cqtl-blue uppercase">Contrate agora</a>
                    </div>
                </div>       
            </div>

            <!-- LADO DIREITO: Vai até o fim da tela -->
            <div class="flex-auto max-lg:hidden flex items-center w-full h-full">
                <!-- Aqui o componente Livewire ocupará todo o espaço restante até a borda direita da tela -->
                <div class="w-full">
                    <div wire:snapshot="{&quot;data&quot;:{&quot;limit&quot;:10},&quot;memo&quot;:{&quot;id&quot;:&quot;ByJF2o4fyozasQOJ5ZJo&quot;,&quot;name&quot;:&quot;professionals.random-professionals&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:{&quot;avatar-30242&quot;:[&quot;div&quot;,&quot;h73GWjMvcAIPoXkQ8jNg&quot;],&quot;avatar-1468&quot;:[&quot;div&quot;,&quot;4tCXdlk41JMYGidQM4B2&quot;],&quot;avatar-30451&quot;:[&quot;div&quot;,&quot;SO1J7rodV9r2wfqb7Ee3&quot;],&quot;avatar-3517&quot;:[&quot;div&quot;,&quot;naQzmh7RydHzrj0IKTnS&quot;],&quot;avatar-30638&quot;:[&quot;div&quot;,&quot;DwNR94J0w8yxKpedOmAs&quot;],&quot;avatar-26323&quot;:[&quot;div&quot;,&quot;5ElS8tKm81sVkqBH0Xsh&quot;],&quot;avatar-30511&quot;:[&quot;div&quot;,&quot;7EccLR7HDTITaBo0HCX9&quot;],&quot;avatar-30397&quot;:[&quot;div&quot;,&quot;7fXF8LR2dtUgE6MYso96&quot;],&quot;avatar-30290&quot;:[&quot;div&quot;,&quot;dzjf3iDOPdm8Se1kiakV&quot;],&quot;avatar-24520&quot;:[&quot;div&quot;,&quot;PuRvqiTQjatGfjIUoByh&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;pt_BR&quot;},&quot;checksum&quot;:&quot;71dd48acb1b0fda5238455142c1f5a0f01412ab6a1ea3859e1b2d34a011e1b8b&quot;}" wire:effects="[]" wire:id="ByJF2o4fyozasQOJ5ZJo" class="flex flex-row-reverse flex-wrap gap-12">
    <!--[if BLOCK]><![endif]-->        <a href="https://comoequeta.la/index.php/profissional/30242" alt="Maria Fernanda dos Santos Paiva">
            <div class="flex flex-row items-center gap-3 odd:translate-y-8 transition-transform duration-500 hover:rotate-y-24 hover:rotate-x-12">
                <div class="size-30 ml-4">
                    <div wire:snapshot="{&quot;data&quot;:{&quot;professional&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Professionals\\Professional&quot;,&quot;key&quot;:30242,&quot;s&quot;:&quot;mdl&quot;}],&quot;user_name&quot;:null,&quot;avatar_url&quot;:null,&quot;letters&quot;:&quot;PR&quot;,&quot;color&quot;:null,&quot;class&quot;:&quot;size-30&quot;,&quot;circle&quot;:false,&quot;thumbnail&quot;:true,&quot;shadow&quot;:true},&quot;memo&quot;:{&quot;id&quot;:&quot;h73GWjMvcAIPoXkQ8jNg&quot;,&quot;name&quot;:&quot;professionals.avatar&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;lazyLoaded&quot;:false,&quot;lazyIsolated&quot;:true,&quot;errors&quot;:[],&quot;locale&quot;:&quot;pt_BR&quot;},&quot;checksum&quot;:&quot;11eb8b6b587087c69d2bcb00ccd6b7869542ee875db77a725acb44bdcb306748&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;avatarUpdated&quot;]}" wire:id="h73GWjMvcAIPoXkQ8jNg" x-intersect="$wire.__lazyLoad(&#039;eyJkYXRhIjp7ImZvck1vdW50IjpbeyJzaGFkb3ciOnRydWUsInByb2Zlc3Npb25hbCI6W251bGwseyJjbGFzcyI6IkFwcFxcTW9kZWxzXFxQcm9mZXNzaW9uYWxzXFxQcm9mZXNzaW9uYWwiLCJrZXkiOjMwMjQyLCJzIjoibWRsIn1dLCJjbGFzcyI6InNpemUtMzAiLCJjaXJjbGUiOmZhbHNlLCJ0aHVtYm5haWwiOnRydWV9LHsicyI6ImFyciJ9XX0sIm1lbW8iOnsiaWQiOiJzWWtXRGhHWnVrcE5YazRhWXl3eiIsIm5hbWUiOiJfX21vdW50UGFyYW1zQ29udGFpbmVyIiwicGF0aCI6IlwvIiwibWV0aG9kIjoiR0VUIiwicmVsZWFzZSI6ImEtYS1hIn0sImNoZWNrc3VtIjoiMDdhMDljM2U0MTE4ZjA1NDI3MjBkZDYzMTY5ZDI0MDcxNGY5MmE4NTM5ZTc1NzZiNDA0NmFmZWE3OTk1YzY1MSJ9&#039;)"></div>                </div>
                <div class="max-w-65">
                <h3 class="text-lg font-semibold text-white mb-0 line-clamp-1 truncate">
                                        Maria Paiva
                </h3>
                <p class="text-sm text-white/80 font-regular">
                                        <!--[if BLOCK]><![endif]-->                        Diretora do núcleo de Identidade Visual e Estratégia de Marca
                    <!--[if ENDBLOCK]><![endif]-->                </p>
                </div>
            </div>
        </a>
            <a href="https://comoequeta.la/index.php/profissional/1468" alt="Welber Chinalia">
            <div class="flex flex-row items-center gap-3 odd:translate-y-8 transition-transform duration-500 hover:rotate-y-24 hover:rotate-x-12">
                <div class="size-30 ml-4">
                    <div wire:snapshot="{&quot;data&quot;:{&quot;professional&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Professionals\\Professional&quot;,&quot;key&quot;:1468,&quot;s&quot;:&quot;mdl&quot;}],&quot;user_name&quot;:null,&quot;avatar_url&quot;:null,&quot;letters&quot;:&quot;PR&quot;,&quot;color&quot;:null,&quot;class&quot;:&quot;size-30&quot;,&quot;circle&quot;:false,&quot;thumbnail&quot;:true,&quot;shadow&quot;:true},&quot;memo&quot;:{&quot;id&quot;:&quot;4tCXdlk41JMYGidQM4B2&quot;,&quot;name&quot;:&quot;professionals.avatar&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;lazyLoaded&quot;:false,&quot;lazyIsolated&quot;:true,&quot;errors&quot;:[],&quot;locale&quot;:&quot;pt_BR&quot;},&quot;checksum&quot;:&quot;bc3d3d48eaf0e862937aaed14af41d611ff0ff6046a2586a087d67ffc00fee26&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;avatarUpdated&quot;]}" wire:id="4tCXdlk41JMYGidQM4B2" x-intersect="$wire.__lazyLoad(&#039;eyJkYXRhIjp7ImZvck1vdW50IjpbeyJzaGFkb3ciOnRydWUsInByb2Zlc3Npb25hbCI6W251bGwseyJjbGFzcyI6IkFwcFxcTW9kZWxzXFxQcm9mZXNzaW9uYWxzXFxQcm9mZXNzaW9uYWwiLCJrZXkiOjE0NjgsInMiOiJtZGwifV0sImNsYXNzIjoic2l6ZS0zMCIsImNpcmNsZSI6ZmFsc2UsInRodW1ibmFpbCI6dHJ1ZX0seyJzIjoiYXJyIn1dfSwibWVtbyI6eyJpZCI6ImprNk04ZmVnSVl5TkxJVWp5eWd6IiwibmFtZSI6Il9fbW91bnRQYXJhbXNDb250YWluZXIiLCJwYXRoIjoiXC8iLCJtZXRob2QiOiJHRVQiLCJyZWxlYXNlIjoiYS1hLWEifSwiY2hlY2tzdW0iOiI2YjMwZWI1MDViOWQzZGYwODFiZDc2Mjc2MTk3MTc3OWZjNmMxNGZlYzQwZmFiOTI5OTlkNzNkZjBjMDQyMTQyIn0=&#039;)"></div>                </div>
                <div class="max-w-65">
                <h3 class="text-lg font-semibold text-white mb-0 line-clamp-1 truncate">
                                        Welber Chinalia
                </h3>
                <p class="text-sm text-white/80 font-regular">
                                        <!--[if BLOCK]><![endif]-->                        Designer gráfico
                    <!--[if ENDBLOCK]><![endif]-->                </p>
                </div>
            </div>
        </a>
            <a href="https://comoequeta.la/index.php/profissional/30451" alt="Bianca Lima dos Anjos">
            <div class="flex flex-row items-center gap-3 odd:translate-y-8 transition-transform duration-500 hover:rotate-y-24 hover:rotate-x-12">
                <div class="size-30 ml-4">
                    <div wire:snapshot="{&quot;data&quot;:{&quot;professional&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Professionals\\Professional&quot;,&quot;key&quot;:30451,&quot;s&quot;:&quot;mdl&quot;}],&quot;user_name&quot;:null,&quot;avatar_url&quot;:null,&quot;letters&quot;:&quot;PR&quot;,&quot;color&quot;:null,&quot;class&quot;:&quot;size-30&quot;,&quot;circle&quot;:false,&quot;thumbnail&quot;:true,&quot;shadow&quot;:true},&quot;memo&quot;:{&quot;id&quot;:&quot;SO1J7rodV9r2wfqb7Ee3&quot;,&quot;name&quot;:&quot;professionals.avatar&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;lazyLoaded&quot;:false,&quot;lazyIsolated&quot;:true,&quot;errors&quot;:[],&quot;locale&quot;:&quot;pt_BR&quot;},&quot;checksum&quot;:&quot;eabe3516df61a81e43baa3583fbece5ad69208d22cd4ef9cdab94114c0f7cb94&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;avatarUpdated&quot;]}" wire:id="SO1J7rodV9r2wfqb7Ee3" x-intersect="$wire.__lazyLoad(&#039;eyJkYXRhIjp7ImZvck1vdW50IjpbeyJzaGFkb3ciOnRydWUsInByb2Zlc3Npb25hbCI6W251bGwseyJjbGFzcyI6IkFwcFxcTW9kZWxzXFxQcm9mZXNzaW9uYWxzXFxQcm9mZXNzaW9uYWwiLCJrZXkiOjMwNDUxLCJzIjoibWRsIn1dLCJjbGFzcyI6InNpemUtMzAiLCJjaXJjbGUiOmZhbHNlLCJ0aHVtYm5haWwiOnRydWV9LHsicyI6ImFyciJ9XX0sIm1lbW8iOnsiaWQiOiJkQ3JXTHluNlk4QTdhRGtFRXYwMiIsIm5hbWUiOiJfX21vdW50UGFyYW1zQ29udGFpbmVyIiwicGF0aCI6IlwvIiwibWV0aG9kIjoiR0VUIiwicmVsZWFzZSI6ImEtYS1hIn0sImNoZWNrc3VtIjoiOTUwNjVlYWExNDljOTRlN2U4ZmFiMzE0MmVlYzBjMDM0N2IwZTFiMzk0YzdhNDJjMTU3YTQxNTBlNzU4MjZhYSJ9&#039;)"></div>                </div>
                <div class="max-w-65">
                <h3 class="text-lg font-semibold text-white mb-0 line-clamp-1 truncate">
                                        Bianca Anjos
                </h3>
                <p class="text-sm text-white/80 font-regular">
                                        <!--[if BLOCK]><![endif]-->                        Estagiária de Design (Coordenação de Marketing)
                    <!--[if ENDBLOCK]><![endif]-->                </p>
                </div>
            </div>
        </a>
            <a href="https://comoequeta.la/index.php/profissional/3517" alt="Juliana Araújo">
            <div class="flex flex-row items-center gap-3 odd:translate-y-8 transition-transform duration-500 hover:rotate-y-24 hover:rotate-x-12">
                <div class="size-30 ml-4">
                    <div wire:snapshot="{&quot;data&quot;:{&quot;professional&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Professionals\\Professional&quot;,&quot;key&quot;:3517,&quot;s&quot;:&quot;mdl&quot;}],&quot;user_name&quot;:null,&quot;avatar_url&quot;:null,&quot;letters&quot;:&quot;PR&quot;,&quot;color&quot;:null,&quot;class&quot;:&quot;size-30&quot;,&quot;circle&quot;:false,&quot;thumbnail&quot;:true,&quot;shadow&quot;:true},&quot;memo&quot;:{&quot;id&quot;:&quot;naQzmh7RydHzrj0IKTnS&quot;,&quot;name&quot;:&quot;professionals.avatar&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;lazyLoaded&quot;:false,&quot;lazyIsolated&quot;:true,&quot;errors&quot;:[],&quot;locale&quot;:&quot;pt_BR&quot;},&quot;checksum&quot;:&quot;d7bc6f5aa47e02a529cd3c943556b5d95d46e4a270016c98e834ad56ad566c39&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;avatarUpdated&quot;]}" wire:id="naQzmh7RydHzrj0IKTnS" x-intersect="$wire.__lazyLoad(&#039;eyJkYXRhIjp7ImZvck1vdW50IjpbeyJzaGFkb3ciOnRydWUsInByb2Zlc3Npb25hbCI6W251bGwseyJjbGFzcyI6IkFwcFxcTW9kZWxzXFxQcm9mZXNzaW9uYWxzXFxQcm9mZXNzaW9uYWwiLCJrZXkiOjM1MTcsInMiOiJtZGwifV0sImNsYXNzIjoic2l6ZS0zMCIsImNpcmNsZSI6ZmFsc2UsInRodW1ibmFpbCI6dHJ1ZX0seyJzIjoiYXJyIn1dfSwibWVtbyI6eyJpZCI6Imh4dzZTWGZpUXJUeEd2T0lUa0FXIiwibmFtZSI6Il9fbW91bnRQYXJhbXNDb250YWluZXIiLCJwYXRoIjoiXC8iLCJtZXRob2QiOiJHRVQiLCJyZWxlYXNlIjoiYS1hLWEifSwiY2hlY2tzdW0iOiI0MGJjZWU3OWExYjNlOTNhOWMzMjYwNjFlNjY4ZWQwNzBkOTM5MDViODc0YTRlNGQwMDFkMDkyNzAyZWU4ZWE4In0=&#039;)"></div>                </div>
                <div class="max-w-65">
                <h3 class="text-lg font-semibold text-white mb-0 line-clamp-1 truncate">
                                        Juliana Araújo
                </h3>
                <p class="text-sm text-white/80 font-regular">
                                        <!--[if BLOCK]><![endif]-->                        Repórter e agente administrativo
                    <!--[if ENDBLOCK]><![endif]-->                </p>
                </div>
            </div>
        </a>
            <a href="https://comoequeta.la/index.php/profissional/30638" alt="Gabriel Nogueira Catelli">
            <div class="flex flex-row items-center gap-3 odd:translate-y-8 transition-transform duration-500 hover:rotate-y-24 hover:rotate-x-12">
                <div class="size-30 ml-4">
                    <div wire:snapshot="{&quot;data&quot;:{&quot;professional&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Professionals\\Professional&quot;,&quot;key&quot;:30638,&quot;s&quot;:&quot;mdl&quot;}],&quot;user_name&quot;:null,&quot;avatar_url&quot;:null,&quot;letters&quot;:&quot;PR&quot;,&quot;color&quot;:null,&quot;class&quot;:&quot;size-30&quot;,&quot;circle&quot;:false,&quot;thumbnail&quot;:true,&quot;shadow&quot;:true},&quot;memo&quot;:{&quot;id&quot;:&quot;DwNR94J0w8yxKpedOmAs&quot;,&quot;name&quot;:&quot;professionals.avatar&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;lazyLoaded&quot;:false,&quot;lazyIsolated&quot;:true,&quot;errors&quot;:[],&quot;locale&quot;:&quot;pt_BR&quot;},&quot;checksum&quot;:&quot;31f1814cdb95cf47ee6256b770fb9ed83df39ad8b84009f203c11f0c950b6755&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;avatarUpdated&quot;]}" wire:id="DwNR94J0w8yxKpedOmAs" x-intersect="$wire.__lazyLoad(&#039;eyJkYXRhIjp7ImZvck1vdW50IjpbeyJzaGFkb3ciOnRydWUsInByb2Zlc3Npb25hbCI6W251bGwseyJjbGFzcyI6IkFwcFxcTW9kZWxzXFxQcm9mZXNzaW9uYWxzXFxQcm9mZXNzaW9uYWwiLCJrZXkiOjMwNjM4LCJzIjoibWRsIn1dLCJjbGFzcyI6InNpemUtMzAiLCJjaXJjbGUiOmZhbHNlLCJ0aHVtYm5haWwiOnRydWV9LHsicyI6ImFyciJ9XX0sIm1lbW8iOnsiaWQiOiI5Sk1lUTNVTkZNeERNQ0RQZlFxYiIsIm5hbWUiOiJfX21vdW50UGFyYW1zQ29udGFpbmVyIiwicGF0aCI6IlwvIiwibWV0aG9kIjoiR0VUIiwicmVsZWFzZSI6ImEtYS1hIn0sImNoZWNrc3VtIjoiODNiYzkzMWNhOTJiZWQzNTlkMTI1M2M3NTQ4OTE0MWM4ZTYwZmU4Zjc0MjMzMjAyZDQ0MGM3OWZkZjZhYjIzZiJ9&#039;)"></div>                </div>
                <div class="max-w-65">
                <h3 class="text-lg font-semibold text-white mb-0 line-clamp-1 truncate">
                                        Gabriel Catelli
                </h3>
                <p class="text-sm text-white/80 font-regular">
                                        <!--[if BLOCK]><![endif]-->                        Estagiário de Comunicação
                    <!--[if ENDBLOCK]><![endif]-->                </p>
                </div>
            </div>
        </a>
            <a href="https://comoequeta.la/index.php/profissional/26323" alt="Valentina Almeida">
            <div class="flex flex-row items-center gap-3 odd:translate-y-8 transition-transform duration-500 hover:rotate-y-24 hover:rotate-x-12">
                <div class="size-30 ml-4">
                    <div wire:snapshot="{&quot;data&quot;:{&quot;professional&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Professionals\\Professional&quot;,&quot;key&quot;:26323,&quot;s&quot;:&quot;mdl&quot;}],&quot;user_name&quot;:null,&quot;avatar_url&quot;:null,&quot;letters&quot;:&quot;PR&quot;,&quot;color&quot;:null,&quot;class&quot;:&quot;size-30&quot;,&quot;circle&quot;:false,&quot;thumbnail&quot;:true,&quot;shadow&quot;:true},&quot;memo&quot;:{&quot;id&quot;:&quot;5ElS8tKm81sVkqBH0Xsh&quot;,&quot;name&quot;:&quot;professionals.avatar&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;lazyLoaded&quot;:false,&quot;lazyIsolated&quot;:true,&quot;errors&quot;:[],&quot;locale&quot;:&quot;pt_BR&quot;},&quot;checksum&quot;:&quot;bcd691cf7b9e4a3474d50d66d999518ec00a1ac135538b399907e207bbe86bcd&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;avatarUpdated&quot;]}" wire:id="5ElS8tKm81sVkqBH0Xsh" x-intersect="$wire.__lazyLoad(&#039;eyJkYXRhIjp7ImZvck1vdW50IjpbeyJzaGFkb3ciOnRydWUsInByb2Zlc3Npb25hbCI6W251bGwseyJjbGFzcyI6IkFwcFxcTW9kZWxzXFxQcm9mZXNzaW9uYWxzXFxQcm9mZXNzaW9uYWwiLCJrZXkiOjI2MzIzLCJzIjoibWRsIn1dLCJjbGFzcyI6InNpemUtMzAiLCJjaXJjbGUiOmZhbHNlLCJ0aHVtYm5haWwiOnRydWV9LHsicyI6ImFyciJ9XX0sIm1lbW8iOnsiaWQiOiJvRTlpWGFSZTNXWWJTeFAwVXc0MiIsIm5hbWUiOiJfX21vdW50UGFyYW1zQ29udGFpbmVyIiwicGF0aCI6IlwvIiwibWV0aG9kIjoiR0VUIiwicmVsZWFzZSI6ImEtYS1hIn0sImNoZWNrc3VtIjoiNjAyODU5YTdlYWY5MzBjNzg4OTgyNWFhZTlhZjk3MGFkZGE0OGFiNzc2MGFlMWJiYTNhNmE5YzAyMTAyMzJjNSJ9&#039;)"></div>                </div>
                <div class="max-w-65">
                <h3 class="text-lg font-semibold text-white mb-0 line-clamp-1 truncate">
                                        Valentina Almeida
                </h3>
                <p class="text-sm text-white/80 font-regular">
                                        <!--[if BLOCK]><![endif]-->                        Estágio em Design Gráfico
                    <!--[if ENDBLOCK]><![endif]-->                </p>
                </div>
            </div>
        </a>
            <a href="https://comoequeta.la/index.php/profissional/30511" alt="Fernanda Magalhães de Oliveira passos ">
            <div class="flex flex-row items-center gap-3 odd:translate-y-8 transition-transform duration-500 hover:rotate-y-24 hover:rotate-x-12">
                <div class="size-30 ml-4">
                    <div wire:snapshot="{&quot;data&quot;:{&quot;professional&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Professionals\\Professional&quot;,&quot;key&quot;:30511,&quot;s&quot;:&quot;mdl&quot;}],&quot;user_name&quot;:null,&quot;avatar_url&quot;:null,&quot;letters&quot;:&quot;PR&quot;,&quot;color&quot;:null,&quot;class&quot;:&quot;size-30&quot;,&quot;circle&quot;:false,&quot;thumbnail&quot;:true,&quot;shadow&quot;:true},&quot;memo&quot;:{&quot;id&quot;:&quot;7EccLR7HDTITaBo0HCX9&quot;,&quot;name&quot;:&quot;professionals.avatar&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;lazyLoaded&quot;:false,&quot;lazyIsolated&quot;:true,&quot;errors&quot;:[],&quot;locale&quot;:&quot;pt_BR&quot;},&quot;checksum&quot;:&quot;8cb90c798a120aa9a98c9cb7e064a36c8b9a85abc16b244ceb18e0a1008cb181&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;avatarUpdated&quot;]}" wire:id="7EccLR7HDTITaBo0HCX9" x-intersect="$wire.__lazyLoad(&#039;eyJkYXRhIjp7ImZvck1vdW50IjpbeyJzaGFkb3ciOnRydWUsInByb2Zlc3Npb25hbCI6W251bGwseyJjbGFzcyI6IkFwcFxcTW9kZWxzXFxQcm9mZXNzaW9uYWxzXFxQcm9mZXNzaW9uYWwiLCJrZXkiOjMwNTExLCJzIjoibWRsIn1dLCJjbGFzcyI6InNpemUtMzAiLCJjaXJjbGUiOmZhbHNlLCJ0aHVtYm5haWwiOnRydWV9LHsicyI6ImFyciJ9XX0sIm1lbW8iOnsiaWQiOiJMaE1TTktXN01sOXBsQTVWeVA0NiIsIm5hbWUiOiJfX21vdW50UGFyYW1zQ29udGFpbmVyIiwicGF0aCI6IlwvIiwibWV0aG9kIjoiR0VUIiwicmVsZWFzZSI6ImEtYS1hIn0sImNoZWNrc3VtIjoiYmQzZWJiNGUzYzBhMjUyNTE3Mjk3YWQ2NDY0YjJhNjM5ZmZhN2Y2Mjg0ZWI5NGM3MzU5MThjZGJkMTNjYTU3YiJ9&#039;)"></div>                </div>
                <div class="max-w-65">
                <h3 class="text-lg font-semibold text-white mb-0 line-clamp-1 truncate">
                                        Fernanda passos
                </h3>
                <p class="text-sm text-white/80 font-regular">
                                        <!--[if BLOCK]><![endif]-->                        Anti fraude 
                    <!--[if ENDBLOCK]><![endif]-->                </p>
                </div>
            </div>
        </a>
            <a href="https://comoequeta.la/index.php/profissional/30397" alt="Jhony Freitas">
            <div class="flex flex-row items-center gap-3 odd:translate-y-8 transition-transform duration-500 hover:rotate-y-24 hover:rotate-x-12">
                <div class="size-30 ml-4">
                    <div wire:snapshot="{&quot;data&quot;:{&quot;professional&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Professionals\\Professional&quot;,&quot;key&quot;:30397,&quot;s&quot;:&quot;mdl&quot;}],&quot;user_name&quot;:null,&quot;avatar_url&quot;:null,&quot;letters&quot;:&quot;PR&quot;,&quot;color&quot;:null,&quot;class&quot;:&quot;size-30&quot;,&quot;circle&quot;:false,&quot;thumbnail&quot;:true,&quot;shadow&quot;:true},&quot;memo&quot;:{&quot;id&quot;:&quot;7fXF8LR2dtUgE6MYso96&quot;,&quot;name&quot;:&quot;professionals.avatar&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;lazyLoaded&quot;:false,&quot;lazyIsolated&quot;:true,&quot;errors&quot;:[],&quot;locale&quot;:&quot;pt_BR&quot;},&quot;checksum&quot;:&quot;ab3cfcba9be4f6c8070304e725a519fe871f6ea3cb7c5ef4437a7f33c3ad2ddb&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;avatarUpdated&quot;]}" wire:id="7fXF8LR2dtUgE6MYso96" x-intersect="$wire.__lazyLoad(&#039;eyJkYXRhIjp7ImZvck1vdW50IjpbeyJzaGFkb3ciOnRydWUsInByb2Zlc3Npb25hbCI6W251bGwseyJjbGFzcyI6IkFwcFxcTW9kZWxzXFxQcm9mZXNzaW9uYWxzXFxQcm9mZXNzaW9uYWwiLCJrZXkiOjMwMzk3LCJzIjoibWRsIn1dLCJjbGFzcyI6InNpemUtMzAiLCJjaXJjbGUiOmZhbHNlLCJ0aHVtYm5haWwiOnRydWV9LHsicyI6ImFyciJ9XX0sIm1lbW8iOnsiaWQiOiJCOVBuczlpTGFUWXJrc29yd3NLZiIsIm5hbWUiOiJfX21vdW50UGFyYW1zQ29udGFpbmVyIiwicGF0aCI6IlwvIiwibWV0aG9kIjoiR0VUIiwicmVsZWFzZSI6ImEtYS1hIn0sImNoZWNrc3VtIjoiOGE5MDgzNGQ2MGFjODI2ZTU2MjkyNTJiZmVhYWJhNjdiYjBiMzAwYzU0M2FkYWYxYThkMmExNDFmZTVmZGVmMiJ9&#039;)"></div>                </div>
                <div class="max-w-65">
                <h3 class="text-lg font-semibold text-white mb-0 line-clamp-1 truncate">
                                        Jhony Freitas
                </h3>
                <p class="text-sm text-white/80 font-regular">
                                        <!--[if BLOCK]><![endif]-->                        Desenvolvedor Fullstack
                    <!--[if ENDBLOCK]><![endif]-->                </p>
                </div>
            </div>
        </a>
            <a href="https://comoequeta.la/index.php/profissional/30290" alt="ANDRESSA DOS SANTOS OLIVEIRA">
            <div class="flex flex-row items-center gap-3 odd:translate-y-8 transition-transform duration-500 hover:rotate-y-24 hover:rotate-x-12">
                <div class="size-30 ml-4">
                    <div wire:snapshot="{&quot;data&quot;:{&quot;professional&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Professionals\\Professional&quot;,&quot;key&quot;:30290,&quot;s&quot;:&quot;mdl&quot;}],&quot;user_name&quot;:null,&quot;avatar_url&quot;:null,&quot;letters&quot;:&quot;PR&quot;,&quot;color&quot;:null,&quot;class&quot;:&quot;size-30&quot;,&quot;circle&quot;:false,&quot;thumbnail&quot;:true,&quot;shadow&quot;:true},&quot;memo&quot;:{&quot;id&quot;:&quot;dzjf3iDOPdm8Se1kiakV&quot;,&quot;name&quot;:&quot;professionals.avatar&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;lazyLoaded&quot;:false,&quot;lazyIsolated&quot;:true,&quot;errors&quot;:[],&quot;locale&quot;:&quot;pt_BR&quot;},&quot;checksum&quot;:&quot;4c1a8e6337ad7ecb263b495b65011913f5a68652ed1133a2b8bb3ae75a185910&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;avatarUpdated&quot;]}" wire:id="dzjf3iDOPdm8Se1kiakV" x-intersect="$wire.__lazyLoad(&#039;eyJkYXRhIjp7ImZvck1vdW50IjpbeyJzaGFkb3ciOnRydWUsInByb2Zlc3Npb25hbCI6W251bGwseyJjbGFzcyI6IkFwcFxcTW9kZWxzXFxQcm9mZXNzaW9uYWxzXFxQcm9mZXNzaW9uYWwiLCJrZXkiOjMwMjkwLCJzIjoibWRsIn1dLCJjbGFzcyI6InNpemUtMzAiLCJjaXJjbGUiOmZhbHNlLCJ0aHVtYm5haWwiOnRydWV9LHsicyI6ImFyciJ9XX0sIm1lbW8iOnsiaWQiOiJrWnJHb0hldWdQMDZib28zeUxxeSIsIm5hbWUiOiJfX21vdW50UGFyYW1zQ29udGFpbmVyIiwicGF0aCI6IlwvIiwibWV0aG9kIjoiR0VUIiwicmVsZWFzZSI6ImEtYS1hIn0sImNoZWNrc3VtIjoiZmJiNzZlYzIwOTY1NmE5NWRiOWE1YjhhZWI4NTVkODY3N2M1ZTljZjBkYjE5NTc5ODk1ZjY2MDZhOTUxY2FiOSJ9&#039;)"></div>                </div>
                <div class="max-w-65">
                <h3 class="text-lg font-semibold text-white mb-0 line-clamp-1 truncate">
                                        ANDRESSA OLIVEIRA
                </h3>
                <p class="text-sm text-white/80 font-regular">
                                        <!--[if BLOCK]><![endif]-->                        Freelancer 
                    <!--[if ENDBLOCK]><![endif]-->                </p>
                </div>
            </div>
        </a>
            <a href="https://comoequeta.la/index.php/profissional/24520" alt="snathanemanuel Silva Santana">
            <div class="flex flex-row items-center gap-3 odd:translate-y-8 transition-transform duration-500 hover:rotate-y-24 hover:rotate-x-12">
                <div class="size-30 ml-4">
                    <div wire:snapshot="{&quot;data&quot;:{&quot;professional&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Professionals\\Professional&quot;,&quot;key&quot;:24520,&quot;s&quot;:&quot;mdl&quot;}],&quot;user_name&quot;:null,&quot;avatar_url&quot;:null,&quot;letters&quot;:&quot;PR&quot;,&quot;color&quot;:null,&quot;class&quot;:&quot;size-30&quot;,&quot;circle&quot;:false,&quot;thumbnail&quot;:true,&quot;shadow&quot;:true},&quot;memo&quot;:{&quot;id&quot;:&quot;PuRvqiTQjatGfjIUoByh&quot;,&quot;name&quot;:&quot;professionals.avatar&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;lazyLoaded&quot;:false,&quot;lazyIsolated&quot;:true,&quot;errors&quot;:[],&quot;locale&quot;:&quot;pt_BR&quot;},&quot;checksum&quot;:&quot;d575f0702f02bc1982af1c0e0de0c4c192e7d0a1fa3c655bafb3600d325e51d5&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;avatarUpdated&quot;]}" wire:id="PuRvqiTQjatGfjIUoByh" x-intersect="$wire.__lazyLoad(&#039;eyJkYXRhIjp7ImZvck1vdW50IjpbeyJzaGFkb3ciOnRydWUsInByb2Zlc3Npb25hbCI6W251bGwseyJjbGFzcyI6IkFwcFxcTW9kZWxzXFxQcm9mZXNzaW9uYWxzXFxQcm9mZXNzaW9uYWwiLCJrZXkiOjI0NTIwLCJzIjoibWRsIn1dLCJjbGFzcyI6InNpemUtMzAiLCJjaXJjbGUiOmZhbHNlLCJ0aHVtYm5haWwiOnRydWV9LHsicyI6ImFyciJ9XX0sIm1lbW8iOnsiaWQiOiIyeVhMRmhqMmVEMVFUanNaaHNxYyIsIm5hbWUiOiJfX21vdW50UGFyYW1zQ29udGFpbmVyIiwicGF0aCI6IlwvIiwibWV0aG9kIjoiR0VUIiwicmVsZWFzZSI6ImEtYS1hIn0sImNoZWNrc3VtIjoiM2VkZjE0NzMyY2I2YzYyZjZlNWUwMGVjZDZjNmExYjQwZDQzZDBmZWNmMmY2NWY5NTBjYjAwYzU1NDAyNjUxYiJ9&#039;)"></div>                </div>
                <div class="max-w-65">
                <h3 class="text-lg font-semibold text-white mb-0 line-clamp-1 truncate">
                                        snathanemanuel Santana
                </h3>
                <p class="text-sm text-white/80 font-regular">
                                        <!--[if BLOCK]><![endif]-->                        Design Gráfico
                    <!--[if ENDBLOCK]><![endif]-->                </p>
                </div>
            </div>
        </a>
    <!--[if ENDBLOCK]><![endif]--></div>
                </div>
            </div>

        </div>
    </div>
</section>

        

        <section class="bg-cqtl-yellow py-24">
            <div class="max-w-7xl mx-auto">
                <div class="flex flex-col md:flex-row items-end gap-12">
                    <div class="flex-none w-full md:w-3/8 max-md:hidden">
                        <figure class="rounded-[0.5rem] relative z-[2]">
                            <img class="rounded-[1rem]"
                                src="https://storage.comoequeta.la/assets/home_section_solucoes.png"
                                alt="As melhores escolhas!">
                        </figure>
                    </div>
                    <!--/column -->
                    <div class="flex-auto px-8">
                        <h2 class="text-4xl md:text-[40px] font-display font-black text-cqtl-blue leading-10 mb-5 lg:pr-25">
                            Soluções completas para conectar talentos e empresas
                        </h2>
                        <p class="text-cqtl-blue text-xl font-light leading-tight mb-12">
                            Sua empresa encontra talentos criativos bem mais rápido. Nós conectamos você com os melhores profissionais do mercado, para que você possa focar no que realmente importa: o seu negócio.
                        </p>
                        <div class="text-lg font-light">
                            <ul class="space-y-4">
                                <li class="flex flex-nowrap items-center gap-3">
                                    <div class="pt-0.5"><i class="ff fi-rr-checkbox text-cqtl-pink"></i></div>
                                    <div>Recrutamento automatizado. Os candidatos são notificados!</div>
                                </li>
                                <li class="flex flex-nowrap items-center gap-3">
                                    <div class="pt-0.5"><i class="ff fi-rr-checkbox text-cqtl-pink"></i></div>
                                    <span>Processo seletivo facilitado. ATS exclusivo para criativos.</span>
                                </li>
                                <li class="flex flex-nowrap items-center gap-3">
                                    <div class="pt-0.5"><i class="ff fi-rr-checkbox text-cqtl-pink"></i></div>
                                    <span>Hunting especializado. Nossos profissionais de RH te ajudam.</span>
                                </li>
                                <li class="flex flex-nowrap items-center gap-3">
                                    <div class="pt-0.5"><i class="ff fi-rr-checkbox text-cqtl-pink"></i></div>
                                    <span>Busca ativa em todo nosso banco de talentos.</span>
                                </li>
                                <li class="flex flex-nowrap items-center gap-3">
                                    <div class="pt-0.5"><i class="ff fi-rr-checkbox text-cqtl-pink"></i></div>
                                    <span>O melhor custo benefício do planeta.</span>
                                </li>
                            </ul>
                            <div class="flex gap-8 mt-12">
                                <a href="https://comoequeta.la/index.php/vagas" class="button button-pink text-cqtl-white uppercase">Candidate-se</a>
                                <a href="https://comoequeta.la/index.php/register" class="button button-primary text-cqtl-white uppercase">Contrate</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    
        
        <section wire:snapshot="{&quot;data&quot;:{&quot;companies&quot;:[[[null,{&quot;class&quot;:&quot;App\\Models\\Companies\\Company&quot;,&quot;key&quot;:1685,&quot;s&quot;:&quot;mdl&quot;}],[null,{&quot;class&quot;:&quot;App\\Models\\Companies\\Company&quot;,&quot;key&quot;:2191,&quot;s&quot;:&quot;mdl&quot;}],[null,{&quot;class&quot;:&quot;App\\Models\\Companies\\Company&quot;,&quot;key&quot;:2985,&quot;s&quot;:&quot;mdl&quot;}],[null,{&quot;class&quot;:&quot;App\\Models\\Companies\\Company&quot;,&quot;key&quot;:2979,&quot;s&quot;:&quot;mdl&quot;}],[null,{&quot;class&quot;:&quot;App\\Models\\Companies\\Company&quot;,&quot;key&quot;:3035,&quot;s&quot;:&quot;mdl&quot;}],[null,{&quot;class&quot;:&quot;App\\Models\\Companies\\Company&quot;,&quot;key&quot;:3048,&quot;s&quot;:&quot;mdl&quot;}],[null,{&quot;class&quot;:&quot;App\\Models\\Companies\\Company&quot;,&quot;key&quot;:1554,&quot;s&quot;:&quot;mdl&quot;}],[null,{&quot;class&quot;:&quot;App\\Models\\Companies\\Company&quot;,&quot;key&quot;:212,&quot;s&quot;:&quot;mdl&quot;}]],{&quot;class&quot;:&quot;Illuminate\\Support\\Collection&quot;,&quot;s&quot;:&quot;clctn&quot;}],&quot;jobs&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;HVDT1ZUA1E878rtioIjD&quot;,&quot;name&quot;:&quot;sections.trusted-by&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:{&quot;1685&quot;:[&quot;div&quot;,&quot;ehaHWoppQSSgQIU43d1m&quot;],&quot;2191&quot;:[&quot;div&quot;,&quot;pK9fe6jkKEb2T6gy2UtY&quot;],&quot;2985&quot;:[&quot;div&quot;,&quot;HaH0qEWOU4A6n2k5Xuki&quot;],&quot;2979&quot;:[&quot;div&quot;,&quot;z02RIC7F8ZVrHXWQtq40&quot;],&quot;3035&quot;:[&quot;div&quot;,&quot;VQTu7OkoTbBkpuWOeV8H&quot;],&quot;3048&quot;:[&quot;div&quot;,&quot;1PEJZQ76x0AJvo4IfXRw&quot;],&quot;1554&quot;:[&quot;div&quot;,&quot;Zeb6oue8ZMsdYK7lmOW4&quot;],&quot;212&quot;:[&quot;div&quot;,&quot;mGrIxJqBMG7BdQDXyrZZ&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;pt_BR&quot;},&quot;checksum&quot;:&quot;194a4fe2ab171813e25c741ba387046323e00adde9bc8f58f1f34764db5c968a&quot;}" wire:effects="[]" wire:id="HVDT1ZUA1E878rtioIjD" class="py-16 md:py-24 bg-cqtl-blue overflow-hidden">
    <div class="max-w-7xl mx-auto px-4 md:px-8">
        <div class="text-center mb-16 md:mb-20">
            <h2 class="text-4xl md:text-[40px] text-cqtl-white font-black font-display">2.500 empresas</h2>
            <p class="text-lg md:text-2xl text-cqtl-white font-light">utilizam nossos serviços</p>
        </div>

        <div class="relative w-full pb-10">
            <div class="flex justify-center flex-wrap md:flex-nowrap items-center gap-6 md:gap-16 px-4 w-full">
                <!--[if BLOCK]><![endif]-->                                        <a href="https://comoequeta.la/index.php/contratante/agencia-dakota" 
                       class="md:translate-y-12 flex-shrink-0 grayscale mix-blend-lighten aspect-square size-20 md:size-26 bg-[#f2f2f2] rounded-full overflow-hidden transition-transform hover:scale-105 ">
                        <div wire:snapshot="{&quot;data&quot;:{&quot;company&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Companies\\Company&quot;,&quot;key&quot;:1685,&quot;s&quot;:&quot;mdl&quot;}],&quot;image&quot;:null,&quot;imagePath&quot;:&quot;https:\/\/storage.comoequeta.la\/producao\/company-brand\/empresa\/marca\/1685-5a196979cc38c2d3b499fe0829852cdb.webp&quot;,&quot;confidencial&quot;:false,&quot;letters&quot;:&quot;CO&quot;,&quot;color&quot;:&quot;#f687b3&quot;,&quot;class&quot;:null,&quot;circle&quot;:true,&quot;thumbnail&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;ehaHWoppQSSgQIU43d1m&quot;,&quot;name&quot;:&quot;companies.logo&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;pt_BR&quot;},&quot;checksum&quot;:&quot;c697ba74fc33a6f14196d96d629f7a34811b21597bc4dc46d596999945ac9095&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;logoUpdated&quot;]}" wire:id="ehaHWoppQSSgQIU43d1m" >
        <!--[if BLOCK]><![endif]-->            <div class="aspect-square w-full h-full bg-cover bg-center bg-no-repeat" :class="1 ? 'rounded-full' : 'rounded-lg'" style="background-image: url('https://storage.comoequeta.la/producao/company-brand/empresa/marca/1685-5a196979cc38c2d3b499fe0829852cdb.webp')"></div>
        <!--[if ENDBLOCK]><![endif]--></div>
                    </a>
                                                        <a href="https://comoequeta.la/index.php/contratante/plugin-midia" 
                       class="md:-translate-y-8 flex-shrink-0 grayscale mix-blend-lighten aspect-square size-20 md:size-26 bg-[#f2f2f2] rounded-full overflow-hidden transition-transform hover:scale-105 ">
                        <div wire:snapshot="{&quot;data&quot;:{&quot;company&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Companies\\Company&quot;,&quot;key&quot;:2191,&quot;s&quot;:&quot;mdl&quot;}],&quot;image&quot;:null,&quot;imagePath&quot;:&quot;https:\/\/storage.comoequeta.la\/producao\/company-brand\/empresa\/marca\/2191-19df0cc917d530df3cf514b64865b165.webp&quot;,&quot;confidencial&quot;:false,&quot;letters&quot;:&quot;CO&quot;,&quot;color&quot;:&quot;#90cdf4&quot;,&quot;class&quot;:null,&quot;circle&quot;:true,&quot;thumbnail&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;pK9fe6jkKEb2T6gy2UtY&quot;,&quot;name&quot;:&quot;companies.logo&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;pt_BR&quot;},&quot;checksum&quot;:&quot;dd54dbb02ffae6298c72f13a832635f51e0a860cbf6f4f38a3be7e1b0492769d&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;logoUpdated&quot;]}" wire:id="pK9fe6jkKEb2T6gy2UtY" >
        <!--[if BLOCK]><![endif]-->            <div class="aspect-square w-full h-full bg-cover bg-center bg-no-repeat" :class="1 ? 'rounded-full' : 'rounded-lg'" style="background-image: url('https://storage.comoequeta.la/producao/company-brand/empresa/marca/2191-19df0cc917d530df3cf514b64865b165.webp')"></div>
        <!--[if ENDBLOCK]><![endif]--></div>
                    </a>
                                                        <a href="https://comoequeta.la/index.php/contratante/voxdoc" 
                       class="md:translate-y-24 flex-shrink-0 grayscale mix-blend-lighten aspect-square size-20 md:size-26 bg-[#f2f2f2] rounded-full overflow-hidden transition-transform hover:scale-105 ">
                        <div wire:snapshot="{&quot;data&quot;:{&quot;company&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Companies\\Company&quot;,&quot;key&quot;:2985,&quot;s&quot;:&quot;mdl&quot;}],&quot;image&quot;:null,&quot;imagePath&quot;:&quot;https:\/\/storage.comoequeta.la\/producao\/company-brand\/empresa\/marca\/2985-6caff86c14cbb3fe1c029cae309889f0.webp&quot;,&quot;confidencial&quot;:false,&quot;letters&quot;:&quot;CO&quot;,&quot;color&quot;:&quot;#f6ad55&quot;,&quot;class&quot;:null,&quot;circle&quot;:true,&quot;thumbnail&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;HaH0qEWOU4A6n2k5Xuki&quot;,&quot;name&quot;:&quot;companies.logo&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;pt_BR&quot;},&quot;checksum&quot;:&quot;3c7679e8f5bb35d5fb8a115b2d2192b30b04974f5bf3d747fc470892b4a3f828&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;logoUpdated&quot;]}" wire:id="HaH0qEWOU4A6n2k5Xuki" >
        <!--[if BLOCK]><![endif]-->            <div class="aspect-square w-full h-full bg-cover bg-center bg-no-repeat" :class="1 ? 'rounded-full' : 'rounded-lg'" style="background-image: url('https://storage.comoequeta.la/producao/company-brand/empresa/marca/2985-6caff86c14cbb3fe1c029cae309889f0.webp')"></div>
        <!--[if ENDBLOCK]><![endif]--></div>
                    </a>
                                                        <a href="https://comoequeta.la/index.php/contratante/agilizadoutor" 
                       class="md:translate-y-2 flex-shrink-0 grayscale mix-blend-lighten aspect-square size-20 md:size-26 bg-[#f2f2f2] rounded-full overflow-hidden transition-transform hover:scale-105 ">
                        <div wire:snapshot="{&quot;data&quot;:{&quot;company&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Companies\\Company&quot;,&quot;key&quot;:2979,&quot;s&quot;:&quot;mdl&quot;}],&quot;image&quot;:null,&quot;imagePath&quot;:&quot;https:\/\/storage.comoequeta.la\/producao\/company-brand\/empresa\/marca\/2979-fdbae90d3baec59d9c2fe71ab60a7ade.webp&quot;,&quot;confidencial&quot;:false,&quot;letters&quot;:&quot;CO&quot;,&quot;color&quot;:&quot;#90cdf4&quot;,&quot;class&quot;:null,&quot;circle&quot;:true,&quot;thumbnail&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;z02RIC7F8ZVrHXWQtq40&quot;,&quot;name&quot;:&quot;companies.logo&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;pt_BR&quot;},&quot;checksum&quot;:&quot;abcb5c25011fcaa6ab7325379a047e8e095867cb1b98f885be04eb475bb9d754&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;logoUpdated&quot;]}" wire:id="z02RIC7F8ZVrHXWQtq40" >
        <!--[if BLOCK]><![endif]-->            <div class="aspect-square w-full h-full bg-cover bg-center bg-no-repeat" :class="1 ? 'rounded-full' : 'rounded-lg'" style="background-image: url('https://storage.comoequeta.la/producao/company-brand/empresa/marca/2979-fdbae90d3baec59d9c2fe71ab60a7ade.webp')"></div>
        <!--[if ENDBLOCK]><![endif]--></div>
                    </a>
                                                        <a href="https://comoequeta.la/index.php/contratante/firstviewfilms" 
                       class="md:translate-y-16 flex-shrink-0 grayscale mix-blend-lighten aspect-square size-20 md:size-26 bg-[#f2f2f2] rounded-full overflow-hidden transition-transform hover:scale-105 ">
                        <div wire:snapshot="{&quot;data&quot;:{&quot;company&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Companies\\Company&quot;,&quot;key&quot;:3035,&quot;s&quot;:&quot;mdl&quot;}],&quot;image&quot;:null,&quot;imagePath&quot;:&quot;https:\/\/storage.comoequeta.la\/producao\/company-brand\/empresa\/marca\/3035-b1f6a909b9b9a94ed461ca4770457c79.webp&quot;,&quot;confidencial&quot;:false,&quot;letters&quot;:&quot;CO&quot;,&quot;color&quot;:&quot;#f6e05e&quot;,&quot;class&quot;:null,&quot;circle&quot;:true,&quot;thumbnail&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;VQTu7OkoTbBkpuWOeV8H&quot;,&quot;name&quot;:&quot;companies.logo&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;pt_BR&quot;},&quot;checksum&quot;:&quot;da2d9a0a04c1929a4d9e4e7b29bcc3f2a10e4453a67a6212b0f7482c5173b6fb&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;logoUpdated&quot;]}" wire:id="VQTu7OkoTbBkpuWOeV8H" >
        <!--[if BLOCK]><![endif]-->            <div class="aspect-square w-full h-full bg-cover bg-center bg-no-repeat" :class="1 ? 'rounded-full' : 'rounded-lg'" style="background-image: url('https://storage.comoequeta.la/producao/company-brand/empresa/marca/3035-b1f6a909b9b9a94ed461ca4770457c79.webp')"></div>
        <!--[if ENDBLOCK]><![endif]--></div>
                    </a>
                                                        <a href="https://comoequeta.la/index.php/contratante/ocawine" 
                       class="md:translate-y-12 flex-shrink-0 grayscale mix-blend-lighten aspect-square size-20 md:size-26 bg-[#f2f2f2] rounded-full overflow-hidden transition-transform hover:scale-105 ">
                        <div wire:snapshot="{&quot;data&quot;:{&quot;company&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Companies\\Company&quot;,&quot;key&quot;:3048,&quot;s&quot;:&quot;mdl&quot;}],&quot;image&quot;:null,&quot;imagePath&quot;:&quot;https:\/\/storage.comoequeta.la\/producao\/company-brand\/empresa\/marca\/3048-545daef7a99f027510b8169ef21cba03.webp&quot;,&quot;confidencial&quot;:false,&quot;letters&quot;:&quot;CO&quot;,&quot;color&quot;:&quot;#f687b3&quot;,&quot;class&quot;:null,&quot;circle&quot;:true,&quot;thumbnail&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;1PEJZQ76x0AJvo4IfXRw&quot;,&quot;name&quot;:&quot;companies.logo&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;pt_BR&quot;},&quot;checksum&quot;:&quot;a89184f1cb06641d924fee6bdbda8c0883e12c202dbc33caeb9e78d2e7c7fa48&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;logoUpdated&quot;]}" wire:id="1PEJZQ76x0AJvo4IfXRw" >
        <!--[if BLOCK]><![endif]-->            <div class="aspect-square w-full h-full bg-cover bg-center bg-no-repeat" :class="1 ? 'rounded-full' : 'rounded-lg'" style="background-image: url('https://storage.comoequeta.la/producao/company-brand/empresa/marca/3048-545daef7a99f027510b8169ef21cba03.webp')"></div>
        <!--[if ENDBLOCK]><![endif]--></div>
                    </a>
                                                        <a href="https://comoequeta.la/index.php/contratante/afrei-design" 
                       class="md:-translate-y-8 flex-shrink-0 grayscale mix-blend-lighten aspect-square size-20 md:size-26 bg-[#f2f2f2] rounded-full overflow-hidden transition-transform hover:scale-105 ">
                        <div wire:snapshot="{&quot;data&quot;:{&quot;company&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Companies\\Company&quot;,&quot;key&quot;:1554,&quot;s&quot;:&quot;mdl&quot;}],&quot;image&quot;:null,&quot;imagePath&quot;:&quot;https:\/\/storage.comoequeta.la\/producao\/company-brand\/empresa\/marca\/1554-f121a5d83c708a810d8a0949f2bc71c7.webp&quot;,&quot;confidencial&quot;:false,&quot;letters&quot;:&quot;CO&quot;,&quot;color&quot;:&quot;#f6ad55&quot;,&quot;class&quot;:null,&quot;circle&quot;:true,&quot;thumbnail&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;Zeb6oue8ZMsdYK7lmOW4&quot;,&quot;name&quot;:&quot;companies.logo&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;pt_BR&quot;},&quot;checksum&quot;:&quot;bb58f623a34f437e588cbdcfcdfd5b10131e8316fc51a5f900527a790307ef3c&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;logoUpdated&quot;]}" wire:id="Zeb6oue8ZMsdYK7lmOW4" >
        <!--[if BLOCK]><![endif]-->            <div class="aspect-square w-full h-full bg-cover bg-center bg-no-repeat" :class="1 ? 'rounded-full' : 'rounded-lg'" style="background-image: url('https://storage.comoequeta.la/producao/company-brand/empresa/marca/1554-f121a5d83c708a810d8a0949f2bc71c7.webp')"></div>
        <!--[if ENDBLOCK]><![endif]--></div>
                    </a>
                                                        <a href="https://comoequeta.la/index.php/contratante/icomunicacao-integrada-eireli" 
                       class="md:translate-y-24 flex-shrink-0 grayscale mix-blend-lighten aspect-square size-20 md:size-26 bg-[#f2f2f2] rounded-full overflow-hidden transition-transform hover:scale-105 ">
                        <div wire:snapshot="{&quot;data&quot;:{&quot;company&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Companies\\Company&quot;,&quot;key&quot;:212,&quot;s&quot;:&quot;mdl&quot;}],&quot;image&quot;:null,&quot;imagePath&quot;:&quot;https:\/\/storage.comoequeta.la\/producao\/company-brand\/empresa\/marca\/212-621242dddf1f674534f53a0b4de871ae.webp&quot;,&quot;confidencial&quot;:false,&quot;letters&quot;:&quot;CO&quot;,&quot;color&quot;:&quot;#f687b3&quot;,&quot;class&quot;:null,&quot;circle&quot;:true,&quot;thumbnail&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;mGrIxJqBMG7BdQDXyrZZ&quot;,&quot;name&quot;:&quot;companies.logo&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;pt_BR&quot;},&quot;checksum&quot;:&quot;9bb8a61d204c2efad10487357ea7533c7ae06b29b5b06dc7485d757a67aa1d81&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;logoUpdated&quot;]}" wire:id="mGrIxJqBMG7BdQDXyrZZ" >
        <!--[if BLOCK]><![endif]-->            <div class="aspect-square w-full h-full bg-cover bg-center bg-no-repeat" :class="1 ? 'rounded-full' : 'rounded-lg'" style="background-image: url('https://storage.comoequeta.la/producao/company-brand/empresa/marca/212-621242dddf1f674534f53a0b4de871ae.webp')"></div>
        <!--[if ENDBLOCK]><![endif]--></div>
                    </a>
                <!--[if ENDBLOCK]><![endif]-->            </div>
        </div>
    </div>
</section>

        <section wire:snapshot="{&quot;data&quot;:{&quot;jobs&quot;:[null,{&quot;keys&quot;:[24187,24186,24184,24183,24182,24181],&quot;class&quot;:&quot;Illuminate\\Database\\Eloquent\\Collection&quot;,&quot;modelClass&quot;:&quot;App\\Models\\Jobs\\Job&quot;,&quot;s&quot;:&quot;elcln&quot;}],&quot;quantity&quot;:6,&quot;job&quot;:null,&quot;class&quot;:&quot;pb-16 px-8&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;FVA6qQRJBtdCKItHyPgW&quot;,&quot;name&quot;:&quot;sections.recent-jobs&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:{&quot;lw-3099783332-0&quot;:[&quot;div&quot;,&quot;gfw7U7ypZiQmUkegB3pu&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;pt_BR&quot;},&quot;checksum&quot;:&quot;7414590d8100ca9b410bba406c63124deddc5582ec7488f0429666bfae0bcdab&quot;}" wire:effects="[]" wire:id="FVA6qQRJBtdCKItHyPgW" class="pb-16 px-8">


    <div class="@container max-w-7xl pt-16 @xl:pt-24 @lg:pt-24 @md:pt-24 mx-auto">
        <div class="flex flex-wrap mx-[-15px] !text-center">
            <div class="px-15 max-w-full mx-auto pb-12">
                <h2 class="uppercase text-cqtl-blue-400 text-2xl">Contrate criativos onde eles estão. Bem aqui!</h2>
                <h3 class="font-black font-display text-4xl md:text-[40px] text-cqtl-blue">Veja algumas oportunidades publicadas</h3>
            </div>
        </div>

        <div class="relative flex flex-col md:flex-row flex-wrap justify-top gap-4">
                <!--[if BLOCK]><![endif]-->                    <div class="rounded-lg bg-white shadow-lg w-full p-10 flex-auto w-full @lg:w-1/2 @3xl:w-1/3 @5xl:w-1/4 !p-0 !bg-cqtl-white !shadow-sm">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <div class="flex justify-between flex-nowrap items-start gap-4 p-6">
                            <div class="flex-none w-20">
                                <div wire:snapshot="{&quot;data&quot;:{&quot;company&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Companies\\Company&quot;,&quot;key&quot;:2191,&quot;s&quot;:&quot;mdl&quot;}],&quot;image&quot;:null,&quot;imagePath&quot;:&quot;https:\/\/storage.comoequeta.la\/producao\/company-brand\/empresa\/marca\/2191-19df0cc917d530df3cf514b64865b165.webp&quot;,&quot;confidencial&quot;:false,&quot;letters&quot;:&quot;CO&quot;,&quot;color&quot;:&quot;#90cdf4&quot;,&quot;class&quot;:&quot;w-20 h-20&quot;,&quot;circle&quot;:true,&quot;thumbnail&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;LfGNYHd7XSEL7yOjrtwH&quot;,&quot;name&quot;:&quot;companies.logo&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;pt_BR&quot;},&quot;checksum&quot;:&quot;ea1881fb9fd2eb85dbdf64cf457e091f3eb2ce13d4aa2a9a9d92b12b611a2361&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;logoUpdated&quot;]}" wire:id="LfGNYHd7XSEL7yOjrtwH"  class="w-20 h-20" >
        <!--[if BLOCK]><![endif]-->            <div class="aspect-square w-full h-full bg-cover bg-center bg-no-repeat" :class="1 ? 'rounded-full' : 'rounded-lg'" style="background-image: url('https://storage.comoequeta.la/producao/company-brand/empresa/marca/2191-19df0cc917d530df3cf514b64865b165.webp')"></div>
        <!--[if ENDBLOCK]><![endif]--></div>
                            </div>
                            <div class="flex-auto">
                                <div class="flex justify-start items-center gap-3">
                                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 !text-xs">
        PJ
    </div>
                                    <span class="text-gray-400">/</span>
                                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 !text-xs">
        Presencial
    </div>
                                </div>
                                <h4 class="font-medium py-2">Social media</h4>
                                <a href="https://comoequeta.la/index.php/vagas/24187" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none h-6 text-xs rounded-md px-2 inline-flex  bg-[var(--color-accent)] hover:bg-[color-mix(in_oklab,_var(--color-accent),_transparent_10%)] text-[var(--color-accent-foreground)] border border-black/10 dark:border-0 shadow-[inset_0px_1px_--theme(--color-white/.2)] [[data-flux-button-group]_&amp;]:border-e-0 [:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-[1px] dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-0 dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-s-[1px] [:is([data-flux-button-group]&gt;&amp;:not(:first-child),_[data-flux-button-group]_:not(:first-child)&gt;&amp;)]:border-s-[color-mix(in_srgb,var(--color-accent-foreground),transparent_85%)]" data-flux-button="data-flux-button" data-flux-group-target="data-flux-group-target">
        Acesse a vaga
    </a>
                            </div>
                        </div>
</div>
                                    <div class="rounded-lg bg-white shadow-lg w-full p-10 flex-auto w-full @lg:w-1/2 @3xl:w-1/3 @5xl:w-1/4 !p-0 !bg-cqtl-white !shadow-sm">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <div class="flex justify-between flex-nowrap items-start gap-4 p-6">
                            <div class="flex-none w-20">
                                <div wire:snapshot="{&quot;data&quot;:{&quot;company&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Companies\\Company&quot;,&quot;key&quot;:2191,&quot;s&quot;:&quot;mdl&quot;}],&quot;image&quot;:null,&quot;imagePath&quot;:&quot;https:\/\/storage.comoequeta.la\/producao\/company-brand\/empresa\/marca\/2191-19df0cc917d530df3cf514b64865b165.webp&quot;,&quot;confidencial&quot;:false,&quot;letters&quot;:&quot;CO&quot;,&quot;color&quot;:&quot;#f6ad55&quot;,&quot;class&quot;:&quot;w-20 h-20&quot;,&quot;circle&quot;:true,&quot;thumbnail&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;IveyMkrQOTAa6mDsOa5M&quot;,&quot;name&quot;:&quot;companies.logo&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;pt_BR&quot;},&quot;checksum&quot;:&quot;db2d78940522b056bc4e477b237bbdb8ccd5e289d84974fccccad05b2b92a832&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;logoUpdated&quot;]}" wire:id="IveyMkrQOTAa6mDsOa5M"  class="w-20 h-20" >
        <!--[if BLOCK]><![endif]-->            <div class="aspect-square w-full h-full bg-cover bg-center bg-no-repeat" :class="1 ? 'rounded-full' : 'rounded-lg'" style="background-image: url('https://storage.comoequeta.la/producao/company-brand/empresa/marca/2191-19df0cc917d530df3cf514b64865b165.webp')"></div>
        <!--[if ENDBLOCK]><![endif]--></div>
                            </div>
                            <div class="flex-auto">
                                <div class="flex justify-start items-center gap-3">
                                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 !text-xs">
        PJ
    </div>
                                    <span class="text-gray-400">/</span>
                                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 !text-xs">
        Presencial
    </div>
                                </div>
                                <h4 class="font-medium py-2">Social media | presencial (gama-df)</h4>
                                <a href="https://comoequeta.la/index.php/vagas/24186" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none h-6 text-xs rounded-md px-2 inline-flex  bg-[var(--color-accent)] hover:bg-[color-mix(in_oklab,_var(--color-accent),_transparent_10%)] text-[var(--color-accent-foreground)] border border-black/10 dark:border-0 shadow-[inset_0px_1px_--theme(--color-white/.2)] [[data-flux-button-group]_&amp;]:border-e-0 [:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-[1px] dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-0 dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-s-[1px] [:is([data-flux-button-group]&gt;&amp;:not(:first-child),_[data-flux-button-group]_:not(:first-child)&gt;&amp;)]:border-s-[color-mix(in_srgb,var(--color-accent-foreground),transparent_85%)]" data-flux-button="data-flux-button" data-flux-group-target="data-flux-group-target">
        Acesse a vaga
    </a>
                            </div>
                        </div>
</div>
                                    <div class="rounded-lg bg-white shadow-lg w-full p-10 flex-auto w-full @lg:w-1/2 @3xl:w-1/3 @5xl:w-1/4 !p-0 !bg-cqtl-white !shadow-sm">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <div class="flex justify-between flex-nowrap items-start gap-4 p-6">
                            <div class="flex-none w-20">
                                <div wire:snapshot="{&quot;data&quot;:{&quot;company&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Companies\\Company&quot;,&quot;key&quot;:1685,&quot;s&quot;:&quot;mdl&quot;}],&quot;image&quot;:null,&quot;imagePath&quot;:&quot;https:\/\/storage.comoequeta.la\/producao\/company-brand\/empresa\/marca\/1685-5a196979cc38c2d3b499fe0829852cdb.webp&quot;,&quot;confidencial&quot;:false,&quot;letters&quot;:&quot;CO&quot;,&quot;color&quot;:&quot;#90cdf4&quot;,&quot;class&quot;:&quot;w-20 h-20&quot;,&quot;circle&quot;:true,&quot;thumbnail&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;iKBWWyRLGx6sni7S1G2A&quot;,&quot;name&quot;:&quot;companies.logo&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;pt_BR&quot;},&quot;checksum&quot;:&quot;95f9291bb9fe948bc7f777542012af1f30ebe40ee35c77fbf4e173fa389be082&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;logoUpdated&quot;]}" wire:id="iKBWWyRLGx6sni7S1G2A"  class="w-20 h-20" >
        <!--[if BLOCK]><![endif]-->            <div class="aspect-square w-full h-full bg-cover bg-center bg-no-repeat" :class="1 ? 'rounded-full' : 'rounded-lg'" style="background-image: url('https://storage.comoequeta.la/producao/company-brand/empresa/marca/1685-5a196979cc38c2d3b499fe0829852cdb.webp')"></div>
        <!--[if ENDBLOCK]><![endif]--></div>
                            </div>
                            <div class="flex-auto">
                                <div class="flex justify-start items-center gap-3">
                                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 !text-xs">
        Freela
    </div>
                                    <span class="text-gray-400">/</span>
                                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 !text-xs">
        Híbrido
    </div>
                                </div>
                                <h4 class="font-medium py-2">Vaga freela videomaker</h4>
                                <a href="https://comoequeta.la/index.php/vagas/24184" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none h-6 text-xs rounded-md px-2 inline-flex  bg-[var(--color-accent)] hover:bg-[color-mix(in_oklab,_var(--color-accent),_transparent_10%)] text-[var(--color-accent-foreground)] border border-black/10 dark:border-0 shadow-[inset_0px_1px_--theme(--color-white/.2)] [[data-flux-button-group]_&amp;]:border-e-0 [:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-[1px] dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-0 dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-s-[1px] [:is([data-flux-button-group]&gt;&amp;:not(:first-child),_[data-flux-button-group]_:not(:first-child)&gt;&amp;)]:border-s-[color-mix(in_srgb,var(--color-accent-foreground),transparent_85%)]" data-flux-button="data-flux-button" data-flux-group-target="data-flux-group-target">
        Acesse a vaga
    </a>
                            </div>
                        </div>
</div>
                                    <div class="rounded-lg bg-white shadow-lg w-full p-10 flex-auto w-full @lg:w-1/2 @3xl:w-1/3 @5xl:w-1/4 !p-0 !bg-cqtl-white !shadow-sm">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <div class="flex justify-between flex-nowrap items-start gap-4 p-6">
                            <div class="flex-none w-20">
                                <div wire:snapshot="{&quot;data&quot;:{&quot;company&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Companies\\Company&quot;,&quot;key&quot;:2979,&quot;s&quot;:&quot;mdl&quot;}],&quot;image&quot;:null,&quot;imagePath&quot;:&quot;https:\/\/storage.comoequeta.la\/producao\/company-brand\/empresa\/marca\/2979-fdbae90d3baec59d9c2fe71ab60a7ade.webp&quot;,&quot;confidencial&quot;:false,&quot;letters&quot;:&quot;CO&quot;,&quot;color&quot;:&quot;#f6e05e&quot;,&quot;class&quot;:&quot;w-20 h-20&quot;,&quot;circle&quot;:true,&quot;thumbnail&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;lDrTQYbJO0S0CJ6ODzPc&quot;,&quot;name&quot;:&quot;companies.logo&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;pt_BR&quot;},&quot;checksum&quot;:&quot;af97a051166461a4fabc9fe5b704066e4b89fb153d8a872775357b9d508b6602&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;logoUpdated&quot;]}" wire:id="lDrTQYbJO0S0CJ6ODzPc"  class="w-20 h-20" >
        <!--[if BLOCK]><![endif]-->            <div class="aspect-square w-full h-full bg-cover bg-center bg-no-repeat" :class="1 ? 'rounded-full' : 'rounded-lg'" style="background-image: url('https://storage.comoequeta.la/producao/company-brand/empresa/marca/2979-fdbae90d3baec59d9c2fe71ab60a7ade.webp')"></div>
        <!--[if ENDBLOCK]><![endif]--></div>
                            </div>
                            <div class="flex-auto">
                                <div class="flex justify-start items-center gap-3">
                                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 !text-xs">
        PJ
    </div>
                                    <span class="text-gray-400">/</span>
                                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 !text-xs">
        Presencial
    </div>
                                </div>
                                <h4 class="font-medium py-2">Sdr - funil de vendas </h4>
                                <a href="https://comoequeta.la/index.php/vagas/24183" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none h-6 text-xs rounded-md px-2 inline-flex  bg-[var(--color-accent)] hover:bg-[color-mix(in_oklab,_var(--color-accent),_transparent_10%)] text-[var(--color-accent-foreground)] border border-black/10 dark:border-0 shadow-[inset_0px_1px_--theme(--color-white/.2)] [[data-flux-button-group]_&amp;]:border-e-0 [:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-[1px] dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-0 dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-s-[1px] [:is([data-flux-button-group]&gt;&amp;:not(:first-child),_[data-flux-button-group]_:not(:first-child)&gt;&amp;)]:border-s-[color-mix(in_srgb,var(--color-accent-foreground),transparent_85%)]" data-flux-button="data-flux-button" data-flux-group-target="data-flux-group-target">
        Acesse a vaga
    </a>
                            </div>
                        </div>
</div>
                                    <div class="rounded-lg bg-white shadow-lg w-full p-10 flex-auto w-full @lg:w-1/2 @3xl:w-1/3 @5xl:w-1/4 !p-0 !bg-cqtl-white !shadow-sm">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <div class="flex justify-between flex-nowrap items-start gap-4 p-6">
                            <div class="flex-none w-20">
                                <div wire:snapshot="{&quot;data&quot;:{&quot;company&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Companies\\Company&quot;,&quot;key&quot;:2979,&quot;s&quot;:&quot;mdl&quot;}],&quot;image&quot;:null,&quot;imagePath&quot;:&quot;https:\/\/storage.comoequeta.la\/producao\/company-brand\/empresa\/marca\/2979-fdbae90d3baec59d9c2fe71ab60a7ade.webp&quot;,&quot;confidencial&quot;:false,&quot;letters&quot;:&quot;CO&quot;,&quot;color&quot;:&quot;#f687b3&quot;,&quot;class&quot;:&quot;w-20 h-20&quot;,&quot;circle&quot;:true,&quot;thumbnail&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;af7Es2BCTCGRzVc2W402&quot;,&quot;name&quot;:&quot;companies.logo&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;pt_BR&quot;},&quot;checksum&quot;:&quot;4e21724003c4476cdaf082725018b58efe5ba5acfdd77ed0c2825fd3daa1343d&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;logoUpdated&quot;]}" wire:id="af7Es2BCTCGRzVc2W402"  class="w-20 h-20" >
        <!--[if BLOCK]><![endif]-->            <div class="aspect-square w-full h-full bg-cover bg-center bg-no-repeat" :class="1 ? 'rounded-full' : 'rounded-lg'" style="background-image: url('https://storage.comoequeta.la/producao/company-brand/empresa/marca/2979-fdbae90d3baec59d9c2fe71ab60a7ade.webp')"></div>
        <!--[if ENDBLOCK]><![endif]--></div>
                            </div>
                            <div class="flex-auto">
                                <div class="flex justify-start items-center gap-3">
                                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 !text-xs">
        PJ
    </div>
                                    <span class="text-gray-400">/</span>
                                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 !text-xs">
        Presencial
    </div>
                                </div>
                                <h4 class="font-medium py-2">Diretor de arte senior </h4>
                                <a href="https://comoequeta.la/index.php/vagas/24182" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none h-6 text-xs rounded-md px-2 inline-flex  bg-[var(--color-accent)] hover:bg-[color-mix(in_oklab,_var(--color-accent),_transparent_10%)] text-[var(--color-accent-foreground)] border border-black/10 dark:border-0 shadow-[inset_0px_1px_--theme(--color-white/.2)] [[data-flux-button-group]_&amp;]:border-e-0 [:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-[1px] dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-0 dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-s-[1px] [:is([data-flux-button-group]&gt;&amp;:not(:first-child),_[data-flux-button-group]_:not(:first-child)&gt;&amp;)]:border-s-[color-mix(in_srgb,var(--color-accent-foreground),transparent_85%)]" data-flux-button="data-flux-button" data-flux-group-target="data-flux-group-target">
        Acesse a vaga
    </a>
                            </div>
                        </div>
</div>
                                    <div class="rounded-lg bg-white shadow-lg w-full p-10 flex-auto w-full @lg:w-1/2 @3xl:w-1/3 @5xl:w-1/4 !p-0 !bg-cqtl-white !shadow-sm">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <div class="flex justify-between flex-nowrap items-start gap-4 p-6">
                            <div class="flex-none w-20">
                                <div wire:snapshot="{&quot;data&quot;:{&quot;company&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Companies\\Company&quot;,&quot;key&quot;:3035,&quot;s&quot;:&quot;mdl&quot;}],&quot;image&quot;:null,&quot;imagePath&quot;:&quot;https:\/\/storage.comoequeta.la\/producao\/company-brand\/empresa\/marca\/3035-b1f6a909b9b9a94ed461ca4770457c79.webp&quot;,&quot;confidencial&quot;:false,&quot;letters&quot;:&quot;CO&quot;,&quot;color&quot;:&quot;#90cdf4&quot;,&quot;class&quot;:&quot;w-20 h-20&quot;,&quot;circle&quot;:true,&quot;thumbnail&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;gfw7U7ypZiQmUkegB3pu&quot;,&quot;name&quot;:&quot;companies.logo&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;pt_BR&quot;},&quot;checksum&quot;:&quot;6b104604fdbc4016b8c3322bb95527ae5b453832e361641f50ebccfb31f94022&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;logoUpdated&quot;]}" wire:id="gfw7U7ypZiQmUkegB3pu"  class="w-20 h-20" >
        <!--[if BLOCK]><![endif]-->            <div class="aspect-square w-full h-full bg-cover bg-center bg-no-repeat" :class="1 ? 'rounded-full' : 'rounded-lg'" style="background-image: url('https://storage.comoequeta.la/producao/company-brand/empresa/marca/3035-b1f6a909b9b9a94ed461ca4770457c79.webp')"></div>
        <!--[if ENDBLOCK]><![endif]--></div>
                            </div>
                            <div class="flex-auto">
                                <div class="flex justify-start items-center gap-3">
                                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 !text-xs">
        PJ
    </div>
                                    <span class="text-gray-400">/</span>
                                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 !text-xs">
        Híbrido
    </div>
                                </div>
                                <h4 class="font-medium py-2">Filmmaker | videomaker | cinegrafista</h4>
                                <a href="https://comoequeta.la/index.php/vagas/24181" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none h-6 text-xs rounded-md px-2 inline-flex  bg-[var(--color-accent)] hover:bg-[color-mix(in_oklab,_var(--color-accent),_transparent_10%)] text-[var(--color-accent-foreground)] border border-black/10 dark:border-0 shadow-[inset_0px_1px_--theme(--color-white/.2)] [[data-flux-button-group]_&amp;]:border-e-0 [:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-[1px] dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-0 dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-s-[1px] [:is([data-flux-button-group]&gt;&amp;:not(:first-child),_[data-flux-button-group]_:not(:first-child)&gt;&amp;)]:border-s-[color-mix(in_srgb,var(--color-accent-foreground),transparent_85%)]" data-flux-button="data-flux-button" data-flux-group-target="data-flux-group-target">
        Acesse a vaga
    </a>
                            </div>
                        </div>
</div>
                <!--[if ENDBLOCK]><![endif]-->            </div>

        <div class="flex justify-center mt-10">
            <a href="https://comoequeta.la/index.php/vagas" class="button button-primary uppercase">Acesse todas as vagas</a>
        </div>
    </div>
</section>
 


    </div>
    </main>
</div>
<footer>
    <!-- /.content-wrapper -->
    <div wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;S1IErYFiZ9avdUB8YKIy&quot;,&quot;name&quot;:&quot;footer.base&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;pt_BR&quot;},&quot;checksum&quot;:&quot;b14720a8ed98c66bebb7d9e11867b7903a20a8970498beedacb0e3da51063c5f&quot;}" wire:effects="[]" wire:id="S1IErYFiZ9avdUB8YKIy">
    <footer class="bg-cqtl-blue text-cqtl-gray">
        <div class="max-w-7xl mx-auto px-8 py-12">
            <div class="flex flex-col md:flex-row justify-between gap-16">
                <div class="flex-none w-2/6">
                    <div class="text-cqtl-white">
                        <div class="">
                            <img src="https://storage.comoequeta.la/brand/brand_type_white.svg" alt="Logo da Comoequetala" class="w-48 mb-2">
                        </div>
                        <nav class="flex flex-nowrap gap-1.5 justify-start mb-4">
                            <a class="text-cqtl-white transition-all duration-[0.2s] ease-in-out translate-y-0 motion-reduce:transition-none hover:translate-y-[-0.15rem] m-[0_.7rem_0_0]"
                               href="https://www.linkedin.com/company/comoequetala/"
                                 title="Siga-nos no Linkedin"
                            >
                                <i class="fi fi-brands-linkedin !text-white text-[1rem]"></i>
                            </a>
                            <a class="text-cqtl-gray transition-all duration-[0.2s] ease-in-out translate-y-0 motion-reduce:transition-none hover:translate-y-[-0.15rem] m-[0_.7rem_0_0]"
                               href="https://instagram.com/comoequetala"
                                    title="Siga-nos no Instagram"
                            >
                                <i class="fi fi-brands-instagram !text-white text-[1rem]"></i>
                            </a>
                            <a class="text-cqtl-gray transition-all duration-[0.2s] ease-in-out translate-y-0 motion-reduce:transition-none hover:translate-y-[-0.15rem] m-[0_.7rem_0_0]"
                               href="https://youtube.com/comoequetala"
                                 title="Assista nossas transmissões no Youtube"
                            >
                                <i class="fi fi-brands-youtube !text-white text-[1rem]"></i>
                            </a>
                            <a class="text-cqtl-gray transition-all duration-[0.2s] ease-in-out translate-y-0 motion-reduce:transition-none hover:translate-y-[-0.15rem] m-[0_.7rem_0_0] hover:text-white"
                               href="https://whatsapp.com/channel/0029VaEzKTt23n3fs1441m1x"
                               title="Entre em nosso canal do Whatsapp"
                            >
                                <svg viewBox="0 0 24 24" class="w-[1rem] fill-white" fill="fill-white"><title>newsletter-outline</title><path fill-rule="evenodd" clip-rule="evenodd" d="M15.8301 8.63404C16.3081 8.35745 16.9198 8.52076 17.1964 8.9988C17.7077 9.88244 18 10.9086 18 12C18 13.0914 17.7077 14.1176 17.1964 15.0012C16.9198 15.4792 16.3081 15.6425 15.8301 15.366C15.352 15.0894 15.1887 14.4776 15.4653 13.9996C15.8052 13.4122 16 12.7304 16 12C16 11.2696 15.8052 10.5878 15.4653 10.0004C15.1887 9.52237 15.352 8.91063 15.8301 8.63404ZM8.16995 8.63404C8.64798 8.91063 8.81129 9.52237 8.5347 10.0004C8.19484 10.5878 8 11.2696 8 12C8 12.7304 8.19484 13.4122 8.5347 13.9996C8.81129 14.4776 8.64798 15.0894 8.16995 15.366C7.69191 15.6425 7.08017 15.4792 6.80358 15.0012C6.29231 14.1176 6 13.0914 6 12C6 10.9086 6.29231 9.88244 6.80358 8.9988C7.08017 8.52076 7.69191 8.35745 8.16995 8.63404Z" fill="currentColor"></path><path d="M13.5 12C13.5 12.8284 12.8284 13.5 12 13.5C11.1716 13.5 10.5 12.8284 10.5 12C10.5 11.1716 11.1716 10.5 12 10.5C12.8284 10.5 13.5 11.1716 13.5 12Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.33243 16.4826L5.09622 17.2728C4.86428 18.0487 4.62086 18.8707 4.41748 19.5825C5.12931 19.3791 5.95126 19.1357 6.72722 18.9038L7.51743 18.6676L8.24444 19.057C9.36447 19.6571 10.6412 20 12 20C16.4154 20 20 16.4154 20 12C20 7.58457 16.4154 4 12 4C7.58457 4 4 7.58457 4 12C4 13.3588 4.34295 14.6355 4.94296 15.7556L5.33243 16.4826ZM3.18 16.7C2.63 18.54 2 20.69 2 21C2 21.55 2.45 22 3 22C3.31 22 5.46 21.37 7.3 20.82C8.7 21.57 10.3 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2C6.48 2 2 6.48 2 12C2 13.7 2.43 15.3 3.18 16.7Z" fill="currentColor"></path></svg>
                            </a>
                            <a class="text-cqtl-gray transition-all duration-[0.2s] ease-in-out translate-y-0 motion-reduce:transition-none hover:translate-y-[-0.15rem] m-[0_.7rem_0_0] hover:text-white"
                               href="mailto:eai@comoequeta.la"
                                 title="Fale conosco pelo email"
                            >
                                <i class="fi fi-rr-envelope !text-white text-[1rem]"></i>
                            </a>
                            <a class="text-cqtl-gray transition-all duration-[0.2s] ease-in-out translate-y-0 motion-reduce:transition-none hover:translate-y-[-0.15rem] m-[0_.7rem_0_0] hover:text-white"
                               href="https://wa.me/5561992612188"
                               title="Fale conosco pelo whatsapp"
                            >
                                <i class="fi fi-brands-whatsapp !text-white text-[1rem]"></i>
                            </a>
                        </nav>
                    </div>
                </div>
                <div class="flex-auto grid grid-cols-2 md:grid-cols-4 gap-16">
                    <ul class="pl-0 list-none  text-cqtl-gray !mb-0">
                        <li class="mb-4 font-black font-display text-xl">Trabalhe</li>
                        <li class="mt-[0.35rem]"><a class="text-cqtl-gray hover:text-[#fab758]" href="https://comoequeta.la/index.php/vagas">Busque vagas</a></li>
                        <li class="mt-[0.35rem]"><a class="text-cqtl-gray hover:text-[#fab758]" href="https://comoequeta.la/index.php/contrate/profissionais">Veja outros profissionais</a></li>
                    </ul>
                    <ul class="pl-0 list-none  text-cqtl-gray !mb-0">
                        <li class="mb-4 font-black font-display text-xl">Aprenda</li>
                        <li class="mt-[0.35rem]"><a class="text-cqtl-gray hover:text-[#fab758]" href="https://comoequeta.la/index.php/cqtlxp">CQTL XP</a></li>
                    </ul>
                    <ul class="pl-0 list-none  text-cqtl-gray !mb-0">
                        <li class="mb-4 font-black font-display text-xl">Contrate</li>
                        <li class="mt-[0.35rem]"><a class="text-cqtl-gray hover:text-[#fab758]" href="https://comoequeta.la/index.php/contrate/profissionais">Profissionais</a></li>
                        <li class="mt-[0.35rem]"><a class="text-cqtl-gray hover:text-[#fab758]" href="https://comoequeta.la/index.php/contrate/servicos">Agências e Fornecedores</a></li>
                    </ul>
                    <ul class="pl-0 list-none  text-cqtl-gray !mb-0">
                        <li class="mb-4 font-black font-display text-xl">Sobre</li>
                        <li class="mt-[0.35rem]"><a class="text-cqtl-gray hover:text-[#fab758]" href="https://comoequeta.la/index.php/docs/termos-de-uso">Termos de uso</a></li>
                        <li class="mt-[0.35rem]"><a class="text-cqtl-gray hover:text-[#fab758]" href="https://comoequeta.la/index.php/docs/politica-de-privacidade">Política de privacidade</a></li>
                    </ul>
                </div>
            </div>
            <div class="border-t border-cqtl-blue-500 p-4 my-4 text-center">
                <p class="text-xs text-slate-400">© Comoequetalá 2026. Todos os direitos reservados</p>
            </div>
            <!--/.row -->
        </div>
        <!-- /.container -->
    </footer>
</div>
</footer>

<div wire:snapshot="{&quot;data&quot;:{&quot;messages&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;icon&quot;:null,&quot;iconColor&quot;:null,&quot;cardColor&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;V9ToGpzu234iKIQxp5lh&quot;,&quot;name&quot;:&quot;components.toast&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;pt_BR&quot;},&quot;checksum&quot;:&quot;6c01de41abcecc66ac4aa7f3f850ce3cc145c97373f0da518dd03e5f3de48e4a&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;toast&quot;,&quot;remove-notification&quot;]}" wire:id="V9ToGpzu234iKIQxp5lh"
    x-data="{ messages: window.Livewire.find('V9ToGpzu234iKIQxp5lh').entangle('messages')}"
    aria-live="assertive"
>
    <div x-show="messages" class="fixed top-5 right-10 z-50">
    <template x-for="(message, index) in messages" :key="index">

        <div
            x-init="
                message.timer = setInterval(() => {
                    if(message.progress > 0){
                        message.progress -= 100/600; // Incremento baseado na duração do temporizador
                    } else {
                        clearInterval(message.timer);
                        $dispatch('remove-notification',{index: index});
                    }
                }, 10);
            "
            x-transition:enter="transition ease-out duration-300"
            x-transition:enter-start="opacity-0"
            x-transition:enter-end="opacity-100"
            x-transition:leave="transition ease-in duration-100"
            x-transition:leave-start="opacity-100"
            x-transition:leave-end="opacity-0"
            class="w-full max-w-xs rounded-md shadow mt-10 mr-10"
            :class="{
                'bg-blue-100 text-blue-800': message.type === 'info',
                'bg-green-100 text-green-800': message.type === 'success',
                'bg-yellow-100 text-yellow-800': message.type === 'warning',
                'bg-red-100 text-red-800': message.type === 'danger',
            }"
        >
            <div class="w-full bg-transparent rounded-t-md h-1.5">
                <div class="bg-gray-600 bg-opacity-25 h-1.5 rounded-full dark:bg-blue-500" style="width: 100%" :style="{ width: message.progress + '%' }"></div>
            </div>
            <div class="flex items-center w-full max-w-xs p-3 rounded-lg">
                <div class="inline-flex items-center justify-center flex-shrink-0 w-8 h-8 rounded-lg" :class="message.iconColor">
                    <i class="" :class="message.icon"></i>
                </div>
                <div class="ms-3 text-sm font-normal" x-text="message.message"></div>
                <button type="button" class="ms-auto -mx-1.5 -my-1.5 text-gray-400 hover:text-gray-900 rounded-lg focus:ring-2 focus:ring-gray-300 p-1.5 hover:bg-gray-100 inline-flex items-center justify-center h-8 w-8 dark:text-gray-500 dark:hover:text-white dark:bg-gray-800 dark:hover:bg-gray-700" data-dismiss-target="#toast-success" wire:click="removeNotification(index)" aria-label="Close">
                    <i class="fa-duotone fa-close"></i>
                </button>
            </div>
        </div>

    </template>
    </div>
</div>


<script  data-navigate-once="true">window.livewireScriptConfig = {"csrf":"RaJ6CnZh5pjM9yyT9ZVxilPB6NBRjg18ZfKuYq3p","uri":"\/livewire\/update","progressBar":"","nonce":""};</script>
<script src="https://comoequeta.la/index.php/flux/flux.min.js?id=bdbfbc9b" data-navigate-once></script>
<script src="https://cdn.jsdelivr.net/npm/flowbite@4.0.1/dist/flowbite.min.js"></script>
</body>
</html>
