/* ==========================================================================
   account.css — Páginas de autenticación (login, reset, 2FA) de Apa Rodamón.
   Se carga DESPUÉS de /css/views/account/account.css → sobrescribe por cascada.
   El login NO carga la skin de la app y su CSS se compila/minifica igual que el
   skin, por lo que aquí NO se usa @import: los pocos valores de marca van
   literales (fuente única de verdad de la paleta = 00-tokens.css de la app).
   Marca: navy + teal + logo Apa Rodamón.
   ========================================================================== */

/* Montserrat (subset latin, self-hosted) — para el login */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/custom/css/skins/aparodamon/fonts/montserrat/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
}

/* Variables reales del login mapeadas a la marca (teal sobrio + gris neutro) */
:root {
  --primary-color:      #3E9B94;   /* teal sobrio: foco, acentos, botón */
  --outstanding-color:  #4FA49C;
  --bg-color:           #16181D;   /* gris neutro oscuro */
  --txt-color:          #ffffff;
  --login-font:         'Montserrat', ui-sans-serif, system-ui, sans-serif;
  --product-background:  none;      /* fondo propio (abajo) */
}

/* Fondo con degradado de marca (gris neutro -> teal sobrio, sin navy) */
body {
  background: linear-gradient(135deg, #16181D 0%, #1E3A38 55%, #2E7A74 100%) fixed !important;
  font-family: 'Montserrat', ui-sans-serif, system-ui, sans-serif !important;
}

/* Logo del producto: isotipo Apa Rodamón, sin el filtro teal por defecto */
.product-logo {
  background-image: url('/custom/images/logo.png') !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  filter: none !important;
  width: 96px !important;
  height: 96px !important;
}

/* Botón principal en color de marca (teal sobrio) */
.account-card .account-button {
  background-color: #3E9B94 !important;
  color: #ffffff !important;
}
.account-card .account-button:hover {
  background-color: #35867F !important;
}