import { e as createComponent, l as renderHead, n as renderScript, k as renderComponent, r as renderTemplate } from '../chunks/astro/server_CNSJbOTP.mjs';
import 'piccolore';
/* empty css                                  */
export { renderers } from '../renderers.mjs';

const $$Login = createComponent(async ($$result, $$props, $$slots) => {
  return renderTemplate`<html lang="es"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Iniciar Sesión — CREW</title><link rel="preconnect" href="https://fonts.googleapis.com"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">${renderHead()}</head> <body class="font-sans min-h-screen bg-[#32405d] flex items-center justify-center p-4"> <div class="w-full max-w-sm"> <!-- Logo --> <div class="text-center mb-8"> <div class="inline-flex items-center justify-center w-16 h-16 bg-white rounded-2xl shadow-lg mb-4"> <span class="text-[#32405d] font-bold text-2xl">CR</span> </div> <h1 class="text-3xl font-bold text-white">CREW</h1> <p class="text-blue-200 text-sm mt-1">Sistema de Control y Gestión</p> </div> <!-- Card de login --> <div class="bg-white rounded-2xl shadow-2xl p-8"> <h2 class="text-xl font-semibold text-gray-900 mb-6">Iniciar Sesión</h2> <!-- Mensaje de error --> <div id="error-msg" class="hidden mb-4 p-3 bg-red-50 border border-red-200 rounded-lg text-sm text-red-700"></div> <form id="login-form" class="space-y-4"> <div> <label class="block text-sm font-medium text-gray-700 mb-1.5">Correo o nombre de usuario</label> <input type="text" id="identificador" name="identificador" required autocomplete="username" placeholder="admin@crew.cl o admin" class="input"> </div> <div> <label class="block text-sm font-medium text-gray-700 mb-1.5">Contraseña</label> <div class="relative"> <input type="password" id="contrasena" name="contrasena" required autocomplete="current-password" placeholder="••••••••" class="input pr-10"> <button type="button" onclick="togglePassword()" class="absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600" tabindex="-1"> <svg id="ojo-abierto" class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path> </svg> </button> </div> </div> <button type="submit" id="btn-submit" class="w-full bg-[#32405d] text-white py-2.5 rounded-lg font-medium hover:bg-[#3d4e72] transition-colors disabled:opacity-60 disabled:cursor-not-allowed">
Iniciar sesión
</button> </form> </div> <p class="text-center text-blue-200/60 text-xs mt-6">
Crew Consultores © ${(/* @__PURE__ */ new Date()).getFullYear()} </p> </div> <!-- Selector de perfil (se monta si hay múltiples perfiles) --> <div id="selector-perfil-mount"></div> ${renderScript($$result, "C:/Proyectos IA/Sistema de Control y Gesti\xF3n Crew Consultores/frontend/src/pages/login.astro?astro&type=script&index=0&lang.ts")} ${renderComponent($$result, "SelectorPerfilLoader", null, { "client:only": "react", "client:component-hydration": "only", "client:component-path": "C:/Proyectos IA/Sistema de Control y Gesti\xF3n Crew Consultores/frontend/src/components/layout/SelectorPerfilLoader", "client:component-export": "default" })} </body></html>`;
}, "C:/Proyectos IA/Sistema de Control y Gesti\xF3n Crew Consultores/frontend/src/pages/login.astro", void 0);

const $$file = "C:/Proyectos IA/Sistema de Control y Gestión Crew Consultores/frontend/src/pages/login.astro";
const $$url = "/login";

const _page = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
  __proto__: null,
  default: $$Login,
  file: $$file,
  url: $$url
}, Symbol.toStringTag, { value: 'Module' }));

const page = () => _page;

export { page };
