/* ============================================================
   LAYOUT · Estructura común
   Archivo: /bonos/assets/css/layout.css

   Regla:
   - Aquí solo lo común que realmente se usa.
   - Si una clase no se usa en views → se elimina (o se deja para futuro, pero no es el caso).
   ============================================================ */

/* Contenedor global */
.container{
  width: min(var(--container), calc(100% - 24px));
  margin: 0 auto;
}

/* Wrapper principal de contenido */
.mainwrap{
  padding: 18px 0 26px;
}

/* Card base (estructura común)
   - Usada en admin/client/control/errors
*/
.card{
  border-radius: var(--radius);
  border: 1px solid var(--line);
  padding: 16px;
}

.card--tight{ padding: 12px; }
.card--wide{ padding: 20px; }

/* Utilidades mínimas */
.full{ width: 100%; }
.hidden{ display: none !important; }

/* ============================================================
   NOTA:
   Se eliminan de layout.css por NO uso real en vistas:
   - .page
   - .row
   - .stack
   - .grid
   (Existen variantes específicas: ctrl-*, op-*, branding-*, etc.)
   ============================================================ */