/* ============================================
   NEXUS · base.css
   Variables globales, reset y tipografía.
   Archivo compartido. No modificar por módulo.
   Paleta: verde bosque Agrimroc · tema claro.
   ============================================ */

:root {
  /* --- Paleta Agrimroc (verde bosque, tema claro) --- */
  --color-fondo: #fcf9f8;           /* fondo general, casi blanco cálido */
  --color-superficie: #ffffff;      /* tarjetas y paneles */
  --color-superficie-alt: #f0eded;  /* superficies alternas / encabezados de tabla */
  --color-borde: #d8e0d5;           /* bordes suaves verdosos */
  --color-texto: #1b1c1c;           /* texto principal */
  --color-texto-tenue: #52605a;     /* texto secundario */
  --color-acento: #1b5e20;          /* verde bosque principal */
  --color-acento-oscuro: #00450d;   /* verde más profundo (títulos) */
  --color-acento-suave: #e6f0e6;    /* verde muy claro para fondos de chip */
  --color-primario: #1b5e20;        /* alias usado por algunos módulos */
  --color-primario-suave: #e6f0e6;

  --fuente-base: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --radio: 12px;                    /* esquinas redondeadas tipo bento */
  --sombra-tarjeta: 0 1px 3px rgba(20, 40, 20, 0.06);
}

*, *::before, *::after { box-sizing: border-box; }

/* El atributo hidden debe prevalecer sobre cualquier display */
[hidden] { display: none !important; }


body {
  margin: 0;
  font-family: var(--fuente-base);
  background: var(--color-fondo);
  color: var(--color-texto);
  -webkit-font-smoothing: antialiased;
}

/* --- Pantalla de inicio --- */

.pantalla-inicio {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

.inicio-contenedor { text-align: center; padding: 2rem; }

.inicio-marca {
  margin: 0;
  font-size: 4rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  color: var(--color-acento);
}

.inicio-lema {
  margin: 0.5rem 0 2rem;
  font-size: 1.05rem;
  color: var(--color-texto-tenue);
}

.inicio-estado {
  display: inline-block;
  padding: 0.5rem 1rem;
  font-size: 0.85rem;
  color: var(--color-texto-tenue);
  border: 1px solid var(--color-borde);
  border-radius: var(--radio);
  background: var(--color-superficie);
}

/* Empresa activa: antes era un <select> por módulo; ahora la
   empresa se resuelve una sola vez (login / seleccionar-empresa)
   y cada módulo solo la muestra como dato fijo, no editable. */
.empresa-activa-nombre {
  display: inline-block;
  padding: 0.55rem 0.85rem;
  font-size: 0.95rem;
  color: var(--color-texto);
  background: var(--color-superficie);
  border: 1px solid var(--color-borde);
  border-radius: var(--radio);
}