/* ORDIVA · identidad de marca: paleta, tipografías (autoalojadas, licencia OFL en /fuentes) y logos.
   Los ficheros de /marca son definitivos: no se regeneran ni se modifican.
   Contrastes (WCAG, vigilados por test/marca.test.js): texto sobre arena dorada y verde claro = antracita o verde profundo,
   nunca blanco ni verde principal. Gris neutro #6B7280 sobre crema da 4,40 (no llega a AA): el texto atenuado usa --texto-suave. */

@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url('/fuentes/poppins-latin-500-normal.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fuentes/poppins-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fuentes/poppins-latin-700-normal.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fuentes/inter-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url('/fuentes/inter-latin-500-normal.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fuentes/inter-latin-600-normal.woff2') format('woff2'); }

:root {
  --marca-verde-profundo: #0F3D3A;
  --marca-verde: #1F6F6D;
  --marca-verde-claro: #7EC3B3;
  --marca-mint: #D9EFE4;
  --marca-arena: #E6C88F;
  --marca-crema: #F8F4E9;
  --marca-antracita: #1A1F1E;
  --marca-gris: #6B7280;
  --texto-suave: #5B6270;          /* gris neutro oscurecido: 5,58 sobre crema, 6,13 sobre blanco */
  --fuente-titulos: 'Poppins', 'Segoe UI', system-ui, sans-serif;
  --fuente-texto: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
}

body { font-family: var(--fuente-texto); }
h1, h2, h3, .titulo, .login-marca .nombre, .cifra-grande { font-family: var(--fuente-titulos); }

/* Logo de la cabecera (fondo verde profundo → versión blanca; el logo en color nunca va sobre #0F3D3A).
   En móvil, si el logo entero no cabe, solo el isotipo. */
.cabecera .marca { display: flex; align-items: center; flex: none; }
.cabecera .marca img { display: block; height: 28px; width: auto; }
.cabecera .marca .isotipo { display: none; height: 30px; width: 30px; }
@media (max-width: 560px) {
  .cabecera .marca .logo { display: none; }
  .cabecera .marca .isotipo { display: block; }
}

/* Login (fondo claro → logo con texto oscuro) */
.login-marca img.logo { display: block; width: min(260px, 80%); height: auto; margin: 0 auto; border-radius: 0; }
.login-marca .lema { margin-top: 10px; }

/* Móvil: el selector de empresa no se come el título de la pantalla */
@media (max-width: 560px) {
  .cabecera select { max-width: 30vw; }
  .cabecera .titulo { min-width: 5ch; }
}