/* Layout compartido de las páginas públicas/auth (sin nav inferior). Solo grid/gap/ancho/margen. */
@layer modules{
  /* .kx-page--narrow sin nav: no se reserva el alto de la barra inferior y el bloque se centra en vertical */
  .pub-page{min-height:100dvh;justify-content:center;padding-bottom:var(--sp-8)}
  /* marca (logo) sobre el encabezado de la tarjeta */
  .pub-brand{display:flex;justify-content:center;align-items:center}
  /* texto de apoyo centrado bajo una tarjeta (¿No tienes cuenta? …) */
  .pub-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-2) var(--sp-4)}
  /* campo + botón al lado (ver/ocultar contraseña) */
  .pub-pass{display:flex;gap:var(--sp-2);align-items:stretch}
  .pub-pass>input{flex:1 1 auto;min-width:0}
  /* fila de acciones al final de una tarjeta de formulario */
  .pub-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:flex-end}
  /* pila vertical genérica dentro de una tarjeta */
  .pub-stack{display:grid;gap:var(--sp-4);min-width:0}
}