<!DOCTYPE html>
<html lang='es'>
<head>
    <meta charset='utf-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <title>Iniciar sesión | DreamJob Staffing</title>
    <link rel='icon' type='image/png' href='/favicon-96x96.png' sizes='96x96'>
<link rel='icon' type='image/svg+xml' href='/favicon.svg'>
<link rel='shortcut icon' href='/favicon.ico'>
<link rel='apple-touch-icon' sizes='180x180' href='/apple-touch-icon.png'>
<link rel='manifest' href='/site.webmanifest'>
    <link rel='stylesheet' href='/assets/front/styles/front-U6uPQDs.css'>
</head>
<body id='page-top' class='min-h-screen bg-[radial-gradient(circle_at_top,_rgba(9,105,195,0.12),_transparent_38%),linear-gradient(180deg,_#fff8ec_0%,_#ffffff_35%,_#e6f0f9_100%)] text-landing-text antialiased'>
    
<header class='sticky top-0 z-20 border-b border-landing-gray bg-white/90 backdrop-blur'>
    <div class='mx-auto flex max-w-7xl items-center justify-between gap-6 px-6 py-4 lg:px-10'>
        <a href='/es#page-top' class='inline-flex items-center gap-3 text-landing-text transition hover:opacity-80'>
            <img src='/logos/logo.webp' alt='DreamJob Staffing' class='h-10 w-auto'>
        </a>

        <nav aria-label='Navegación principal' class='hidden items-center gap-6 text-sm font-medium text-landing-dark lg:flex'>
            <a href='/es' class='transition hover:text-landing-main'>Inicio</a>
            <a href='/jobs' class='transition hover:text-landing-main'>Encontrar trabajos</a>
            <a href='/about-us' class='transition hover:text-landing-main'>Sobre Nosotros</a>
            <a href='/companies' class='transition hover:text-landing-main'>Compañías</a>
        </nav>

        <div class='flex items-center gap-3 text-sm'>
            <div class='hidden items-center gap-2 md:flex'>
                <a href='/' class='rounded-full px-3 py-2 text-landing-main hover:text-landing-dark'>EN</a>
                <a href='/es' class='rounded-full px-3 py-2 bg-landing-dark text-white'>ES</a>
            </div>

                            <a href='/es/signin' class='rounded-full bg-landing-main px-5 py-2.5 font-semibold text-white transition hover:bg-landing-dark'>
                    Iniciar sesión
                </a>
                    </div>
    </div>
</header>

            
    <main class='flex min-h-[calc(100svh-4.75rem)] items-start justify-center px-4 py-4 sm:px-6 sm:py-6 lg:min-h-[calc(100svh-5rem)] lg:items-center lg:px-10 lg:py-6'>
        <div class='grid w-full max-w-6xl gap-0 overflow-hidden rounded-[1.75rem] border border-landing-gray bg-white/95 shadow-[0_20px_60px_rgba(0,39,69,0.12)] backdrop-blur lg:max-h-[calc(100svh-8rem)] lg:grid-cols-[1.1fr_0.9fr]'>
            <section
                    class='relative overflow-hidden bg-landing-dark px-6 py-8 text-white sm:px-8 sm:py-10 lg:px-12 lg:py-10'>
                <div class='absolute inset-0 bg-[radial-gradient(circle_at_top_right,_rgba(255,240,217,0.24),_transparent_30%),radial-gradient(circle_at_bottom_left,_rgba(91,150,246,0.24),_transparent_34%)]'></div>
                <div class='relative flex h-full flex-col justify-between gap-8'>
                    <div class='space-y-5'>
                        <a href='/es'
                           class='inline-flex items-center gap-3 text-sm font-semibold uppercase tracking-[0.2em] text-landing-secondary transition hover:text-white'>
                            <img src='/assets/logos/logo_white-RgPuRr2.webp' alt='DreamJob Staffing'
                                 class='h-9 w-auto sm:h-14'>
                        </a>
                        <div class='max-w-xl space-y-4'>
                            <p class='text-sm font-semibold uppercase tracking-[0.24em] text-landing-secondary'>Acceso DreamJob</p>
                            <h1 class='text-3xl font-semibold leading-tight sm:text-4xl lg:text-5xl'>Un único acceso para candidatos y compañías.</h1>
                        </div>
                    </div>
                    <div class='grid gap-3 sm:grid-cols-2'>
                        <article class='rounded-3xl border border-white/15 bg-white/8 p-4 sm:p-5'>
                            <p class='text-sm font-semibold uppercase tracking-[0.18em] text-landing-secondary'>Cuenta de candidato</p>
                            <p class='mt-3 text-sm leading-6 text-white/75'>Accede a tu dashboard personal, postulaciones, bandeja de entrada y perfil.</p>
                        </article>
                        <article class='rounded-3xl border border-white/15 bg-white/8 p-4 sm:p-5'>
                            <p class='text-sm font-semibold uppercase tracking-[0.18em] text-landing-secondary'>Cuenta de compañía</p>
                            <p class='mt-3 text-sm leading-6 text-white/75'>Accede a tu dashboard de contratación, gestión de empleos, reportes y herramientas de empresa.</p>
                        </article>
                    </div>
                </div>
            </section>

            <section class='flex items-center px-6 py-8 sm:px-8 sm:py-10 lg:overflow-y-auto lg:px-10 lg:py-10'>
                <div class='w-full max-w-md space-y-6 lg:space-y-8'>
                    
                                                <div class='space-y-2'>
        <p class='text-sm font-semibold uppercase tracking-[0.2em] text-landing-main'>Paso 1</p>
        <h2 class='text-2xl font-semibold text-landing-dark sm:text-3xl'>Comienza con tu email</h2>
        <p class='text-sm leading-6 text-dash-text'>Usa el email asociado a tu cuenta de candidato o compañía.</p>
    </div>


                        <form name="front_email_lookup" method="post" class="space-y-6">
                        <div class="space-y-2">
        <label class="text-sm font-medium text-landing-dark required" for="front_email_lookup_email">Email</label>
        <input type="email" id="front_email_lookup_email" name="front_email_lookup[email]" required="required" autocomplete="email" placeholder="Ingresa tu email" class="text-base text-landing-text focus:border-landing-main focus:ring-landing-main/15 mt-2 block w-full rounded-2xl border border-dash-border bg-white px-4 py-3 text-sm text-dash-dark shadow-sm transition focus:border-dash-accent focus:outline-none focus:ring-2 focus:ring-dash-accent/20" />
        
        
    </div>
                        <button type='submit'
                                class='inline-flex w-full items-center justify-center rounded-full bg-landing-main px-5 py-3 font-semibold text-white transition hover:bg-landing-dark'>Continuar</button>
                        <input type="hidden" id="front_email_lookup__token" name="front_email_lookup[_token]" data-controller="csrf-protection" value="csrf-token" /></form>
                                    </div>
            </section>
        </div>
    </main>
</body>
</html>
