/* Tema KONEXA para Tareas (Vikunja 2.3.0). Silvio, 2026-11-06: «¿se le puede dar la imagen de KONEXA?».
   Lo inyecta el proxy de marca (scripts/tareas/marca/nginx.conf) en cada página; Vikunja no se modifica.
   Colores y letra del manual KONEXA_BRANDBOOK.md («Conexión luminosa»). Quitar este archivo = Vikunja original. */
@font-face {
  font-family: "Nunito";
  src: url("/konexa/nunito.woff2") format("woff2");
  font-weight: 200 1000;
  font-display: swap;
}

:root {
  --kx-noche: #0c183c;
  --kx-azul: #306cb4;
  --kx-verde: #488424;
  --kx-luz-azul: #6ca8d8;
  --kx-luz-verde: #90c060;
  --kx-crema: #f6f8fb;
  /* Color principal de Vikunja = azul KONEXA (#306cb4) */
  --primary-h: 213deg !important;
  --primary-s: 58% !important;
  --primary-l: 45% !important;
  --site-background: var(--kx-crema);
  --success: var(--kx-verde);
}
:root.dark {
  --primary-l: 60% !important;
  --site-background: #0a1431;
}

/* Letra Nunito en todo */
html,
body,
button,
input,
select,
textarea,
.title,
.subtitle,
.button,
.input,
.label,
.menu,
.card,
.navbar,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Nunito", "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif !important;
}
.title,
h1,
h2,
h3 {
  font-weight: 800 !important;
  letter-spacing: -0.01em;
}

/* Botones redondeados con brillo suave */
.button.is-primary,
.base-button.is-primary {
  background: linear-gradient(135deg, var(--kx-azul), #2a5d9e) !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  box-shadow: 0 6px 18px rgba(48, 108, 180, 0.28);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.button.is-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(48, 108, 180, 0.36);
}

/* Tarjetas y campos más suaves */
.card,
.box {
  border-radius: 16px !important;
  box-shadow: 0 8px 28px rgba(12, 24, 60, 0.08) !important;
}
.input,
.textarea,
.select select {
  border-radius: 12px !important;
}

/* Barra superior con la franja de luz azul → verde */
.navbar.main-theme,
header.navbar {
  border-bottom: 3px solid transparent;
  border-image: linear-gradient(90deg, var(--kx-luz-verde), var(--kx-luz-azul)) 1;
}

/* ---------- Entrada (iniciar sesión, recuperar clave) ---------- */
.no-auth-wrapper {
  background:
    radial-gradient(1200px 600px at 85% -10%, rgba(108, 168, 216, 0.22), transparent 60%),
    radial-gradient(900px 500px at -10% 110%, rgba(144, 192, 96, 0.18), transparent 60%),
    var(--site-background) !important;
}
/* Logo completo de KONEXA (Silvio: siempre el original) sobre una tarjeta blanca, para que se lea en claro y en oscuro */
.no-auth-wrapper div.logo {
  height: auto !important;
  width: auto !important;
  max-height: none !important;
  min-height: 130px !important;
  flex: 0 0 auto !important;
  overflow: visible !important;
  display: flex;
  justify-content: center;
  margin: 28px auto 22px !important;
}
.no-auth-wrapper img.logo {
  height: 130px !important;
  max-height: none !important;
  width: auto !important;
  padding: 8px !important;
  border-radius: 24px !important;
  background: #fff !important;
  box-shadow: 0 10px 30px rgba(12, 24, 60, 0.25);
}
/* Logo de la barra superior (adentro) */
.navbar img.logo,
.menu-container img.logo,
.logo-link img.logo {
  max-height: 44px !important;
  width: auto !important;
  padding: 2px;
  border-radius: 12px;
  background: #fff;
}
.noauth-container {
  border-radius: 22px !important;
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(12, 24, 60, 0.22) !important;
}
.noauth-container .image {
  background:
    linear-gradient(180deg, rgba(12, 24, 60, 0.1) 30%, rgba(12, 24, 60, 0.82)),
    url("/konexa/escritorio-luz-1600.webp") center / cover no-repeat !important;
}
.noauth-container .image-title {
  font-weight: 900 !important;
  text-shadow: 0 2px 16px rgba(12, 24, 60, 0.6);
}
.noauth-container .image-title::after {
  content: "Tareas KONEXA ACADEMY";
  display: block;
  margin-top: 0.35rem;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--kx-luz-verde);
}
/* Sin la llama decorativa de Vikunja */
.no-auth-wrapper::before,
.no-auth-wrapper::after {
  background-image: none !important;
}
/* Aviso de «usando la instalación de…»: no le sirve al equipo */
.api-config {
  display: none !important;
}

/* Fondo interno: la llama del fondo de Vikunja se cambia por la luz de KONEXA */
.app-container,
.app-content {
  background-image: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .button.is-primary {
    transition: none;
  }
}

/* Pantalla de carga: logo de KONEXA en lugar de la llama */
.vikunja-loading > .logo {
  display: none !important;
}
.vikunja-loading::before {
  content: "";
  display: block;
  inline-size: 120px;
  block-size: 120px;
  margin: 0 auto 1rem;
  border-radius: 24px;
  background: #fff url("/konexa/logo.webp") center / 88% no-repeat;
  box-shadow: 0 10px 30px rgba(12, 24, 60, 0.25);
}