/*
 * UTE · Laboratorio de IA — LibreChat v0.8.8
 * Se aplica solo al AuthLayout de LibreChat.
 * No modifica formularios, rutas ni lógica de autenticación.
 */

/* Fondo institucional, con velo oscuro para mantener el contraste. */
div.relative.flex.min-h-screen.flex-col.bg-surface-primary:has(img[src="assets/logo.svg"]) {
  background-image:
    linear-gradient(180deg, rgba(2, 10, 25, 0.42) 0%, rgba(2, 10, 25, 0.66) 100%),
    url("/assets/portada-ute-ia-rumipamba.webp") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* El logo oficial es apaisado (a diferencia de la pluma cuadrada). */
div.mt-6.h-10.w-full.bg-cover:has(> img[src="assets/logo.svg"]) {
  width: min(82vw, 450px) !important;
  height: clamp(72px, 12vh, 108px) !important;
  margin: 24px auto 0 !important;
  background-image: url("/assets/logo-univ-ute-blanco.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
  position: relative;
  z-index: 1;
}

/* Conservamos el elemento accesible, pero ocultamos la pluma original. */
div.mt-6.h-10.w-full.bg-cover > img[src="assets/logo.svg"] {
  opacity: 0 !important;
}

/* El formulario mantiene los colores del tema elegido por el usuario. */
div.relative.flex.min-h-screen.flex-col.bg-surface-primary:has(img[src="assets/logo.svg"])
  main > div.w-authPageWidth {
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 18px;
  box-shadow: 0 20px 65px rgba(0, 0, 0, 0.42);
}

@media (max-width: 640px) {
  div.mt-6.h-10.w-full.bg-cover:has(> img[src="assets/logo.svg"]) {
    width: min(88vw, 370px) !important;
    height: 80px !important;
    margin-top: 20px !important;
  }

  div.relative.flex.min-h-screen.flex-col.bg-surface-primary:has(img[src="assets/logo.svg"])
    main > div.w-authPageWidth {
    margin-inline: 12px;
    border-radius: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  div.relative.flex.min-h-screen.flex-col.bg-surface-primary:has(img[src="assets/logo.svg"]) {
    background-attachment: scroll;
  }
}

/* UTE - Personalización del título de acceso */

div.relative.flex.min-h-screen.flex-col.bg-surface-primary
  main > div.w-authPageWidth > h1 {
    font-size: 0 !important;
    line-height: 0 !important;
}

div.relative.flex.min-h-screen.flex-col.bg-surface-primary
  main > div.w-authPageWidth > h1::after {
    content: "Laboratorio IA UTE";
    display: block;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 600;
    color: inherit;
}