/* Docstring: estilos de marca ALFA para Vikunja (login). */
/* Logo Vikunja encima de la tarjeta (Logo.vue); el panel izquierdo ya lleva marca ALFA */
.no-auth-wrapper > .logo {
  display: none !important;
}

.no-auth-wrapper .api-config {
  display: none !important;
}

.noauth-container section.image {
  background-color: #ffffff !important;
  background-image:
    linear-gradient(to bottom, #ff633a 0, #ff633a 6px, transparent 6px),
    url("/branding/alfa-logo.png") !important;
  background-repeat: no-repeat, no-repeat !important;
  background-position: top center, center center !important;
  background-size: 100% 6px, contain !important;
}

.noauth-container section.image::before {
  background-color: rgba(26, 26, 26, 0.06) !important;
}

/* "Welcome Back!" era blanco sobre fondo claro; legible con marca ALFA */
.noauth-container section.image h2.image-title {
  color: #4a4a4a !important;
  text-shadow: none !important;
}

/*
 * Login: clase body.vik-login (script en HEAD_INJECT). No usar :has(~) — falla en muchos navegadores.
 */
body.vik-login .noauth-container .content h2.title::before {
  content: "Sistema de Actividades ALFACYH";
  display: block;
  font-size: 1.65rem;
  font-weight: 700;
  color: #1a1a1a;
  letter-spacing: 0.02em;
  line-height: 1.25;
  margin-bottom: 0.35rem;
}

body.vik-login .noauth-container .content h2.title {
  font-size: 0.95rem;
  font-weight: 500;
  color: #5c5c5c;
  line-height: 1.3;
}